Hub/Theme/Product Comparison Table Section
Task IntentTheme

Product Comparison Table Section

Build a side-by-side product comparison table highlighting features across multiple products.

What This Sidekick Query Does

Build a side-by-side product comparison table highlighting features across multiple products.

Prompts

Copy, adapt, and run this directly in Shopify Sidekick.

Create a product comparison table section where customers can compare [NUMBER_OF_PRODUCTS] products side by side. The table should display: product image, product title, price, and comparison rows for these attributes: [ATTRIBUTE_LIST] (e.g., Material, Weight, Dimensions, Warranty, Rating). Pull attribute data from product metafields using namespace [METAFIELD_NAMESPACE]. Use checkmarks and X marks (text, not emoji) for boolean features. Highlight the best value in each row with [HIGHLIGHT_COLOR]. The table should scroll horizontally on mobile with the attribute column sticky on the left. Add a section schema so merchants can select which products to compare in the theme editor. Include a Clear and Add to Cart button below each product column. Generate full Liquid, CSS, and schema.

Expected Output

Build a side-by-side product comparison table highlighting features across multiple products.

Tips to Improve Results

Copy the prompt above
Open Shopify Sidekick in your Shopify admin
Paste the prompt and replace the bracketed placeholders with your details
Review Sidekick's response and apply the suggestions