Skip to main content

Recently Viewed Products Widget

Customize the Recently Viewed Products widget to match your store's design.

Updated this week

The Recently Viewed Products widget shows customers the products they’ve browsed before, making it easy to return to items they’re interested in.

Adding the Widget

  1. Go to Online Store > Themes > Customize

  2. Navigate to the page where you want the widget

  3. Click Add section and select Recently Viewed Products from the app section

  4. Adjust the position by dragging the section

  5. Click Save

You can add the widget to product pages, your homepage, collection pages, or any other page template.

Layout Options

  • Products to show — How many products appear in the widget. Most stores show between 4 and 8 products.

  • Grid columns — How many columns the products display in. 4 columns works well for desktop. You can set a different number for mobile.

  • Image ratio — Square, portrait, or adapt to each product’s original aspect ratio.

Carousel Mode

Enable carousel mode to let customers scroll through products horizontally instead of a grid.

  • Show arrows — display navigation arrows on the sides

  • Auto-rotate — automatically cycle through products

  • Loop — continue from the beginning when reaching the end

On mobile, customers can swipe through products whether carousel mode is on or off.

Styling

  • Heading text — The title above the widget. Default is “Recently Viewed” but you can use “You’ve Been Browsing” or “Pick Up Where You Left Off”.

  • Colors — Background, text, and button colors to match your theme.

  • Product info — Toggle price, vendor name, and sale badge visibility.

Mobile Settings

  • Columns on mobile — One or two columns works best for phones.

  • Touch swiping — Swipe gestures for browsing products on mobile.

Did this answer your question?