Featured Products Element In Ecommerce Stores is Live

What's New

1. Flexible Placement:

   Add the Featured Products element anywhere on your store page.

2. Customizations Flexibility:

   Control the layout, appearance, and the number of products per row (up to 5 on desktop and 2 on mobile).

3. Easy Product Selection:

   Select specific products to display in the element via builder, replacing the default placeholders images.

How to Use:

1. Add the Element:

• Go to your page builder.

• Select Add Element → Store → Featured Products

2. Customize the Appearance:

• Configure heading, margins, padding, colors, borders, and fonts in the settings panel.

• Configure the number of products per row in the Layout tab. By default, 3 products are displayed per row, but you can adjust this using the Number of Columns field—up to 5 on desktop and 2 on mobile.

3. Select Products:

• Click any placeholder product under the Products group.

• Use the search bar to find and select your desired products in the builder.

• Selected products will replace the placeholders in the builder.

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

4. Publish:

• Click Save/Publish to apply your changes.

5. Preview:

• View your live page to see the Featured Products element. Clicking on a product will redirect users to its detail page.

Please Note:

Any changes to product details (e.g., price or images) will automatically reflect in the Featured Products element. By default only 10 products will be shown in the dropdown while selecting products. Please search for other products. Product selection has to be done to show the real products. Placeholder products will not be shown on live site.

Images:

Add Products:

Select and Connect Products:

Customize the Element:

How it Looks