---
title: Reactiv Clips Product Listing & Product Details Screens
description: Learn how product listing and product detail screens work in Reactiv Clips, including layouts, actions, and shopping flow.
---

[Skip to content](https://info.reactiv.ai/reactiv-help-center/reactiv-clips-product-listing-product-details-screens-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 Reactiv Clips](https://info.reactiv.ai/reactiv-help-center/building-your-reactiv-clips?hsLang=en-ca)
3. [Customizing Your Reactiv Clips Experiences](https://info.reactiv.ai/reactiv-help-center/building-your-reactiv-clips?hsLang=en-ca#customizing-your-reactiv-clips-experiences)

February 18, 2026

# Reactiv Clips Product Listing & Product Details Screens

## Setting up & updating your Reactiv Clips Product Listing & Product Details screens

![](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-24-1066-PM.png?width=40&height=40&name=Screenshot_2025-10-07_at_12.09.53%E2%80%AFPM-1759857005-Feb-13-2026-07-13-24-1066-PM.png) Written by Reactiv App

### **Overview**

You can configure the presentation, layout and features of your Reactiv Clips experiences using the **Clips Studio**.

### Clips Studio Guide

Navigate to the Clips Studio on the Clips Studio.

[![](https://info.reactiv.ai/hubfs/Knowledge%20Base%20Import/AD_4nXdirx_UmGcUrA5X2gM7TEoaxBZ8sIXZQom0DjhFbLqsJdEijJ9v-ayAGDdbRsif11hpgoFuubL6egWT53-hsGfcskvtIcFilAF4K8VQFAjCdBsCmFqB4jvJK59ek1Y9GsL-TBKuTQ-1.png)](https://downloads.intercomcdn.com/i/o/zgqq9fe6/1374395027/3c1e67501fd8059365000295a6ea/AD_4nXdirx_UmGcUrA5X2gM7TEoaxBZ8sIXZQom0DjhFbLqsJdEijJ9v-ayAGDdbRsif11hpgoFuubL6egWT53-hsGfcskvtIcFilAF4K8VQFAjCdBsCmFqB4jvJK59ek1Y9GsL-TBKuTQ?expires=1771011900&signature=c3cd0eff6c05ad08415defa117e42dd503183df77473ee815858a8e26d289031&req=dSMgEsp3mIFdXvMW1HO4zcu19HxFWmdHv77sAkFLVrObtSJfgno12d0Wk2p4%0AXN4mhVSqyA4py%2BQIMFY%3D%0A)

Use the drop-down menu at the top of the to select the Reactiv Clips screen that you want to customize.

[![](https://info.reactiv.ai/hubfs/Knowledge%20Base%20Import/AD_4nXedZOTjqrlJTS3MXUpanKfrS7AzGnh6k55WgeZGSZXBh1BjtEE1aW06-eLtgHavE-R43XcZN1qAYhiuoMvk2dNxiWuQBA8V_NXH1iNK9l9lxGPUB6It6ZDdex-33HQ46AYBAtCb-1.png)](https://downloads.intercomcdn.com/i/o/zgqq9fe6/1374395026/c90b804334317707d2982852d772/AD_4nXedZOTjqrlJTS3MXUpanKfrS7AzGnh6k55WgeZGSZXBh1BjtEE1aW06-eLtgHavE-R43XcZN1qAYhiuoMvk2dNxiWuQBA8V_NXH1iNK9l9lxGPUB6It6ZDdex-33HQ46AYBAtCb?expires=1771011900&signature=fad9c3e2ddd2d3ed84fa3c06fb77dd4230d88c4761ba70f870b7105fbcdae3a0&req=dSMgEsp3mIFdX%2FMW1HO4zR5%2BFZCNZPjOFsNQnRc8%2BbzuJbl6tJlCn1o675XA%0A7sI2lWUnokniRBa0SDs%3D%0A)

---

### Customizing Your Product Details Screen

- The **Product Details** option lets you customize your Reactiv Clips Product screens.
- You can reorder sections (e.g., Product Descriptions, Product Recommendations, etc.) by dragging and dropping them to your liking.
- Under Settings, you can enable or disable the sections you want to display or change their presentation.

---

### Customizing Your Product Listings Screen

- The Product Listing option lets you customize your Reactiv Clips Product Listing screen (also known as Collections screens).
- You can enable or disable which sections you want to display and change their presentation.

---

### Previewing & Publishing Your Changes

- Use the **Preview** button to see what your Reactiv Clips experiences will look like without publishing.
- Use the **Save** button to save your changes without publishing.
- Use the **Publish** button to push your changes live.
- Use the **Demo** button to preview your Reactiv Clips experiences on your iPhone.

- [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