SectionAI is free + 20K tokens if you're a The4 customer, Free plan is available Install App  

Header background

Product Items

Mie Tran

Written by Mie Tran

Last updated

2824 views

On this page


This section helps you configure the product item. The setting will apply for the product grid of all sections on Home page, Collection page, Product Recommendation & Product recently viewed on the Product page.

2023-05-05_16-58-33.gif

1. How to choose a 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 many product item designs.

23.gif

2. Config Product Design

Go to Sections Sidebar > Product Items to config for the Product item design. If you don't see the Product design you are using, please click 'ADD BLOCK' to add more design blocks.

41.gif

You are allowed to config the colors for some buttons: add to cart, quickview, wishlist, compare, size list. Please check the video below:

3. Product Items settings

3.1. Product Title, Product Price

Helps you configure the style of the title, price product.

2023-05-09_10-34-15.gif

3.2. Other

Change the space between elements

11.png

3.3. Product button

Change button round corners

13.png

3.4. Color Options

Change colors for Product title, price, sale price, vendors

12.png

3.5. Color overlay

Choose an overlay for product image when hovering the product. You can set the value is 0% to disable the overlay background.

14.png

You can check this video to config Product Items in detail:

🎁 Exclusive Deals for The4 Customers

SectionAI

🤖 SectionAI – Build Sections with AI

Generate Shopify sections from text or wireframes.
The4 users get +20,000 bonus tokens when verifying their theme license.

  • ✅ No-code section builder
  • ✅ Works with your The4 theme
  • ✅ Build FAQs, banners, product grids & more
🚀 Try Free – Claim Tokens
EComposer

🎉 EComposer – Free 6-Month Plan

Build landing pages, sales funnels, and more with drag & drop.
The4 users get 6 months free (save $114).

  • ✅ 100+ templates ready to use
  • ✅ Build any Shopify page
  • ✅ No coding required
🔓 Get 6 Months Free

Enjoy a free 3-day trial. Then get your first month for $1. Try Now

We uses cookies to ensure you get the best experience on our website.