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:

Has this article been useful to you?