About:
We’re thrilled to announce the brand new Featured Products component in our Ecommerce store! This functionality allows store owners to highlight selected products in any location on their store pages in the order they prefer.
✨ What’s New?
1. Flexible Placement: Place the Featured Products component anywhere on your store page.
2. Customisation Flexibility: Regulate the layout, look, and the quantity of products in each row (up to 5 on desktop and 2 on mobile).
3. Easy Product Selection: Choose specific products to feature in the component via the 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:
– Adjust the heading, margins, padding, colors, borders, and fonts in the settings panel.
– Determine the number of products per row in the Layout tab. By default, 3 products are shown per row, but this can be altered using the Number of Columns field—up to 5 on desktop and 2 on mobile.
3. Select Products:
– Click on any placeholder product under the Products group.
– Utilize the search bar to find and select your preferred products in the builder.
– Selected products will replace the placeholders in the builder.
– Note: Only 10 products will appear in the dropdown by default. Utilize the search to find additional products.
4. Publish:
– Press Save/Publish to apply your changes.
5. Preview:
– View your live page to see the Featured Products component. Clicking on a product will redirect users to its detail page.
Note:
– Any modifications to product details (for example, price or images) will automatically reflect in the Featured Products component.
– Default settings only show 10 products in the dropdown while selecting products. Please search for other products.
– Product selection must be completed to display the actual products. Placeholder products will not be displayed on the live site.