E1 - Product Ingredients
The Product Ingredients section lets you showcase the ingredients or components of your product with interactive features and settings for a visually appealing user experience.
Section Overview
This section is designed to display ingredients or product components in an interactive way. Each ingredient is presented as a button that users can click to reveal more details, including an image and a description, through a sliding interface.
Section Settings
You can configure the following settings for the Product Ingredients section:
Section Heading
Add a general heading for the section to provide context to your users.
Section Text
A standard text field to include additional details or introduce the section.
Button Settings
Add a button with a customizable URL/link to direct users to another page or resource.
Slider Functionality
When users click on an Ingredient button, the section slides to display the selected ingredient's description and image.
Ingredient Title and Text Settings
Customize the title style for ingredient cards to match your theme design.
Ingredient Block
The Ingredient block is the only block option available in this section. It includes the following customizable fields:
Title: Add the name of the ingredient or component.
Image: Upload an image representing the ingredient.
Text: Provide a short description of the ingredient.
The slider functionality ensures that clicking on an ingredient button reveals its details interactively, enhancing user engagement.
💡Tip: Use high-quality images and concise descriptions for your ingredients to create a polished, professional look.
⚠️ Important Note: Ensure the links for the button are functional and relevant to the section content for a seamless user experience.
Last updated