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

Header background

Element sections - Product

Alfred

Written by Alfred

Last updated

626 views

On this page


This section is allowing to show a specific product on your page.

1. Add Product

  1. From Dashboard > Pages > All pages > select the home page you want to add product > Edit with elementor.

  2. Scroll down to Kalles Theme > drag and drop the Product into the page.

Pasted-75-1024x625.png

2. Configure Product

2.1. Content

  • Product: Select a product to show.

  • Enable countdown for sale product: You have to set up the sale schedule on the product page first (only works with product type simple). From The4 Dashboard > Product >  set the countdown for sale in Product data.

1-1024x756.png

Result:

Pasted-76-1024x479.png

 

  • Enable Flip Product Thumbnail: If you enable this option, the product thumbnail will appear when you hover over the product.

  • Image size: There are multiple sizes for you to adjust the image size of the product.

  • CSS Animation: There are 5 style animation. They are Top to bottom, Bottom to top, Left to right, Right to left, Appear from center.

  • Extra class name: You also can add an extra class name in this option. (Style particular content element differently – add a class name and refer to it in custom CSS).

2.2. Advanced

There are multiple advanced options you can configure for Product such as Background, Border, Mask, etc.

Pasted-77-1024x493.png

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