Collections Grid

Creating your Collections Grid

With this widget you can insert a grid on your Homepage. Once inserted, click on "Add Collection" and choose which collection to display.

By clicking on Actions -> Customize Widget you can customize the details of the widget. 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

See how we set up our Collections Grid for our mobile app:

Note that these customizations apply to all of the collections within this widget. Next to "Collections Grid" on your dashboard, an indicator shows how many collections are displayed in the slider.

By clicking on the title of a collection that you've added, you will see the button "Change" appear. From there, you will see the options to "Change Collection", "Customize" or "Remove Collection". From "Customize", you can choose to use the default Shopify image or you can choose a unique image just for your mobile app.

Follow our tutorial to get the hang of how to do this on your own Shoppy Dashboard:

Publishing your Collections Grid:

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.

Last updated