Reviews for each variant of products

Shopify Discussion
,
1

Hi,

We have many products that have different variants based on flavor. We would like to setup reviews such that they are created against the specific variant and therefore then displayed when a particular variant is shown.

For example, lets say a product (ice cream) has 2 variants (vanilla and chocolate as flavors). We would like to allow consumers to leave a review for chocolate and a review for vanilla and have them displayed based upon which variant is selected.

Has anyone does this before or have a recommendation of how to make it work this way? Also, before anyone suggests creating them as separate products that is not something that we want to do.

When a user is on a product page they would see reviews for the given variant they are seeing; when they click a different variant, they would see the reviews for that variant. Also for those customers leaving a review, they would need to select a variant for the product they are leaving a review for.

2

Willing to pay for customization and appreciate recommendations.

3

Hello, Please let me know if you need any help.

Thank You

4

Yotpo and Judge.me both apps provide support for product variant

5

You’re right — Shopify reviews are tied to the product level, not the variant. To make reviews display per variant, you’d need some custom development so reviews get linked to the variant ID instead of just the product. It’s doable with a bit of code or app customization — if you’d like, I can take a closer look and help set this up directly in your store.

6

Hi @reddyinc ,

You can use Shopify’s “Product Reviews” app to collect and display reviews for each variant of a product. You’ll need to customize your theme code a bit by adding a field where customers can select the variant they are leaving a review for.

Alternatively, apps like “Loox” or “Yotpo” also support this feature and can make it easier to manage and display reviews specific to each variant.

Hope this helps!

Best,

Felix

7

Hi,

Hope this will help

  • Use Yotpo or Judgeme —both can show reviews by variant on the same product page. Turn on variant/filters setting.
  • Capture flavor on the review form (auto from orders, or ask with a custom question).
  • Optional: Add a tiny JS snippet so the widget auto-switches when shopper changes flavor.

JS Example

<script>
(function() {
  // Get current variant ID
  function currentVariantId() {
    const el = document.querySelector('form[action="/cart/add"] [name="id"]');
    return el ? el.value : null;
  }

  // Optional: get the flavor text (e.g., "Vanilla") from your options UI
  function currentFlavorText() {
    // Fallback: use the selected option text
    const select = document.querySelector('form[action="/cart/add"] [name="id"]');
    const opt = select && select.options[select.selectedIndex];
    return opt ? opt.text : '';
  }

  // Hook called whenever variant changes
  function onVariantChange() {
    const flavor = currentFlavorText();

    // Pseudocode: find the review widget’s “Variant filter” button and click it
    // Replace the selector below with the app’s actual filter buttons (inspect in browser)
    const filterButtons = Array.from(document.querySelectorAll('[data-variant-filter] button, .variant-filter button'));
    const match = filterButtons.find(b => b.textContent.trim().includes(flavor));
    if (match) match.click(); // sets the widget to the chosen flavor
  }

  // Run once on page load
  onVariantChange();

  // Re-run when variant changes (select[name="id"] changes)
  document.addEventListener('change', function(e) {
    if (e.target && e.target.name === 'id') onVariantChange();
  });
})();
</script>
  • SEO: Keep one product page; Google understands variants via ProductGroup/isVariantOf, but review snippets stay product-level.