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


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.smind.io/guides/cart-drawer/recently-viewed.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.