Shoppy User Guide (EN)
  • Getting Started
    • Installing Shoppy
    • Shoppy Mobile App Builder
  • 🖌️Shoppy Dashboard
    • App Builder
      • Homepage
        • Multi homepage
        • Search Bar
        • Text
        • Button
        • Divider
        • Images
        • Images Carousel
        • Videos
        • Collections Slider
        • Single Collection
        • Collections Grid
        • Collections Carousel
        • Circular Collections Carousel
        • Gallery Collections Carousel
        • Single Product
        • Products Grid
        • Products Carousel
        • Circular Products Carousel
        • Gallery Products Carousel
        • Single News
        • News Carousel
        • Promo Banner
        • Newsletter Subscription
        • Countdown Timer
      • Catalogue
      • Product Page
      • Profile Page
      • Navigation
      • Layout
      • Brand Kit
    • Pages
    • Engage
      • Push Notifications
      • Flow Notifications
      • Back in Stock Notifications
      • Notification Settings
    • News
    • Integrations
      • Firebase
      • Facebook ADS
      • Appsflyer
      • Shopify Search & Discovery
      • Algolia
        • Optimize Searches for your app with Algolia
      • Boost AI Search & Filter
      • SoBooster - Ultimate Search & Filter
      • Shopify Tag Filters
      • Whatsapp Business
      • TextYess
      • Facebook Messenger
      • LiveChat
      • Shopify Product Reviews
      • Trustpilot
      • JudgeMe
      • Feedaty
      • Qaplà
      • ShippyPro
      • "Back in Stock" Notifications
      • Live Me Up
      • Storifyme
      • Klaviyo
      • Growave
      • Recharge
      • Google Maps
      • Kiwi Size Chart & Recommender
      • Omnibus Pricing
    • Settings
      • Account
      • App Settings
        • Multi-language and multi-currency
        • App Behavior
        • Payment Methods
        • Check-out options
        • Miscellaneus
      • Legal and data privacy policy
      • Billing and Plans
      • Terms and Conditions
  • 👩‍🚀Developers
    • Developer Pages
      • Get Started
      • Variables
      • Actions
      • Sample
  • 🚀Launch your Mobile App
    • How to launch your app
    • Apple Store Creations
    • Google Play Store Creations
    • Custom Screenshots
  • 🤝Partner Program
    • Partner and affiliate
  • Uninstall Shoppy
    • How to Uninstall Shoppy
Powered by GitBook
On this page
  • Catalogue Layout
  • Wishlist Layout
  • Filter Layouts

Was this helpful?

  1. Shoppy Dashboard
  2. App Builder

Layout

PreviousNavigationNextBrand Kit

Last updated 7 months ago

Was this helpful?

In this section, you can choose the style of your app. You can personalize the colors, logos, and images to construct an app that uniquely represents your brand. On the right, you can see a preview of how the app will appear.

In this section you can customize the layouts of the main views of your Shoppy app. Watch the tutorial below to see how this can be done on your Shoppy Dashboard:

Catalogue Layout

With this selector you can choose the layout of your app's catalogue view. You can choose between:

  • Image Layout: the collections are shown with their image as the main focal point, each listed under the other.

  • List Layout: collections are shown in a list with only their name. If there are sub-menus, they can be opened below with a drop-down menu.

  • Mixed Layout: the main collections are shown in a list with their name on the left and the collection image on the right. If there are sub-menus, they are displayed on a new page in a list with a slightly different layout, featuring the image on the left and the collection title on the right.

Wishlist Layout

In this section you can choose the layout for the wishlist:

  • Grid Layout: products are displayed in a grid.

  • List Layout: products are displayed in a list.

Filter Layouts

In this section you can choose to show the filters in a modal or full-screen view:

  • Modal Screen View: the filters are shown to the users in a modal view that partially covers the view of the collections.

  • Full-Screen View: the filters are shown to users in a full-screen view.

🖌️