Recently viewed products
How to display a list of recently viewed products to prompt t customers to purchase
Last updated
How to display a list of recently viewed products to prompt t customers to purchase
Last updated
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.
Steps
In the theme editor (Customize), click Add section.
Locate Recently viewed products.
Make necessary changes.
Save.
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
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
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.
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).
Image ratio: Set the image ratio of the product cards.
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.
