To add the Products Block to your site, open the Site Designer feature by clicking the Site Designer icon in the Left Navigation Menu on your store's Dashboard.
You can add the Products Block to any Page on your site. Using the Page: Home dropdown menu at the top left of the Site Designer Page, choose the page to which you will add your Products Block. In this example, we will be adding them to the Product Details Page by clicking Product Details in the dropdown. This will show the Pproducts Block on all Product Detail Pages.
Locate a spot on your page to display the Products Block. We decided to add them at the bottom of the page, above the Footer. Navigate to this spot and mouse over the location until the blue Plus Sign icon appears. Your Products Block will appear below the Plus Sign icon. Click the icon to add your block. The Add a Block menu will pop-out on the left side of the page. Scroll down through the Default Blocks and click on the Products Block. There are currently three versions of the Products Block available, so choose the one that works best for you. Click on the Add Block button to add it to your Page.
The block has now been added to the Product Details Page. To personalize the block, mouse over it and click the Edit button that appears at the top left corner of the block.
Edit options for the block include deleting it or moving its position on the page. The number of display columns can be set and a slider controls the Add To Cart button being shown for products. Featured Products can be added and the existing products changed. To save any edits, click the Done button at the bottom of the edit popout.
To Edit a Featured Product, click on the Featured Product name. This will allow you to pick a new product using the Select a Product dropdown menu. To add additional Products, click the blue Add button and choose your product from the dropdown. To save your Featured Products, click the Done button at the bottom of the edit popout.
Your final step should be to click the green Publish button at the top right of the Site Designer page. Until this button is clicked your changes will not be visible on your storefront.
Viewing any Product Details page on the storefront and scrolling to the bottom of that page will show your Featured Products Block.
The Recently Viewed version of the Products Block showed products recently viewed by the customer. Both the numbers of products shown and the number of columns displayed can be set. Products can be displayed as "cards", which evenly reinforces image size rations.
The Shop The Collection version of the block allows merchants to create and curate a collection of products for the customer to view. A single representative image for the collection can be added, and the merchant can set which products are part of the collection.
The Related Products version of the Products Block allows you to set the number of viewable columns, then chooses products from your Product List to display on the page. These products are picked by the block and you have no input as to which ones are chosen.
The Featured Products version of the block allows you to set the number of viewable columns, then allows you to choose which products are displayed.
The Search Results version of the block allows you to set both the number of products displayed as well as the number of viewable columns. You can choose to show Price as well as the Add to Cart button. A Load More button can be used to load additional products in the block. Recently searched products can be displayed as "cards", which evenly reinforces image size rations.