Recently viewed products

The Recently viewed products section lets your customers find the products they’d previously visited easily, enhancing user experience and boosting conversions.

How to add a Recently viewed products section

Steps

1. In the theme editor (Customize), click Add section.

2. Locate Recently viewed products.

3. Make necessary changes.

4. Save.

How to edit a Recently viewed products section

Section header

Customize the text and alignment to ensure the section effectively communicates your message and encourages engagement.

See settings

• Subheading: Add a short, secondary heading to complement the main heading. This can provide additional context or detail.

• Heading: Enter the primary title for your banner.

• Heading size: Adjust the size to fit your design preference and ensure readability. Choose from available heading sizes.

• Description: Add a detailed explanation or summary for the banner. Use rich text formatting like bold, italic, links, and lists for better visual emphasis.

• Text alignment:

  • Align the text in the section to the Left, Center, or Right.

  • Adjust alignment based on your banner’s design and layout.

• Text alignment on Mobile: Override desktop alignment settings specifically for mobile devices if needed.

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 (1 column/ 2 columns).

• Enable swipe on mobile: Check the option to make the product list swipeable instead of showing in a grid layout.