How to add section Recently Viewed Products to website
Display a list of recently view products as a reminder and prompts customer to purchase.
In the theme editor (Customize), Add section
Recently Viewed Products.
Configure section Recently Viewed Products
Product Settings
In the theme editor (Customize), click section
Recently Viewed Products then locate Product. Here you can make the necessary configurations.
- Product Limit : Configure the number of product displayed.
- Items Gap (px) : Configure the distance between card items.
Product Card Style
In the theme editor (Customize), click section
Recently Viewed Products then locate Product Style. Here you can make the necessary configurations.
- Title color : Configure color for product card title.
- Description Color : Configure color for product card description.
- Image spacing (px) : Configure spacing for image product.
- Price margin top (px) : Configure margin top for price product.
- Title margin top (px) : Configure margin top for title product.
- Swatch margin top (px) : Configure margin top for swatch product.
- Rating margin top (px) : Configure margin top for rating product.
- Description margin top (px) : Configure margin top for description product.
Build layout section
Layout slider
You can display block layout grid or slider.If you want to use layout slider see Section Slider Layout
Layout grid
If you use layout grid.At the settings section, You can configure items to display on 1 row for each screen device.
Other configurations of section
You can see the documentation for other section configurations such as: Heading, container, background, animation, padding...