Recently Viewed
The section is designed to display products that a customer has previously viewed during their browsing session.
This section emphasizes personalized and convenient shopping, allowing customers to quickly return to items they showed interest in without having to search for them again.
Products are typically displayed in a horizontal row or grid, with uniform product cards that include images, product names, vendor, price, review stars, and optional badges like Sale, Sold Out, or Feature. The layout is designed to be visually consistent, making it easy for shoppers to scan through their recently viewed items and make purchase decisions efficiently.
Location: Sections -> Templates -> Products: Recently Viewed
Recently Viewed – Options Overview
Heading
Subheading
Adds a small text label above the main heading.
Heading
Sets the main title of the section.
Description
Adds supporting text below the heading.
Heading alignment: Left / Center
Aligns the heading and description text.
Layout
Top spacing: None / Small / Medium / Normal
Controls space above the section.
Width: Default / Boxed / Wide
Defines the section width. Wide applies on screens 1440px and wider.
Number of columns: 2–8
Sets how many products are displayed in a row on desktop.
Number of columns on tablet: 2–4
Sets product grid layout on tablet screens.
Mobile grid: One item per row / Two items per row
Controls how many products are shown per row on mobile.
Slider settings
Enable slider
Converts the product list to a horizontal slider.
Desktop navigation: Disable / Dots / Arrows / Dots and arrows
Controls slider navigation tools on desktop.
Mobile navigation: Dots / Disable
Controls navigation on mobile devices.
Enable autoplay
Automatically moves slides forward.
Products
Image hover effect
Chooses an effect shown when hovering over product images.
Image ratio
Sets product image shape.
Customize
Opens the Product Card customization settings.
Dividing line
Show
Displays a horizontal separator above the section.
Background
Background: Hide / Color / Gradient / Image
Sets the section background appearance.
Colors
Base / Accent / Lines
Adjusts general text and decorative colors.
Product card color
Vendor, type
Color of vendor and type text.
Vendor, type hover
Hover color for vendor and type.
Product name
Color of product title.
Product name hover
Hover color for product title.
Regular price
Color of the main product price.
Sale price
Color of the discounted price.
Old price
Color of the crossed-out previous price.
Description
Color of the product description text.
Badges
Sale badge / Sale badge text
Style colors for sale labels.
Featured badge / Featured badge text
Style colors for featured labels.
Sold out badge / Sold out badge text
Style colors for sold-out labels.
Countdown background / Countdown text
Colors for countdown timers (if used).
Interface buttons
Interface button background / icon / hover versions
Controls colors for Wishlist, Compare, Quickview, and slider arrow buttons.
External interface button background / icon / hover versions
Controls colors for external position interface buttons behind product images.
Variants buttons
Border / Background / Text (and hover + sold-out variants)
Styles for product variant selection buttons.
Input
Background / Border / Text / Icon (and hover versions)
Styles fields such as quantity inputs.
Add to cart button
All background, text, border, hover, gradient, shadow options
Controls visual appearance of the Add to Cart button.
Link button
All background, text, border, hover, gradient, shadow options
Controls appearance of secondary link-style buttons.
Media button
Slider arrows / Slider dots
Styles slider navigation icons.
Review stars
Stars active
Color of filled (active) rating stars.
Stars base
Color of unfilled (inactive) stars.
Last updated