Shop the look

The Shop the look section seamlessly integrates product displays onto a banner, enhancing user engagement and simplifying the shopping experience.

Section settings

General settings

Setting
Description

Section width

3 options for container

  • Stretch width: span the section width regardless of screen size.

  • Fix width: depends on your page content width in Theme settings -> Layout.

  • Expand full width: takes up the entire space on the page and it usually resizes itself to fit the size of the screen.

Color scheme

Select colors from Theme settings -> Colors

Heading

The title of the section

Description

The description of the section

Heading size

Font size text customization:

  • Small

  • Medium

  • Large

Content alignment

The position of the heading and description.

  • Left

  • Center

  • Right

Image ratio

"Image ratio" refers to the proportional relationship between the width and height of the image.

Enable parallax image

Enable the parallax animation for the banner

Setting
Description

Show navigation

Display the next and back controls for the carousel

Show pagination

Display the pagination for the carousel

Desktop navigation position

4 options for the navigation's location:

  • Left

  • Right

  • Center

  • Bottom

Section padding

  • Top padding: Customize the top margin of the section

  • Bottom padding: Customize the bottom margin of the section

Theme block

Item

General settings

Setting
Description

Image

Upload a desired image

Desktop content position

Set the content position on desktop

Content alignment

The position of the heading and description.

  • Left

  • Center

  • Right

Heading, Subheading, Description

Setting
Description

Heading, Subheading, Description

Custom content block

Size

The size of content block

Spacing bottom

Spacing between the content and the next component

Product

Setting
Description

Vertical position

The vertical position of the image on mobile and desktop separately

Horizontal position

The horizontal position of the image on mobile and desktop separately

Select product

Select the desired product

Last updated