Recently viewed products
Product page section
Update | This feature was added in v6.4.0 on December 11, 2023. See our changelog and theme update guide to learn more.
In the Product template, the Recently viewed products section automatically display rows of products that the customer has viewed on your site. This section remains hidden until the customer has viewed several product pages.
Set up recently reviewed products
STEPS
In your theme editor (Customize):
Open the Product template using the template selector.
Click (+) Add section and select Recently viewed products.
Click and hold the drag and drop handles
⋮⋮to change the order of sections.Click the Recently viewed products section to open the settings.
Enter Small heading text to display above the heading.
Enter Heading text to display as the section title.
Enter Subheading text to display underneath the heading.
Select the Maximum number of products to show. Between 3 and 15.
The section will not show the product that’s currently being viewed.
Select the Number of columns on desktop. Either 3, 4, or 5.
Select the Number of columns on mobile. Either 1 or 2.
Choose to Enable animation to show visual effects when scrolling, hovering, or interacting with the section.
Click Save.
Settings reference
In the Product template, click the Recently viewed products section to find the following settings.
Section content
Add heading and subheadings at the top of the section.
Small heading
Add label text to show above the main heading.
Heading
Add text to show a main heading above the section.
Subheading
Add text to show a subheading below the main heading.
Product list
Change the layout of the product cards on desktop and mobile.
Maximum number of products
Set a limit on how many product recommendations to display within the section: between 3 and 15.
Number of columns on desktop
Choose how many recommendations to show per row on desktop screens: either 3, 4, or 5 columns.
Number of columns on mobile
Choose how many collections to show per row on mobile screens: either 1 or 2 columns.
Section style
Enable animation
Choose whether to display visual effects when scrolling, hovering, or interacting with the section.
Related links
Last updated