Block Types: Product Ribbon

What is the Product Ribbon block? 

The Product Ribbon is a block that randomly populates up to 8 products either from one of your Collections or from DistributorCentral's Feature Products list. The products can be scrolled through (from left to right), and a View More link is present to allow your customer a way to view the entire list of products at one time. Using this block you can showcase multiple products, without taking up a lot of extra website real estate.

How to add the Product Ribbon block

  1. In the website editor, go to the panel on the left and find Current Page
  2. Under the Current Page, click the + icon to the right of the row
  3. In the Select Block Type pop up window, click on Product Ribbon
  4. After you have clicked on Product Ribbon, the Select Block Type pop-up window will disappear, and you will see the new block added last in the row in the left panel, and it will be highlighted in blue. 

How to edit the Product Ribbon block:

  1. In the left-hand panel, find the Product Ribbon block
  2. Click the pencil icon to the right of the Link block
  3. The Product Ribbon editor window will pop-up
  4. Within the Product Ribbon editor, select the product source to be used
    1. Select Catalog to pick one of your Product Collection.
  5. If you have selected Catalog, choose the Collection you want the block to pull products from.
  6. Next, enter in a Ribbon Title
  7. Other settings you can configure on this block are for the Quick View modal and include: 
    1. Show Email Product button...?
    2. Show Request More Info button...?
    3. Show Add to List button...?
  8. When complete, click Done in the bottom right
  9. Lastly, Save your changes