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

Header background

Kalles - Products with banner 3

Annie

Written by Annie

Last updated

308 views

On this page


This section allows you to show the products with banner and you can choose a grid, carousel layout for the products.

You can go to Theme sections > Add section > Search and add Products With Banner 3 to configure it.

1. Products With Banner 3 content

11.png

This section provides you with many blocks such as:

  • Text

  • HTML

  • Image (Child)

  • Button

  • Countdown timer

  • Form Newsletter

  • Space HTML

2. Products With Banner 3 settings

2.1. GENERAL OPTIONS

You can freely add the image and customize it with many design options.

12.webp

2.2. CONTENT BACKGROUND, COLOR OPTIONS

13.webp
  • Helps you configure the style of the content color & content background color with options for Overlay color, Overlay opacity, Background color, Background color opacity.

  • You can also change the Content padding top/bottom (px), Content padding left/right (px) for both on Moblile & Desktop

  • Use border content: Turn on this option to use the border content. And you can change the Border color, Background border, Border opacity, Border style and Borderr Padding.

2.3. GENERAL SETTINGS

You can add the products that you want it to show on the section

14.webp

2.4. DESIGN OPTIONS

Please follow this guideline to config Layout, Background, Margin/Padding for the section.

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