Recently viewed products
Recently viewed products shows products the shopper has opened earlier. The list is built from the shopper's own browsing, so a new visitor sees no products yet.
How to add it
- In the Theme Editor, open the template where you want the section.
- Select Add section, then choose Recently viewed products. A template can have only one of this section.
- Save the page to load the recently viewed products in the editor.
The package enables this section on the Cart template.
Settings
View the section guide .
Save the page to load recently viewed products.
Heading content
| Setting | Options | Description |
|---|---|---|
| Heading | Main title shown above the products. | |
| Description | Text shown under the heading. | |
| Heading size | • Large | Size of the section heading. Large uses the biggest heading style and Small the smallest. |
| Heading alignment | • Left | Aligns the heading and description to the left, center or right. |
Layout
Maximum products sets how many products show, from 2 to 12.
| Setting | Options | Description |
|---|---|---|
| Maximum products | Most products the section lists, taken from the shopper's own browsing history. | |
| Columns on desktop | Number of products per row on desktop. | |
| Column gap | • No gap | Space between the product cards: no gap, small, medium or large. |
| Columns on mobile | Number of products per row on mobile. In a carousel, a decimal such as 1.5 shows part of the next product. |
Carousel
Enable carousel shows the products in a sliding row. Show arrows in section header moves the arrows up beside the heading.
| Setting | Options | Description |
|---|---|---|
| Show arrows in section header | Moves the carousel arrows from the sides of the product row up to the section header. Shown when Enable carousel and Show arrows are on. | |
| Enable carousel | Displays items in a carousel. | |
| Show arrows | Shows previous and next arrows on the carousel. Shown when Enable carousel is on. | |
| Show pagination | Displays carousel pagination. | |
| Reveal next item | Shows part of the next item. |
Appearance
| Setting | Options | Description |
|---|---|---|
| Color scheme | Edit color schemes in Theme settings. |
Section layout
| Setting | Options | Description |
|---|---|---|
| Section width | • Page width | Width of the section content: standard page width, a wider container, or the full screen width. |
| Top padding | Space above the section in pixels. | |
| Bottom padding | Space below the section in pixels. | |
| Show top border | Draws a thin line along the top edge of the section. |
Notes
- Viewed products are saved in the shopper's browser (localStorage, key
laurel-history-seen-items) when they open a product page. The list keeps the 25 most recent products, newest first, and does not expire.
No comments yet