Install #1 Page Builder App for FREE and get deal 6 months of Standard Plan. Hurry up! See Detail  

Header background

Element sections - Product

Alfred

Written by Alfred

Last updated

273 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

[Private Offer] EComposer Partner Plan

ecomposer.jpg
Exclusively for The4 users, when you bougth any theme from us, 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, Sale Funnel page, Lead pages, & other custom pages tailored for your marketing campaigns.
  • Create advanced sections & add to your theme with ease
  • 100+ professtional, stunning designer-made templates
  • Build pages with a love drag-drop editor, no coding required

How to claim offer. Install EComposer HERE. Then open chatbox icon in EComposer dashboard and leave a message with subject "Theme name+EComposer" to upgrade for free

Ecomposer1.jpg
Cheers, The4.

We highly recommend Shopify apps from our partners.

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