Recently viewed products

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

#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

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.