You can easily add a product collection to any page using this element.

In the right sidebar under "Elements" scroll down until you see the "Collection" element under "Shopify" heading.
​

Then simply drag the element where you would like to place it on your page.

In the right sidebar you can then change what collection is being displayed, the number of columns per row, and the number of products from the collection displayed.

💡 Note: the order of the products in your Collection Element may differ between the editor and the live page. This should be taken into account when creating content inside the product boxes of your Collection Element.

With the introduction of our Collection Element > Product Sync feature, you can now make bulk edits to all of the Product Boxes (and the elements inside them) across an entire collection! This can help ensure a consistent design across all of your products in your collections.

As soon as you enable Product Sync, any changes you make to a product box (or its child elements) will update across the other product boxes in your collection.

Some ways you can use Product Sync:

Changing any product information within your ecommerce platform will filter through, meaning that you do not need to revisit Shogun unless you wish to make design changes, or updates!

At present, no, but you can add a 'Product Variant' element to your collection product box and that will allow the visitor to switch to in-stock variants if and when the variant associated with the product box in the editor goes out of stock.

You can further define what variants the end user can and can't see with the 'sold out variants' behavior dropdown in the controls sidebar.

At present this toggle takes into account the availability of all the variants of a product, and if you haven't included a variant element in the layout, it is possible for product box content to render on the live page, but the end user is not able to switch to in stock variants. Including a Product Variant element in the layout would resolve this issue.

Not at this time. When a Collection element is added to a page, it will pull all products affiliated with that Collection. This includes products within the collection that are set to be unavailable for specific markets.