# 4-Column Product Image Tiles with Prices Repeating Group

## Overview

UI for displaying a list of products and their prices. This fully-responsive module includes a square image, title link, and description text. No workflows are associated with this module.

![](https://8331092-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LbzMeM9XfnblRd78nga%2F-LcYSWaI3ZVN_Qc_cx8H%2F-LcYSxIk8d_mbb00Ik0C%2FScreen%20Shot%202019-04-15%20at%205.06.37%20PM.png?alt=media\&token=f4978a9f-b6ac-4787-af86-50670dc6b9e9)

## Structure

* When this module is added to a page, it is placed within a group called `Group page860Group` on the page. This group contains the responsive settings for all modules.
* This module `Group productsPricingRG` contains three main groups:
  * `Group verticalPadding 1` - For responsiveness (please do not delete)
  * `Group verticalPadding 2` - For responsiveness (please do not delete)
  * `Group 780StandardGroup` - If you add more elements to the group, please ensure that they are contained within this main content group.
* All data is displayed in `RepeatingGroup 800-4Column`

## How to set up

* Go to the page where you have added the module and update`RepeatingGroup 800-4Column's` data source
* Update the data source of the image, text, and link
* Update `Group price's` data source

![](https://8331092-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LbzMeM9XfnblRd78nga%2F-LcYPsnEYfjDM3Hp7e3J%2F-LcYRzt8e3dl-B4LlVnh%2FScreen%20Shot%202019-04-15%20at%205.02.33%20PM.png?alt=media\&token=be69ec74-4e29-4dd8-ae1f-7b97e360c36d)

* Remove `Button NEW` or add a workflow to the button

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