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):

  1. Open the Product template using the template selector.

  2. Click (+) Add section and select Recently viewed products.

    Click and hold the drag and drop handles ⋮⋮ to change the order of sections.

  3. Click the Recently viewed products section to open the settings.

  4. Enter Small heading text to display above the heading.

  5. Enter Heading text to display as the section title.

  6. Enter Subheading text to display underneath the heading.

  7. Select the Maximum number of products to show. Between 3 and 15.

    The section will not show the product that’s currently being viewed.

  8. Select the Number of columns on desktop. Either 3, 4, or 5.

  9. Select the Number of columns on mobile. Either 1 or 2.

  10. Choose to Enable animation to show visual effects when scrolling, hovering, or interacting with the section.

  11. 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.

Product list

Change the layout of the product cards on desktop and mobile.

Section style


Related links

Product recommendations Complementary products

Last updated