From your store's Dashboard click the Site Designer icon in the left Navigation Menu.

The Shop The Collection Block can be added to any Page on your site. In this example, we will add it to the Product Details Page. Using the Page: Home dropdown at the top of the Site Designer Page, choose Product Details from the list.

On the Product Detail Page, mouse over the page until you see the Plus Sign icon to add a new block. Click the Plus Sign icon and locate the Products section of the Add A Block menu. Open the section and choose Shop The Collection, using the Add Block button.

Once your block has been added, hover over the new header section and locate the gray Edit button. Use the Edit button to open the Edit Block menu and customize it.

The Edit Block menu for the Shop The Collection Block offers these options:

Header Block Controls

Trash Can Icon to Delete Block
Arrows to move block up or down the page

Make This Block Reusable Toggle

Block Settings:

Make Selection Full Width Toggle

Make Background Color Full Width Toggle

Background Color Chooser

Text Color Chooser

Padding On Top Slider

Padding On Bottom Slider


Change Image Button (allows you to upload main image for your Collection)

Image Max Width On Desktop Slider

Image Max Width On Table Slider

Products Add Button (allows you to add individual products to your Collection)

Item 1 (clickable to open the following menu)

Product Chooser Dropdown

Product Reset Button

Dot Color Chooser

Dot Horizontal Position Slider

Dot Vertical Position Slider

Remove Product Button

Cards Layout:

Display As Cards (enforces image rations) Toggle

Image Ration Dropdown (Landscape, Portrait or Square)

Background Color Chooser

Border Color Chooser

Border Width Slider

Border Radius Slider

Product Name Color Chooser

Show Product Price Toggle

Product Price Color Chooser

Show "Add To Cart" Button Toggle

Slider Dots:

Border Color Chooser

Active Background Color Chooser

Inactive Background Color Chooser

Make sure to click the Done button at the bottom of the block edit section to save your changes.

Additionally, you will need to click the green Publish button at the top of the page to make your changes live on your store.

Did this answer your question?