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

Header background

Element sections - Banner Packery

Mie Tran

Written by Mie Tran

Last updated

597 views

On this page


Are you looking for Bakery Banner design? This section is a great tool for capturing the attention of potential customers. You can create amazing layouts with Banner Packery.

1. Add Banner Packery

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

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

packery1.jpeg

2. Configure Banner Packery’ Content

packery6.jpeg
  • Image: You can select an image to show. Then in the link image, put an URL site for the image. You can enable it to open in a new window and add nofollow. Besides, you can set custom attributes for the link element and turn on the background overlay and set color for it.

  • Heading, Sub Heading: With these options, you can add the text and design styles for text, such as Space and Text color.

  • Content: You can write content for banner packery here.

  • Button: You are not only able to edit text and links for the button but also configure the style for the button, such as Button type, Text color, Border color, and Background color.

3. Configure Banner Packery’ Style

packery5.jpeg
  • Enable zoom image on hover?: Turn on this option and the banner image will zoom in when you hover over it.

  • Space between Collections: Select space between collections banner. There are 5 types. They are Space 0, Space 2, Space 6, Space 10, Space 20, Space 30.

  • Select layout of 4 banners: This only works when you add to this element section four banners. There are four layouts. If you add fewer than four banners, it won’t work.

  • 5 blocks banner layout: This only works when you add to this element section five banners. There are 5 layouts. If you add fewer than five banners, it won’t work.

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