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.
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.