> For the complete documentation index, see [llms.txt](https://aries-theme.gitbook.io/docs/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://aries-theme.gitbook.io/docs/theme-sections-by-category/product/recently-viewed-products.md).

# Recently viewed products

The Recently Viewed Products section shows items that the customer has already looked at during their visit. It appears as a grid or slider of product cards, so shoppers can quickly return to products they considered without searching again. This section is especially useful on product pages or at the bottom of the store to encourage repeat engagement and can help increase conversions by surfacing relevant products.

<figure><img src="https://2498163780-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F2LxG3rPCoA6sZo7ovFkR%2Fuploads%2FqIU8pWFsYQWGyEnHVq7i%2FCapture%20d'%C3%A9cran%202026-02-20%20181622.png?alt=media&amp;token=f5d6d018-e233-4111-a494-099a966c5fd0" alt=""><figcaption></figcaption></figure>

{% hint style="info" %}

### How to set it up

1. Go to **Online Store** > **Themes** > **Customize**.
2. Open **Sections** > **Recently Viewed Products**.
3. Make your changes, preview live, then click **Save**.
   {% endhint %}

### Settings

#### Heading

* **Heading**: The title shown above the product grid (e.g. “Recently viewed products”). Leave blank to hide the heading.
* **Heading size**: Controls how large the heading appears. Choose from the size options (e.g. XS up to 2XL) to match your layout.
* **Underline**: When enabled, adds a line under the heading.
* **Header text alignment**: Aligns the heading to the left (Start), center, or right (End).

#### Products settings

* **Maximum products to show**: How many recently viewed products can appear (2 to 6). The section will show up to this number if the customer has viewed enough products.
* **Number of columns on desktop**: How many product cards per row on desktop (1 to 6).
* **Full width**: When enabled, the section stretches to the full width of the screen instead of the content area.
* **Color scheme**: The color palette for the section. Card colors can be controlled in theme settings.

#### Mobile layout

* **Number of columns on mobile**: Show 1 or 2 product columns on phones. If there are more products than columns, they appear in a swipeable slider.

#### Product card settings

* **Image ratio**: Shape of the product image in each card: Landscape (wider), Portrait (taller), Tall, or Square.
* **Show product vendor**: When enabled, the vendor name is shown on each product card.
* **Product information text color**: Optional color for the product title, price, and similar text on the cards. Leave empty to use the default color.

#### Padding

* **Top**: Space above the section (0–400 px).
* **Bottom**: Space below the section (0–400 px).

***

### Tips

* Place this section on product pages or near the footer so it appears after customers have viewed a few products.
* “Maximum products to show” is limited to 6; the section only displays products that were viewed in the current session and are stored in the browser.