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.

SettingDescription

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.

SettingDescription

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

SettingDescription

Enable animation

Choose whether to display visual effects when scrolling, hovering, or interacting with the section.


Related links

Product recommendations Complementary products Cart cross-sells

Last updated