Recently viewed products

How to display a list of recently viewed products to prompt t customers to purchase

The Recently viewed products section lets your customers find the products they’d previously visited easily, enhancing user experience and boosting conversions.

This article will show you how to add and customize your Recently viewed product sections.

How to add a Recently viewed products section

Steps

1. In the theme editor (Customize), click Add section.

2. Locate Recently viewed products.

3. Make necessary changes.

4. Save.

How to edit a Recently viewed products section

Section header

Use the provided text fields to add a suitable Heading.

• Leave it blank if you do not want to display it

You can also change the Heading size to:

• Heading xs

• Heading sm

• Heading md

• Heading lg

• Heading xl

• Heading 2xl

• Display md

• Display lg

• Display xl

Highlight text

How to apply Highlight text to the section heading and block headings?

Use the provided text fields to add a suitable Subheading and Description.

• Leave them blank if you do not want to display them

Grid settings

• Maximum products to show: between 2-12 products.

• Number of columns on desktop: between 2-6 products.

• Column gap: Set the gap between product columns.

• Row gap: Set the gap between product rows.

Carousel settings

• Enable carousel on desktop: Display the product list on a carousel (when the number of recently viewed products > the number of columns on the desktop).

Product cards

• Image ratio: Set the image ratio of the product cards.

  

Mobile layout

• Number of columns on mobile: Set the number of product grid columns for mobile view.

• Enable swipe on mobile: Check the option to make the product list swipeable instead of showing in grid layout.