Selected product

This component it’s similar to the Product template component, with the key difference that it allows you to highlight an specific or invidual product from your store. Some considerations that you need to be aware when using it are:

• It can be added on any layout of the theme, with the exception of the Product template.
• You can only add this component once on a theme template.

Note: the image sizes for this component are the same than the Product template one.

Component settings

The settings for this component are almost the same as the Product template, with a few additional ones that offer more customization, which are the following:

Note: next, we are just listing the options that are specific for this component. For the remaining ones, you can see the details on the Product template component.

Product

In this field you must select the product you wish to highlight.

By default, the first product in you’re store within Products > All products will be displayed.

---

Invert columns order on Desktop

Allows you to move the Image gallery to the right side of the page, while the Content will be displayed at the left side.

On mobile devices the gallery will always come first.

---

Content desktop gap

Allows you to define the amount of space (gap) between the Image gallery and the Content on desktop devices.

---

Image gallery

All the options for customizing the Image gallery are explained on this page.

---

Card options

This group contains options that let you choose if product will have a “card” style applied.

• Card style: Enables the style.
• Border: Displays a border all around the card.
  • Border opacity: Allows to define the opacity or transparency of the border.
• Card content colors: Allows to choose the Color Pack for the card.

---

---

Appearance

This group contains the following options to customize the component:

• Top margin: Allows to control the upper margin of the section.
• Bottom margin: Allows to control the lower margin of the section.
• Content colors: Allows to choose the Color Pack for the component.

---

Animations

The Customize options allows to adjust the animations for this specific component. You can read which ones are available in this page.

---

---

Subcomponents

The list of available subcomponents for the Selected product it’s almost the same than for the Product template component, with the exception of the following ones:

• Product Accordion
• Product custom fields
• Attachments
• Product custom code