Recently Viewed

This features displays a list of products a shopper has previously looked at during their current browsing session.

How It Works

The feature uses browser cookies to keep track of the products a user clicks on. When the user opens the cart drawer, this information is used to populate the "Recently Viewed" list with the product images, names, and prices.

Key Benefits

  • Enhanced User Experience: It provides a convenient way for shoppers to recall and reconsider products they were interested in without having to search for them again

  • Increased Conversions: By keeping potential purchases top-of-mind, it encourages customers to add more items to their cart and complete their purchase, which can help reduce cart abandonment

How To Use?

  1. Click Add Block

  2. Choose Recently Viewed

  1. Customize the Recently Viewed block

  • Maximum items to show: This slider controls the total number of products that will be displayed in the Recently viewed list

Pop-up product setting

  • Desktop media width: Controls the size of the product image or video within the pop-up on desktop screens.

  • Desktop media position: Determines the placement of the product media (image/video) in the pop-up.

  • Popup width: Sets the total width of the pop-up window on desktop screens.

  • Desktop title size: Controls the font size of the product's title inside the pop-up.

  • Show description: This is enabled, meaning the product's description will be displayed in the pop-up.

  • Limit description length: It will truncate the product description to a predefined length, often adding a "read more" link. This keeps the pop-up clean and concise.

  • Show "view details" button: When enabled, this adds a button to the pop-up that links directly to the full product page, allowing the customer to see more details if they wish.

  • Hide sold out variants: When enabled, any variant that is out of stock will be hidden from the selection options, preventing customers from trying to select it.

  • Selector type: This determines the style of the variant selection interface

  • Color selector type: This specifically controls how color variants are displayed.

  • Hide other variants' media after selecting a variant: When enabled, after a customer selects a specific variant, for example choosing a purple color for the product, the media gallery will update to show only the images associated with that purple variant, hiding the images for blue and black color.

Last updated