Product Recently Viewed
In Theme Customize, go to the Product page (Default product) > Product Recently Viewed option to configure the Recently Viewed Product in the Single Product page.
Show product recently viewed checkbox: Tick on this checkbox to enable the product recently viewed option below the Product Description.
1. Heading Options
Design heading, Heading align, Heading content: enter and choose a design for the heading here. View the video below to see some designs of the heading:
Enter an icon name on heading: Click the Get name icon button to navigate to the The4 Line Awesome icons Library. This option only works for Heading design 6.
Subheading: Enter the content that you wanna show on the product recently viewed subheading (below the product recently viewed heading) here.
Space bottom (px): Configure the space bottom for the product recently viewed heading here.
2. General Options
Product item design: Choose a design for the product recently viewed here. Please check the video below
Show product vendors, Show product countdown: Tick on this checkbox to enable vendors, countdown.
Maximum products to show: Configure the maximum products that you wanna show on the product recommendations option here.
Sort By: Choose to sort by Recently viewed products by logic status here. With each logic status, the products on the Recently viewed option will show different.
Unavailable products: Choose to Show or Hide Unavailable products (Out of stock products) here.
2.1. Options Image Products
Image ratio, Image size, Image position: config the ratio, size, position for product images.
Product content align: choose to align Default or Center for product items.
Items per row: Configure the number of products that you wanna show per row on the Product recommendations option here
Space horizontal/ vertical items (Desktop & Mobile): Configure the spacing horizontal/ vertical items on Desktop & Mobile here.
2.2. Options For Carousel layout
When you choose the Layout design is Carousel for the Product recommendations option, you should configure the style of the Product recommendations option in this part.
Enable loop: Tick on this checkbox to enable loop feature (auto play infinite scroll) for the Product recommendations option.
Autoplay speed in seconds: Configure the number of seconds that you wanna loop the Product recommendations here.
Pause autoplay on hover: Tick on this checkbox to enable the feature: Stop auto-play carousel when hovering over the Product recommendations products.
Please check the GIF image below:
Prev next button: choose to show/hide and config the style for the button
Page Dot: choose to show/hide and config the style for the dots
3. Design Options
Layout: Choose a Layout for the section here. We have 3 layouts for you to choose: Container, Wrapped Container and Fullwidth.
Background color: Configure the background color. In addition, you can adjust Background gradient, Background image
Margin/ Padding (Desktop & Mobile): Configure margin/ padding for the Product recently viewed option here.
[Private Offer] EComposer Partner Plan
Exclusively for Kalles users, you can get EComposer - Theme Partner Plan for ZERO and start making beautiful, high-converting store pages today:
FREE 100% EComposer Standard plan for 6 months (save you $114)
Build ANY Shopify pages: Landing page, Sales Funnel page, Lead pages, & other custom pages tailored for your marketing campaigns.
Create advanced sections & add to Kalles with ease
Save up to 50 pages/sections
100+ professional, stunning pre-designed templates
Anyone can build pages with live drag-drop editor
How to claim offer: Install EComposer HERE. Then open chatbox icon in EComposer dashboard and leave a message with subject “Kalles+EComposer” to upgrade for free
Cheers, The4.
Last updated