# Recently viewed products

![image](https://docs-assets.foxecom.app/hyper-theme/Hyper%20docs%20screenshot%20do%20not%20delete%20(49)_RE70SmF2.jpg)

The **Recently viewed products** section lets your customers find the products they’d previously visited easily, enhancing user experience and boosting conversions.

## How to add a Recently viewed products section

<Hint type="success">

**Steps**

1. In the theme editor **(Customize)**, click **Add section.**
2. Locate **Recently viewed products.**
3. Make necessary changes.
4. **Save.**

</Hint>

## How to edit a Recently viewed products section

### Section header

Customize the text and alignment to ensure the section effectively communicates your message and encourages engagement.

<Expandable title="See settings">

* **Subheading**: Add a short, secondary heading to complement the main heading. This can provide additional context or detail.
* **Heading**: Enter the primary title for your banner.
* **Heading size:** Adjust the size to fit your design preference and ensure readability. Choose from available heading sizes.
* **Description:** Add a detailed explanation or summary for the banner. Use rich text formatting like **bold**, *italic*, links, and lists for better visual emphasis.
* **Text alignment:**
  * Align the text in the section to the **Left**, **Center**, or **Right**.
  * Adjust alignment based on your banner’s design and layout.
* **Text alignment on Mobile:** Override desktop alignment settings specifically for mobile devices if needed.

</Expandable>

### Grid settings

* **Maximum products to show**: between 2-12 products.
* **Number of columns on desktop**: between 2-6 products.
* **Column gap**: Set the gap between product columns.
* **Row gap**: Set the gap between product rows.

### Carousel settings

* **Enable carousel on desktop**: Display the product list on a carousel (when the number of recently viewed products > the number of columns on the desktop).

### Product cards

* **Image ratio**: Set the image ratio of the product cards.

  ![image](https://docs-assets.foxecom.app/hyper-theme/image_nmirdo7l.png)

### Mobile layout

* **Number of columns on mobile**: Set the number of product grid columns for mobile view (1 column/ 2 columns).

![image](https://docs-assets.foxecom.app/hyper-theme/image_rsJDCywh.png)

* **Enable swipe on mobile**: Check the option to make the product list swipeable instead of showing in a grid layout.

![image](https://docs-assets.foxecom.app/hyper-theme/image_qN2e7W2p.png)