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

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. 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 by
    • 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 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).