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
  • Creating a Products Grid
  • Publishing your ProductsGrid:

Was this helpful?

  1. Shoppy Dashboard
  2. App Builder
  3. Homepage

Products Grid

PreviousSingle ProductNextProducts Carousel

Last updated 1 year ago

Was this helpful?

Creating a Products Grid

This widget allows you to insert a products grid. You can add one by heading to your Shoppy Dashboard > App Builder > Add Widget and select Products Grid.

Once inserted, click on Add Collection and choose which collection to display. By default, the first 4 products of the collection are shown. Each product is shown with its image, price, and name. You can change the collection that you chose by clicking on the collection, then selecting "Change".

These are the following aspects that you can personalize:

  • Title

  • Choose to show or hide the title

  • Show or hide a background color for the title text

  • Show or hide a call to action button

  • Choose whether or not to have a border around your widget

  • Pick whether to show or hide an overly layer for the images of your collections

  • Decide whether to align the widget in the center or to the left

  • Change the aspect ratio of the image of your collection, choosing between presets or the original

  • Choose the width of the lateral margins of your widget, choosing between one of the presets or set your own

A product grid can help you show off some items that you want to draw particular attention to. See below how this shows up in mobile:

Publishing your ProductsGrid:

You can choose to publish (show in) or hide your widget in specific markets. To show the widget in a market, click "Show in" under Markets, then select the regions or countries of your choose from the drop down menu. Click "Hide in" under Markets, then select the areas where your widget should not be shown to only hide the widget from one or more locations of your choice.

You may also schedule when your widgets should appear and disappear by clicking the toggle next to "Schedule". From there, you can select the start date and time from the calendar, then click "Apply". Do the same for the end date, and make sure to save your changes!

Please note that widgets' timezone release are based on the timezone of your Shoppy Dashboard.

🖌️