Article Content
The Blog Article Content section displays the full body of a Shopify blog article in a polished, editorial layout built for article pages. Select an article in the Theme Editor and the section automatically renders its HTML content—text paragraphs stay in a readable, centered column while inline images break out to full width for a magazine-style reading experience. The layout block supports optional Article products blocks (up to 12 products in a responsive grid with customizable image ratios and smooth scroll-to-product anchors) and an Article view all block with a divider and arrow link back to the parent blog. Control section width (fixed, full, or theme-native containers for Dawn, Horizon, or custom themes), background colors or images with overlay, spacing, font color, and text column width—all without code, directly in the Shopify Theme Editor. It works with any Shopify 2.0 theme and is ideal for replacing default article templates with a branded, conversion-friendly reading experience.
Setup Instructions
Install the App
Visit the Shopify App Store and install Flexi Slider Sections. Start your free trial to access all features and sections.
Install Section
Open the Flexi app and navigate to the sections library. Search for "Blog Article Content" and click "Add to Theme" to install it instantly.
Add to Your Store
Go to your Shopify admin → Online Store → Themes → Customize. Open your article template (or the page where you want the content to appear), click "Add section", and select "Blog Article Content" from the available sections.
Set Section Width
In the section settings, choose your preferred layout:
Fixed: Set a custom maximum width (320px - 1440px)
Full: Spans the entire page width
Custom Theme: Use your theme's page width class (e.g.
sectionon Horizon)Dawn Theme / Horizon Theme: Match those theme container widths
Add Content
In the section settings, select the Article you want to display. Inside the Article content layout block, add or configure blocks:
Article content: Renders the selected article's body automatically
Article products: Add up to 12 related products in a responsive grid
Article view all: Adds a divider and a link back to the blog listing
Customize & Style
Fine-tune the section with the built-in settings:
Adjust background colors or add background images with overlay opacity
Control section and block spacing and padding
Set text content width (fixed or full) and font color
Customize the "View all" link text, divider, and alignment
Why Use Flexi Sections?
Designed to Feel Native Flexi sections are built to inherit your theme’s structure and styles, so they blend in naturally instead of feeling bolted on. Spend less time overriding CSS and more time shipping polished layouts that feel intentional.
Prebuilt, Not Prescriptive Each section provides a production-ready foundation without locking you into rigid layouts. Configure content, spacing, and structure to match your client’s needs—without rebuilding the same patterns from scratch.
Theme-First Customization All styling and layout adjustments happen through the Shopify Theme Editor. Tweak typography, spacing, alignment, and behavior using familiar theme controls, just like native sections.
Built for Performance & SEO Flexi sections are optimized for real storefronts, not demos. Lightweight markup and thoughtful defaults help keep pages fast, stable, and search-friendly across devices.
Works Across Any Shopify Theme Flexi sections work with any Shopify 2.0 theme, including Dawn, Horizon, and custom builds. Test safely on duplicate themes and ship with confidence.
Easy to Maintain Over Time Once a section is in place, it’s easy to manage. Update content, swap images, or adjust layout directly in the Shopify admin—no fragile custom code or one-off fixes to maintain later.
Built for Reuse Across Projects Flexi is designed for builders shipping real work. Reuse the same section patterns across client projects to stay consistent, move faster, and avoid unnecessary technical debt.
Last updated