Products Grid

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.

Last updated