Recently viewed products
This section displays items that a customer has recently looked at, making it easier for them to find and consider these products again. This can enhance the user experience by providing personalized.
Last updated
This section displays items that a customer has recently looked at, making it easier for them to find and consider these products again. This can enhance the user experience by providing personalized.
Last updated
To add this section, please follow the below steps:
From your Shopify admin, go to Online Store -> Themes.
Find the theme that you want to edit, and then click Customize.
Click Add section and choose "Recently viewed products".
Setting | Description |
---|---|
Heading | The title for this section. |
Heading style | Style of the heading:
|
Heading size | The size of the heading text:
|
Heading alignment | The alignment of the heading text and description within the section container:
|
Description | The description for this section. |
Maximum products to show | The number of products from the collection to display. Minimum: 2. Maximum: 25. |
Number of columns on desktop | Determines the number of product columns on the desktop. Can be from 2 to 4, increasing arithmetically of 1. |
Color scheme | Set the color for the section. |
Setting | Description |
---|---|
Image ratio | The image ratio for the product images:
|
Show second image on hover | When the customer hovers their cursor over the product image, displays the second product image if the product has one. |
Show vendor | Displays the vendors of the products. |
Enable quick add button | Displays the quick add button that opens a popup displaying all the essential product details. |
Setting | Description |
---|---|
Number of columns on mobile | Determines the number of product columns on the mobile:
|
Show pagination | Displays the pagination for this section. |
Setting | Description |
---|---|
Top padding | Determines the height of the top inner space of the section. Can be from 0px to 150px, increasing arithmetically of 2px (pixel). |
Bottom padding | Determines the height of the bottom inner space of the section. Can be from 0px to 150px, increasing arithmetically of 2px (pixel). |