What we can do with the product element

• Create product element or item

What we must take into account about this element

• Must be contained within categories

What main options this element allows:

• Indicate the product name
• Indicate a highlight tag
• Indicate a detailed description of the product
• Indicate the price of the product
• Indicate a photo of the product

What advanced options it allows us:

• Extended product description, in detail page mode
• Establish different types of prices for the product, for example: Half portions or full portions, or glasses and bottles, etc…
• Indicate an extra for the product
• Set the icons
• Establishing allergen or intolerance information
• Change the product font
• Change the color of the product title
• Apply your own styles to the element. Currently we have the option of HIDE, COMPACT and SEQUENTIAL.

What aspects the element has within the configurator:

Standard options:

Advanced options:

Product element configurations

Example configuration of a basic product

The simplest example would be to add a product with a name and a price.

We start from the following situation:

The appearance would be:

Example configuration of a product with different prices

We will use the advanced options of the product in this case we will select a photo for the product and we will indicate two prices: one for a half sandwich and another for the whole sandwich.

We start from the following situation:

The appearance would be:

Example of use of the different styles

In this element we have three different styles: HIDE, COMPACT and SEQUENTIAL. The default value is COMPACT.

The aspect for COMPACT is:

The aspect for SEQUENTIAL is: