---
title: Add the Collections Tab Slider to your Homepage
description: Learn how to add the Collections Tab Slider to your Reactiv app homepage so customers can browse collections quickly.
---

[Skip to content](https://info.reactiv.ai/reactiv-help-center/add-the-collections-tab-slider-to-your-homepage-reactiv-support-center#main-content)

![logo-mono-light](https://info.reactiv.ai/hubfs/logo-mono-light.svg)

Open main navigation

Close main navigation

- [Contact us](https://info.reactiv.ai/reactiv-help-center/how-do-i-contact-customer-support-reactiv-support-center)

[Contact us](https://info.reactiv.ai/reactiv-help-center/how-do-i-contact-customer-support-reactiv-support-center?hsLang=en-ca)

 Answers, documented.

- There are no suggestions because the search field is empty.

1. [Reactiv Help Center](https://info.reactiv.ai/reactiv-help-center?hsLang=en-ca)
2. [Building Your App](https://info.reactiv.ai/reactiv-help-center/building-your-app?hsLang=en-ca)
3. [Your Home Screen](https://info.reactiv.ai/reactiv-help-center/building-your-app?hsLang=en-ca#your-home-screen)

February 18, 2026

# Add the Collections Tab Slider to your Homepage

![](https://info.reactiv.ai/hs-fs/hubfs/Knowledge%20Base%20Import/Screenshot_2025-10-07_at_12.09.53%E2%80%AFPM-1759857005-Feb-13-2026-07-13-07-1312-PM.png?width=40&height=40&name=Screenshot_2025-10-07_at_12.09.53%E2%80%AFPM-1759857005-Feb-13-2026-07-13-07-1312-PM.png) Written by Reactiv App

### Collection Tabs Slider

Similar to the Featured Collections, use this section to provide quick links to specific collections for easy navigation.

[![](https://info.reactiv.ai/hubfs/Knowledge%20Base%20Import/Screenshot+2024-09-11+at+10_35_04%E2%80%AFAM-2.png)](https://downloads.intercomcdn.com/i/o/1176507533/72db906299b44b1c34f14354/Screenshot+2024-09-11+at+10_35_04%E2%80%AFAM.png?expires=1771011900&signature=6f7c435af6cc0f969a4f055eca31bb672602dc795a6c816979b8186e793bf757&req=dSEgEMx%2BmoRcWvMW1HO4zdcYnfyROoKzjY8InaHjgZskhOtj8kMSW4VoEp4%2B%0AK8zBrqcw1d0xtpPZnqg%3D%0A)

### Accessing the Reactiv Dashboard

1. First, sign into your Shopify store admin.
2. Open Reactiv Dashboard by going to Sales channels \> Reactiv - Mobile App Builder.
3. You will be redirected to the app studio where you can start designing your homepage.

### Steps to Configure:

1. Drag the "Collection Tabs" section to the preview area.
2. Use the settings area to configure the content and design of the section.
3. Scroll down and click on **`Add Collection`** button, then select as many collections you want to display in the home page.
4. All your changes will reflect in real-time in the preview area.

- [Getting Started With Reactiv](https://info.reactiv.ai/reactiv-help-center/getting-started-with-reactiv?hsLang=en-ca)
- [Building Your App](https://info.reactiv.ai/reactiv-help-center/building-your-app?hsLang=en-ca#main-content)

    - [App Settings](https://info.reactiv.ai/reactiv-help-center/building-your-app?hsLang=en-ca#app-settings)
    - [Your Home Screen](https://info.reactiv.ai/reactiv-help-center/building-your-app?hsLang=en-ca#your-home-screen)
    - [Misc. App Building Blocks](https://info.reactiv.ai/reactiv-help-center/building-your-app?hsLang=en-ca#misc-app-building-blocks)
    - [Other Screens](https://info.reactiv.ai/reactiv-help-center/building-your-app?hsLang=en-ca#other-screens)
- [Publishing Your App](https://info.reactiv.ai/reactiv-help-center/publishing-your-app?hsLang=en-ca#main-content)

    - [iOS App](https://info.reactiv.ai/reactiv-help-center/publishing-your-app?hsLang=en-ca#ios-app)
- [Building Your Reactiv Clips](https://info.reactiv.ai/reactiv-help-center/building-your-reactiv-clips?hsLang=en-ca#main-content)

    - [Success with Reactiv Clips](https://info.reactiv.ai/reactiv-help-center/building-your-reactiv-clips?hsLang=en-ca#success-with-reactiv-clips)
    - [Customizing Your Reactiv Clips Experiences](https://info.reactiv.ai/reactiv-help-center/building-your-reactiv-clips?hsLang=en-ca#customizing-your-reactiv-clips-experiences)
    - [Initializing Your Reactiv Clips](https://info.reactiv.ai/reactiv-help-center/building-your-reactiv-clips?hsLang=en-ca#initializing-your-reactiv-clips)
    - [About Reactiv Clips](https://info.reactiv.ai/reactiv-help-center/building-your-reactiv-clips?hsLang=en-ca#about-reactiv-clips)
- [Integrations](https://info.reactiv.ai/reactiv-help-center/integrations?hsLang=en-ca#main-content)

    - [Analytics & Push Notifications](https://info.reactiv.ai/reactiv-help-center/integrations?hsLang=en-ca#analytics-push-notifications)
    - [App Install Attribution](https://info.reactiv.ai/reactiv-help-center/integrations?hsLang=en-ca#app-install-attribution)
    - [Back in Stock Alerts](https://info.reactiv.ai/reactiv-help-center/integrations?hsLang=en-ca#back-in-stock-alerts)
    - [Chat & Customer Support](https://info.reactiv.ai/reactiv-help-center/integrations?hsLang=en-ca#chat-customer-support)
    - [Conversion Integrations](https://info.reactiv.ai/reactiv-help-center/integrations?hsLang=en-ca#conversion-integrations)
    - [Discovery, Search & Personalization](https://info.reactiv.ai/reactiv-help-center/integrations?hsLang=en-ca#discovery-search-personalization)
    - [Fraud Protection](https://info.reactiv.ai/reactiv-help-center/integrations?hsLang=en-ca#fraud-protection)
    - [Loyalty](https://info.reactiv.ai/reactiv-help-center/integrations?hsLang=en-ca#loyalty)
    - [Order Fulfillment](https://info.reactiv.ai/reactiv-help-center/integrations?hsLang=en-ca#order-fulfillment)
    - [Product Recommendations](https://info.reactiv.ai/reactiv-help-center/integrations?hsLang=en-ca#product-recommendations)
    - [Order Tracking & Returns](https://info.reactiv.ai/reactiv-help-center/integrations?hsLang=en-ca#order-tracking-returns)
    - [Product Bundles](https://info.reactiv.ai/reactiv-help-center/integrations?hsLang=en-ca#product-bundles)
    - [Reviews Integrations](https://info.reactiv.ai/reactiv-help-center/integrations?hsLang=en-ca#reviews-integrations)
    - [Subscriptions](https://info.reactiv.ai/reactiv-help-center/integrations?hsLang=en-ca#subscriptions)
    - [Video Shopping](https://info.reactiv.ai/reactiv-help-center/integrations?hsLang=en-ca#video-shopping)
    - [Wishlist Integrations](https://info.reactiv.ai/reactiv-help-center/integrations?hsLang=en-ca#wishlist-integrations)
    - [Profile Integrations](https://info.reactiv.ai/reactiv-help-center/integrations?hsLang=en-ca#profile-integrations)
- [Platform Highlights](https://info.reactiv.ai/reactiv-help-center/platform-highlights?hsLang=en-ca)
- [Success with Reactiv](https://info.reactiv.ai/reactiv-help-center/success-with-reactiv?hsLang=en-ca#main-content)

    - [Sending Push Notifications](https://info.reactiv.ai/reactiv-help-center/success-with-reactiv?hsLang=en-ca#sending-push-notifications)
- [Building with AI](https://info.reactiv.ai/reactiv-help-center/building-with-ai?hsLang=en-ca)
- [FAQ](https://info.reactiv.ai/reactiv-help-center/faq?hsLang=en-ca#main-content)

    - [Performance & Data](https://info.reactiv.ai/reactiv-help-center/faq?hsLang=en-ca#performance-data)
    - [General & Billing](https://info.reactiv.ai/reactiv-help-center/faq?hsLang=en-ca#general-billing)
    - [Getting Started](https://info.reactiv.ai/reactiv-help-center/faq?hsLang=en-ca#getting-started)
    - [Technical Issues & Troubleshooting](https://info.reactiv.ai/reactiv-help-center/faq?hsLang=en-ca#technical-issues-troubleshooting)
    - [App Management](https://info.reactiv.ai/reactiv-help-center/faq?hsLang=en-ca#app-management)
- [Research](https://info.reactiv.ai/reactiv-help-center/research?hsLang=en-ca)

[![logo-mono-dark](https://info.reactiv.ai/hubfs/logo-mono-dark.svg "logo-mono-dark")](http://reactiv.ai)

<https://www.linkedin.com/company/reactivapp/>

Copyright © 2026, Reactiv