How to Use the Featured Products Element in Ecommerce Store

The Featured Products element is a new addition to your Ecommerce store that lets you showcase specific products anywhere on your store pages in the order you prefer. Here's how you can use it:

1. Add the Featured Products Element

• Go to your page builder.
• Select Add Element → Store → Featured Products.

2. Customize the Appearance

• In the settings panel, you can adjust the heading, margins, padding, colors, borders, and fonts.
• Under the Layout tab, you can set the number of products per row. By default, 3 products are shown per row, but you can change it to up to 5 products on desktop and 2 on mobile.

3. Select Products

• Click on the placeholder product under the Products group.
  
  
• Use the search bar to find and select your desired products.
  
  
• The selected products will replace the placeholder images.

Note: Only 10 products will appear in the dropdown by default. Use the search to find more products.

1. Publish Your Changes

• After selecting the products, click Save/Publish to apply the changes.

2. Preview Your Page

• Check the live page to see how the Featured Products element looks. Clicking on a product will take users to its detail page.

Important Notes:

• Any updates made to the product (like price or images) will automatically be reflected in the Featured Products element.

• You must select real products to display; placeholder products will not show up on the live site.