The details shared here apply to the most recent version of Turbo. To keep your theme up to date, check out this helpful document.
In This Article
Using the Recently Viewed Products Section
The Turbo theme includes a 'Recently Viewed Products' homepage section which is quite unique as it will contain different products based on each individual customer's site experience and which products their checking out! The 'Recently Viewed Products' section is the perfect way to remind your customers items that they've previously taken a look at as they navigate through your shop.
In order to test out the 'Recently Viewed Products' section, you're going to want to open up a live version of your site (outside of the theme editor) in a separate tab. This section gets populated based on built-up history of navigating through products. So in the separate tab of your live site, visit multiple product pages in order for this section to show up!
The 'Recently Viewed Products' section allows you to choose between a traditional 'grid-based layout' or a more modern 'slider layout' to display the products. You can choose to have the product title and price visible below the product thumbnail image, or you can choose to have it only display when the customer hovers over the product thumbnail image (Theme Settings > Product Grid > 'Show product information on hover').
In order to set up Recently Viewed Products, click into Customize (your Theme Editor) > Sections > Add Section > Recently Viewed Products.
Recently Viewed Products Settings
The section settings determine the look and layout of this section!
You can choose to add a 'Heading' to the top of this section.
In the 'Layout' setting, you can either choose to display your 'Recently Viewed Products' as a grid, or slider.
Here you can limit the number of products you'd like to show. You can choose between 3 to 12.
Products per Row
Here you can choose how many products you'd like to show per row. You can choose between 3 to 5.
Heading - added
Layout - slider
Products limit - 6
Products per row - 4
When viewed on a mobile device, if the 'layout' is set to 'slider', it will still remain a slider! You can swipe through the images or click the left/right arrows:
If the 'layout' is set to 'grid', it will remain as a grid layout on mobile as well. You can select to either have 1 or 2 products per row by adjusting the 'Products per row on mobile' setting found in Customize > Theme Settings > Product Grid: