> For the complete documentation index, see [llms.txt](https://flexi-library.gitbook.io/flexi-sections/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://flexi-library.gitbook.io/flexi-sections/sections/blog-articles/multiblog-slider.md).

# Multiblog Slider

The **Multiblog Slider** section pulls articles from up to five Shopify blogs into a single, swipeable carousel sorted by publish date—so you can showcase the latest content across multiple blogs in one place. Select your blogs and the section merges their articles, displays up to 16 in a smooth slider, and lets you control how many cards appear on desktop, tablet, and mobile (including decimal values like 2.2 or 1.2 for a "peeking" effect that encourages scrolling). An optional header row supports a custom heading, description, and link. Each slide uses a customizable **Article card** with the featured image, title, date, and excerpt. Configure navigation arrows (top, middle, or bottom positions), dot or scrollbar pagination, autoplay with custom timing, loop, and touch dragging—all without code, directly in the Shopify Theme Editor. Control section width (fixed, full, or theme-native containers for Dawn, Horizon, or custom themes), background colors or images with overlay, and spacing. It works with any Shopify 2.0 theme and is ideal for homepage content hubs, editorial landing pages, or anywhere you want recent posts from multiple blogs in one dynamic slider.

### Setup Instructions

{% stepper %}
{% step %}
**Install the App**

Visit the Shopify App Store and install Flexi Slider Sections. Start your free trial to access all features and sections.

<figure><img src="/files/3Kq8leWNeWGjYJIespWq" alt=""><figcaption></figcaption></figure>
{% endstep %}

{% step %}
**Install Section**

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

<figure><img src="/files/QW086DMW4oUKT6rRSfQH" alt=""><figcaption></figcaption></figure>
{% endstep %}

{% step %}
**Add to Your Store**

Go to your Shopify admin → Online Store → Themes → Customize. Click "Add section" and select "Multiblog Slider" from the available sections.

<figure><img src="/files/EOD9uByNtAor5iRSKMBb" alt=""><figcaption></figcaption></figure>
{% endstep %}

{% step %}
**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. `section` on Horizon)
* **Dawn Theme** / **Horizon Theme**: Match those theme container widths

<figure><img src="/files/Cnbyt8A1h6m9WIzfyK01" alt=""><figcaption></figcaption></figure>
{% endstep %}

{% step %}
**Add Content**

In the section settings, select up to **five blogs** (Blog #1 through Blog #5). Configure the optional header with a custom heading, description, and link. Inside the **Multiblog slider layout** block, set the max number of articles and customize the **Article card** template—the featured image, title, date, and excerpt blocks apply to every slide.
{% endstep %}

{% step %}
**Customize & Style**

Fine-tune the slider with the built-in settings:

* Adjust background colors or add background images with overlay opacity
* Control section spacing and padding
* Set desktop, tablet, and mobile slide counts (decimals supported)
* Configure arrow position, pagination style (dots or scrollbar), autoplay, loop, and drag behavior
* Customize card image aspect ratios, hover effects, and typography
  {% endstep %}
  {% endstepper %}

{% hint style="info" %}

#### 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.
{% endhint %}


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter, and the optional `goal` query parameter:

```
GET https://flexi-library.gitbook.io/flexi-sections/sections/blog-articles/multiblog-slider.md?ask=<question>&goal=<endgoal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal.

The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.
