2-Column Sortable List Repeating Group (With Image, Link, Star Rating, and Text)

Overview

This fully-responsive block includes a sortable list, image, link, star rating, and text repeating group. This block is ideal for interfaces that require a large image (e.g., marketplace or rental apps). No workflows are associated with this block.

Structure

  • When this block is added to a page, it is placed within a group called Blocks container 860 (do not rename) on the page. This group contains the responsive settings for all blocks.

  • All data is displayed in RepeatingGroup Dummy

  • This block will come with a reusable element called star-rating-display. Set the data source of the reusable to a number between 1 to 5 to display the appropriate stars.

How to set up

  • Go to the page where you have added the block and update RepeatingGroup Dummy's data source

  • Update the data sources of the image and texts

  • Update the data source of the Dropdown Sort

    • For example, to sort the list, you would reference the dropdown in RepeatingGroup Dummy's data source (Do a search for...and when Category = Dropdown sort by's value)

  • Set the star-rating-display reusable element's data source to a number between 1 to 5

    • For example, you would set this to Current cell's or parent group's star rating number

  • Remove any elements in the block that you do need and adjust the group height (there should be 40px padding at the bottom of the group).

Last updated