Skip to main content
All CollectionsGetting StartedDesigning your app
How do I use the Collection Grid element?
How do I use the Collection Grid element?
Updated over a year ago

The Collection Gird is a seamless and intuitive way for your customers to click straight into collections.

It’s a stacked grid of collections that modifies its distribution and alignment layouts automatically to fit into the given space.

  1. Click on the “Design” tab from the navigation bar at the top of the StoreLab Platform.

  2. Ensure you are on the “Homepage” of the App builder. Visible from the dropdown menu underneath the navigation bar at the top.

  3. Within the homepage builder, click the “Add Element” button on the bottom right-hand side of the Homepage elements list.

  4. From the list of elements, select “Collection Grid”.

  5. Click the green “Add collections” button.

  6. Choose up to 4 collections.
    Tip: To quickly find a collection, search via the search bar or sort the list via the sort button on the right-hand side.

  7. To reorder collections, drag and drop using the 6 dotted icon to the right of the collection name.

  8. Add images by clicking the image next to the collection name.

9. Once you’re happy with the order, click the green “Save” button at the bottom right-hand side of the list.

10. Drag & Drop your new element to your desired location on the Homepage.

Did this answer your question?