You can easily add a product collection to any page using this element.
How to Use The Product Collection Element
In the left sidebar under "Elements" scroll down until you see the "Collection" element under "BigCommerce" 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 the number of products from the collection displayed. You can also choose to show the collection as a Grid or as a Slider.
Note: It is normal for the collection element to not load elements inside of the editor, this will appear correctly on the live page.
Apply Changes to All
You can now make bulk edits to all of the Product Boxes (and the elements inside them) across an entire collection by use of the "Apply changes to all" toggle! This can help ensure a consistent design across all of your products in your collections.
How does it work?
As soon as you enable the Apply changes to all toggle, 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 this toggle:
Adding/deleting product box elements
Changing the color, size and positioning of product box elements
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!