How do I set custom related products?

Expanse uses Shopify's product recommendation engine (read their docs here).

Previously, related products only show up when you're on a collection-relative URL, such as /collections/your-collection/products/your-product. You can only get to this URL if you navigate to a product through a collection (or featured collection homepage section).

In all versions you can overwrite the standard functionality and specifically select related products on your individual product pages with the help of utility tags.

How does it work?

The utility tags in Expanse allow you to show a related collection of your choosing, even when navigating directly to the product URL (/products/your-product). 

1. Get your collection handle

First, you'll need the collection handle that you want to feature on your product. From your /admin/collections page, click "Edit website SEO" near the bottom of the page.

Get your collection handle

Select the text in the last field after /collections/.

Get your collection handle

2. Add the utility tag to your product

Navigate to the product you want to add the above collection to as related products. Add your utility tag in the format _related_collection-handle.

In this example it would be _related_menswear.

Add the utility tag to the product