About:
We’re excited to introduce the brand new Featured Products element in our Ecommerce store!
This feature enables store owners to showcase selected products anywhere on their store pages in the desired order.
✨ What's New?
  1. Flexible Placement:
    Add the Featured Products element anywhere on your store page.
  2. Customisation 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
    .
  1. 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.
  1. 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.
  1. Publish:
  • Click
    Save/Publish
    to apply your changes.
  1. Preview:
  • View your live page to see the Featured Products element. Clicking on a product will redirect users to its detail page.
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:
image
Select and connect products:
image
Customize the element:
image
How it looks?
image