Product Feature

Online Store Product Widget

Product Widget represents a single selected product on a page. It can be dragged and dropped as any regular widget from the Features sidebar. 

Please Note: The Product Feature allows you to add a product card to any project page except the Store page.

Follow these steps to add and edit the Product Widget: 

  • In the Site Editor, hover over the left sidebar and click Build:

  • In Features, navigate to the Online Store section, drag Product, and drop it to the preferred area:

  • Hover over the  Product Feature and click Edit to configure Product Settings:

Modifying the Layout Tab

  • Show Product. Select a product to display from the drop-down:

  • Product Name. Select one of the options from the drop-down: Show, Do not show, Show on mouse hover.

  • Product Subtitle. Select one of the options from the drop-down: Show, Do not show, Show on mouse hover.

  • Product SKU. Select one of the options from the drop-down: Show, Do not show, Show on mouse hover.

Modifying the Design Tab

  • Product Layout. Select one of the options: Left, Center, Right, Justify Content.

  • Product Frame. Turn on/off the toggle to show or hide the Product Frame.

  • Main Product Image. Turn on/off the toggle to show or hide the Main Image for a Product.

  • Additional Product Image. Select one of the options from the drop-down: Do not show or Show on mouse hover.

  • Image Aspect Ratio. Choose the image aspect ratio from the drop-down.
  • Darken Image Background. Turn on the toggle to Darken Image Background.