How to add a product section on any Shopify theme (anywhere)

Introduction

Add products exactly where you need them with the Flexi Product Section — a flexible section designed to display individual products anywhere across your Shopify store. Instead of being limited to collection pages or product templates, this section lets you surface products in context.

In the video above, you’ll learn how to add a product section to any Shopify theme using Flexi’s intuitive section and block system. Discover how to place products on homepages, landing pages, blog posts, or custom layouts without writing code.

Perfect for promotions, cross-sells, featured products, or storytelling layouts, the Flexi Product Section integrates seamlessly with any Shopify theme. Whether you’re highlighting a single hero product or multiple items, you stay in full control of layout and presentation.

Setup Instructions

Install the App

Visit the Shopify App Store and install Flexi Slider Sections. Start your free trial to unlock access to all Flexi sections, including product-based layouts.

Install Section

Open the Flexi app and navigate to the sections library. Search for "Product Section" and click "Add to Theme" to install it instantly.

Add to Your Store

Go to your Shopify admin → Online Store → Themes → Customize. Navigate to the page where you want to display products, click "Add section", and select "Product Section" from the available sections.

Set Section Width

In the section settings, choose how the product section should be displayed:

• Full width: Create an immersive, edge-to-edge product layout
• Fixed width: Set a custom maximum width (320px – 1440px)
• Theme width: Match your theme’s default content container

Add Content

Click "Add block" to select products to display. Each block can reference a product and show elements such as images, titles, pricing, variants, and call-to-action buttons.

This allows you to feature products anywhere — on homepages, landing pages, blog articles, or promotional sections — without duplicating templates.

Customize & Style

Customize your product section using Flexi’s built-in settings:

• Choose which product elements are visible (image, price, CTA, etc.)
• Adjust spacing, alignment, and layout structure
• Control button styles and typography
• Match colors and styling to your brand

Works Seamlessly with Dawn & Horizon

Flexi sections are built for Shopify’s modern theme architecture, which means the Product Section works seamlessly with Dawn, Horizon, and all Online Store 2.0 themes.

Dawn Compatibility

Dawn is Shopify’s reference theme, and the Flexi Product Section follows the same responsive layout, spacing conventions, and accessibility best practices used throughout Dawn.

This ensures product content inherits your theme’s typography, buttons, and pricing styles by default, while still giving you layout flexibility through Flexi’s settings.

Horizon & Modern Framework Support

Horizon represents Shopify’s next-generation theme framework. The Product Section integrates cleanly with Horizon-based themes without overriding global styles or introducing JavaScript conflicts.

Because each Flexi section is self-contained and theme-safe, you can confidently add product sections anywhere in modern and highly customized storefronts.

Theme-Safe by Design

Every Flexi section is scoped, isolated, and performance-optimized. This means you can:

• Add or remove product sections without editing theme code
• Preview changes safely before publishing
• Reuse the same product section across multiple pages and themes
• Switch themes without rebuilding product layouts

Whether you're using Dawn, Horizon, or a fully custom Online Store 2.0 theme, Flexi’s Product Section adapts automatically — giving you the freedom to place products anywhere they make the most impact.