From 69d6e08230911399e4a40cf2d64d558f5cfc4850 Mon Sep 17 00:00:00 2001
From: bc-vlad-dlogush <vladyslav.dlohush@bigcommerce.com>
Date: Fri, 25 Oct 2024 13:09:53 +0300
Subject: [PATCH] fix(storefront): BCTHEME-1937 Bulk pricing modal on PLP only
 displays information for the first product

---
 CHANGELOG.md                                           | 1 +
 templates/components/products/bulk-discount-rates.html | 4 ++--
 2 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 8e757ce2ec..6301c47ccd 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -5,6 +5,7 @@ The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
 and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
 
 ## Draft
+- Bulk pricing modal on PLP only displays information for the first product [#2501](https://github.com/bigcommerce/cornerstone/pull/2501)
 - Viewing Orders after logging into customer account displays incorrect quantity of products ordered compared to Order details page. [#2482](https://github.com/bigcommerce/cornerstone/pull/2482)
 - High severity security issue [#2477](https://github.com/bigcommerce/cornerstone/pull/2477)
 - Date Field Modifier - February showing 30th and 31st [#2473](https://github.com/bigcommerce/cornerstone/pull/2473)
diff --git a/templates/components/products/bulk-discount-rates.html b/templates/components/products/bulk-discount-rates.html
index 4f90f819f3..a38e341782 100644
--- a/templates/components/products/bulk-discount-rates.html
+++ b/templates/components/products/bulk-discount-rates.html
@@ -2,11 +2,11 @@
     {{#if product}}<dt class="productView-info-name">{{lang 'products.bulk_pricing.title'}}</dt>{{/if}}
     <dd class="productView-info-value">
         <a href="{{product.url}}#bulk_pricing"
-           {{#unless is_ajax }}data-reveal-id="modal-bulk-pricing"{{/unless}}>
+           {{#unless is_ajax }}data-reveal-id="modal-bulk-pricing{{#if id}}-{{id}}{{/if}}"{{/unless}}>
             {{lang 'products.bulk_pricing.view'}}
         </a>
     </dd>
-    <div id="modal-bulk-pricing" class="modal modal--small" data-reveal>
+    <div id="modal-bulk-pricing{{#if id}}-{{id}}{{/if}}" class="modal modal--small" data-reveal>
         <div class="modal-header">
             <h2 class="modal-header-title">{{lang 'products.bulk_pricing.modal_title'}}</h2>
             {{> components/common/modal/modal-close-btn}}