Frontend

Disabling the Featured Products Section at the Top of Your Store Layout

What are Featured Products?

By default, the first two products displayed in a Collection will be highlighted as "featured". You can identify these items by their distinct background color.
Screen Shot 2022-10-05 at 2.21.22 PM

How to Disable/Bypass the Featured Product functionality

To bypass the Featured Product functionality, you will need to create specialized Custom Template(s).

Before you begin

Note that some designer knowledge is required to accomplish this task - so It's recommended that you engage with your designer.

 
By default, the Product list and detail pages will output a standard set of Product information (through <div id="c7-content"></div> ). The good news is that you can easily create HTML templates to customize them.
  1. Go to Developer > Product Templates, click the Add Product Template button.
    Screen Shot 2024-03-28 at 3.30.32 PM
  2. Select if the template will be for a Collection (Product list) or for a Product (Product detail).
    Screen Shot 2024-03-28 at 3.33.19 PM
  3. Use the Product tags below to build your template. (You can reference the default Product and Collection Templates if you don't want to start from scratch).
  4. You have the option to apply your template either when editing a specific Product (as seen below) or Collection. Alternatively, within the Collection, you can choose the "Default template" to have it automatically applied to all items.
    Screen Shot 2024-03-28 at 3.43.38 PM
  5. For your website, make sure that your layout has the <div id="c7-content"></div> tag on it - as this is where the Product information will be output. When you go to a /collection/* or /product/* URL you'll be able to see the Product templates in use; either the system defaults or a custom one that you've added.
  6. If no template is marked as the default, Products will use the default system template unless one is specifically selected.