Theme Section - Products Grid & Banner

The Products Grid & Banner section allows you to pair a featured promotional banner with a structured product grid, making it ideal for highlighting collections, special offers, or limited-time promotions. This layout helps draw attention to key messaging while showcasing products in a clean, organized format.
📌 Key Features
Feature collections or limited-time offers
Use the banner space to promote seasonal sales, curated collections, or exclusive deals.
Present products in a structured layout
Display products in a clean grid that’s easy for customers to browse and shop from.
Fully customizable to match your store
Adjust product layout, banner design, spacing, and colors to seamlessly align with your branding.
💡 Want to see this theme section in action? Go to our demo store here to experience this intuitive theme section, along with our other Theme Sections!
Installing the Products Grid & Banner theme section to your Shopify theme
Before going to the Shopify Theme Editor to insert this theme section, you would first need to install it from the Theme Sections & AI Pages app.
For a complete list of instructions, you may refer to this article: Getting Started with Theme Sections and AI Pages app
Once you have successfully installed the theme section, you can now go to the Shopify Theme Editor and insert it by clicking Add section > 🩷 Square: Products Grid & Banner :

Customizing the Products Grid & Banner Theme Section
Customizing this theme section is easy, as all its appropriate settings are already found inside the theme editor. You just need to click on a specific element of the theme section (on the left sidebar), and its customizable settings will appear on the right sidebar.
Removing a Theme Section
Removing an unwanted theme section is as easy as clicking the Remove section button after selecting a theme section:
🎨 Styling Tips
- Choose a bold banner image to clearly communicate your promotion or featured message.
- Keep your product grid balanced—avoid overcrowding for the best visual flow.
- Use consistent product imagery for a polished, professional appearance.
- Align the banner and product section spacing to maintain a cohesive page layout.
Combine compelling visuals with shoppable products to create a high-impact promotional section your customers will love.