Recently viewed products

The Recently viewed products section automatically display products that your customer has viewed on your site. This section remains hidden until the customer has viewed several product pages.

Set up section


In the editor side panel, click (+) Add section and select Recently viewed products. Click and hold the drag handles ⋮⋮ to re-order sections.

Section styles

Sections include general styles. Click the section to find options for spacing, and animations.

Section spacing

Section animations

Product list layout


Change the layout of the product cards on desktop and mobile. Find section settings under Product list for number of products and columns.

Click section to find settings

Setting
Description

Maximum number of products

Set a limit on how many recently viewed product to display: between 3 and 10.

Number of columns on desktop

Choose how many products to show per row on desktop screens: either 3, 4, or 5 columns.

Number of columns on mobile

Choose how many products to show per row on mobile screens: either 1 or 2 columns.

Section header


Add section headings above the product list.

Click section to find settings

Setting
Description

Center header content

Display headings in the center above the section. Uncheck this option to align headings to the left.

Accent

Add text to show a small heading above the main section heading.

Heading

Add text to show a main heading above the section.

Subheading

Add text to show a subheading below the main heading.

Maximum text width

Set the maximum width of heading text between 400 and 1000 pixels.

Last updated

Was this helpful?