Advice and answers from the Rentech Digital Team

  • Collection Grid

    Manage the visibility of collections in a layered grid format to attract customers.

    Video Tutorial of Collection Grid



    • You can add collection grid to your mobile app pages simply by dragging and dropping the required widget into the draft app.

    • For this, go to “Designs”.

    • Hover over the design where you’d want to add the collection grid and choose “Edit”.

    • Click on the “Home” tab on the top bar.

    • You’ll see a widget panel on the right-hand side with different widget options.

    • Choose “Collection Grid” from the drop-down list.

    • Collection Grid widget has multiple UI.

    • You can drag and drop from widget options and Select the UI variant you want to use with your application.

    • Once you finalize the view you can hover over the design section and see the button to “Add/Edit Content”.

    • Clicking on “Add/Edit Content” will open up a pop-up.

    How to do Add / Edit content in the Collection Grid?

    • Here, select the collection, product, page, or website URL you’d want to display in the collection grid via the drop-down.
    • Upload its image from an external source (if it’s not available on your e-commerce store) and click ‘Add’.
    • Type in the name to be displayed below the image for your collection/product/page/web URL in the ‘Display Name’ text box.

    • Once done, click on “Save”.

    • Once you’ve uploaded your carousel banner, there will be an “Edit Style” option below Add/Edit Image.

    How to Edit Style content in the Collection Grid?

    • Here, you can edit the
    • Radius
    • Padding
    • Container padding
    • Widget Title
    • Images
    • Background
    • Collection Title
    • Box Shadow
    • Adjust these variables as per your design format. Check the eventual look of the widget in the preview given alongside.

    • Click “Save” when done.

    • You can see the “Preview” using the preview app.
    • Click here to learn how to preview app updates through the Swipecart mobile app on your mobile device.