Product Items

From the Sections Sidebar > Product Items. The setting will apply for the product grid on Home page, Collection page, Product Recommendation & product recently viewed on the Product page.

1. Settings

PRODUCT TITLE

Helps you configure the style of the title with options for Style(Text-transforrm), Font-Family, Font-Size, Font-Weight, Line-Height and Letter-Spacing.

PRODUCT PRICE

Helps you configure the style of the price with options for Price Size and Font-Weight.

OTHER

This allows you to change the Space between images and content, Space between elements of content and Swatch size (both on Mobile & Desktop).

PRODUCT BUTTON

You can set the button round corners for the buttons in product items as Add to Cart, Quick Shop, Quick View, or Select options.

COLOR OPTIONS

This allows you to change the color and color on hover for the title, price, and vendor of the product items.

You can also change the countdown primary color, background color, countdown opacity, color overlay, and color overlay opacity for the countdown.

2. Product Design

First, on the homepage, in each section, you can choose the Product Item Design from General Options that the theme provides for the product items. From here, the theme provides eight product item designs.

Second,you can preview and customize the design product item by going to the Configs Page > Product Items. You can use the default setting or configure it as you want.

Please follow this video below for details:

[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