How to build comparison lists in Bubble

The simplest way to build comparison lists in Bubble is to store each item’s attributes in the database (as fields) and then use Repeating Groups to display multiple items side‑by‑side. You load the same list of Things into multiple vertical Repeating Groups (one per attribute) or use a single horizontal Repeating Group with an inner vertical Repeating Group. You’re not doing any special Bubble feature called “comparison,” you’re just structuring your data so Bubble can visually compare items.

How to Structure the Data

Bubble can only compare things easily when each item has consistent fields. So create a data type like Product (or whatever you compare) and give it fields such as:

• Name (text)
• Price (number)
• Rating (number)
• Features (list of texts)

Every Product has the same fields. That lets you line them up visually.

Building the Comparison View

• Place a Repeating Group and set layout to horizontal. This RG represents the items being compared.
• Data source: Search for Products with filters (for example, only products the user selected).
• Inside each cell, place normal text elements for Name, Price, etc.
• For lists like Features, add a nested vertical Repeating Group for that product’s Features.

This creates a standard comparison table: columns = items, rows = attributes.

Dynamic “Select Items to Compare”

• Create a field on the User called Comparing List (list of Products).
• When the user clicks “Add to Compare,” run a workflow: Make changes to Current User → Comparing List add Current Product.
• Set the comparison RG’s data source to Current User’s Comparing List.

Optional: Highlight Differences

You can compare values using Conditionals inside text elements. For example:

• In Price text → Conditional: When Current cell’s Product’s Price is not Current Page Product’s Price → change background color.

This uses Bubble’s conditional tab; no code needed.

// Example search for the comparison RG
Search for Products 
  // filtered by user selection