> For the complete documentation index, see [llms.txt](https://docs.smind.io/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.smind.io/guides/cart-drawer/recently-viewed.md).

# Recently Viewed

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

<figure><img src="/files/DmtQ14uTmeeLwsjHnujV" alt=""><figcaption></figcaption></figure>

## **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 <a href="#benefits" id="benefits"></a>

* 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**

<figure><img src="/files/GQUXuPFrn4OVCWJUvKiO" alt=""><figcaption></figcaption></figure>

3. Customize the **Recently Viewed** block

<figure><img src="/files/ozF2SlxGm7FfyYXKNiTG" alt=""><figcaption></figcaption></figure>

* **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.&#x20;
* **Desktop media position:** Determines the placement of the product media (image/video) in the pop-up.&#x20;
* **Popup width:** Sets the total width of the pop-up window on desktop screens.&#x20;
* **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.

<figure><img src="/files/M8yqkuhZ0iltFIPfj3uf" alt=""><figcaption></figcaption></figure>

* **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.