From 80c593e6f07bc4744956fcdfb8cb7f24e50c0de0 Mon Sep 17 00:00:00 2001
From: "junghoon86.park" <junghoon86.park@lgepartner.com>
Date: Mon, 8 Dec 2025 20:10:02 +0900
Subject: [PATCH] =?UTF-8?q?[=EC=83=81=ED=92=88=20=EC=83=81=EC=84=B8]=20=20?=
 =?UTF-8?q?-=20=EC=83=81=ED=92=89=20=EC=98=B5=EC=85=98=EB=B3=84=20ID?=
 =?UTF-8?q?=EB=85=B8=EC=B6=9C=20=EC=B2=98=EB=A6=AC.?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/views/DetailPanel/components/BuyOption.jsx          | 1 +
 .../src/views/DetailPanel/components/CustomDropDown.new.jsx | 6 +++---
 2 files changed, 4 insertions(+), 3 deletions(-)

diff --git a/com.twin.app.shoptime/src/views/DetailPanel/components/BuyOption.jsx b/com.twin.app.shoptime/src/views/DetailPanel/components/BuyOption.jsx
index 2c5721d2..7e1b69a4 100644
--- a/com.twin.app.shoptime/src/views/DetailPanel/components/BuyOption.jsx
+++ b/com.twin.app.shoptime/src/views/DetailPanel/components/BuyOption.jsx
@@ -1523,6 +1523,7 @@ const handleCartMove = useCallback(() => {
                             disabled: detail.optStkQty <= 0,
                             imageUrl: detail.optImgUrl || null,
                             price: detail.priceInfo.split('|')[1],
+                            prodOptCdCval: detail.prodOptCdCval,
                           })) || []),
                         ]}
                         selectedIndex={selectedOptionItemIndex}
diff --git a/com.twin.app.shoptime/src/views/DetailPanel/components/CustomDropDown.new.jsx b/com.twin.app.shoptime/src/views/DetailPanel/components/CustomDropDown.new.jsx
index 218f9cdc..1ca6219c 100644
--- a/com.twin.app.shoptime/src/views/DetailPanel/components/CustomDropDown.new.jsx
+++ b/com.twin.app.shoptime/src/views/DetailPanel/components/CustomDropDown.new.jsx
@@ -72,6 +72,7 @@ const CustomDropDown = ({
 
   const selectedOption = normalizedOptions[selectedIndex];
   const selectedLabel = selectedOption?.label || placeholder;
+  const selectedId = selectedOption?.prodOptCdCval ? selectedOption?.prodOptCdCval : null;
   const selectedImage = selectedOption?.imageUrl;
 
   return (
@@ -93,7 +94,7 @@ const CustomDropDown = ({
               className={styles.custom_dropdown__image}
             />
           )}
-          <div className={styles.custom_dropdown__text}>{selectedLabel}</div>
+          <div className={styles.custom_dropdown__text}>{selectedLabel} {selectedId ? `ID : ${selectedId}` : ''}</div>
         </div>
         <div className={styles.custom_dropdown__icon}>
           <img src={iconDownArrow} alt="dropdown arrow" />
@@ -108,7 +109,6 @@ const CustomDropDown = ({
             .map((option, reverseIndex) => {
               const originalIndex = normalizedOptions.length - 1 - reverseIndex;
               const isOptionDisabled = option.disabled;
-
               return (
                 <SpottableDiv
                   key={originalIndex}
@@ -133,7 +133,7 @@ const CustomDropDown = ({
                     />
                   )}
                   <span className={styles.custom_dropdown__optname}>
-                    {option.label}
+                    {option.label} {option.prodOptCdCval ? `ID : ${option.prodOptCdCval}` : ''}
                   </span>
                   {isOptionDisabled ? (
                     <span className={styles.custom_dropdown__lasttxt}>