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
In the theme editor (Customize), click Add section.
Locate Recently viewed products.
Make necessary changes.
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.
Last updated