diff --git a/com.twin.app.shoptime/src/views/FeaturedBrandsPanel/RecommendedShows/RecommendedShows.jsx b/com.twin.app.shoptime/src/views/FeaturedBrandsPanel/RecommendedShows/RecommendedShows.jsx
index 52ea7ec0..977c5d90 100644
--- a/com.twin.app.shoptime/src/views/FeaturedBrandsPanel/RecommendedShows/RecommendedShows.jsx
+++ b/com.twin.app.shoptime/src/views/FeaturedBrandsPanel/RecommendedShows/RecommendedShows.jsx
@@ -28,6 +28,7 @@ const RecommendedShows = ({
handleItemFocus,
order,
shelfOrder,
+ shelfTitle,
spotlightId,
selectedCatCd,
selectedPatncNm,
@@ -117,6 +118,8 @@ const RecommendedShows = ({
selectedCatNm={selectedCatNm}
selectedPatnrId={selectedPatnrId}
spotlightId={spotlightId}
+ shelfOrder={shelfOrder}
+ shelfTitle={shelfTitle}
/>
)
)}
diff --git a/com.twin.app.shoptime/src/views/FeaturedBrandsPanel/RecommendedShows/RecommendedShowsContents/RecommendedShowsContents.jsx b/com.twin.app.shoptime/src/views/FeaturedBrandsPanel/RecommendedShows/RecommendedShowsContents/RecommendedShowsContents.jsx
index 4644f3f0..285c35ec 100644
--- a/com.twin.app.shoptime/src/views/FeaturedBrandsPanel/RecommendedShows/RecommendedShowsContents/RecommendedShowsContents.jsx
+++ b/com.twin.app.shoptime/src/views/FeaturedBrandsPanel/RecommendedShows/RecommendedShowsContents/RecommendedShowsContents.jsx
@@ -12,7 +12,11 @@ import {
import { updatePanel } from "../../../../actions/panelActions";
import { startVideoPlayer } from "../../../../actions/playActions";
import TItemCard, { TYPES } from "../../../../components/TItemCard/TItemCard";
-import { panel_names } from "../../../../utils/Config";
+import {
+ LOG_CONTEXT_NAME,
+ LOG_MESSAGE_ID,
+ panel_names,
+} from "../../../../utils/Config";
import css from "./RecommendedShowsContents.module.less";
import RecommendedShowsProductList from "./RecommendedShowsProductList/RecommendedShowsProductList";
@@ -29,6 +33,8 @@ const RecommendedShowsContents = ({
selectedCatNm,
selectedPatnrId,
spotlightId,
+ shelfOrder,
+ shelfTitle,
}) => {
const dispatch = useDispatch();
@@ -44,6 +50,9 @@ const RecommendedShowsContents = ({
showId,
showNm,
thumbnailUrl,
+ patncNm,
+ expsOrd,
+ brndNm,
} = brandRecommendedShowInfoItem;
const rankOrd = contentsIndex * 1 + 1;
@@ -128,7 +137,17 @@ const RecommendedShowsContents = ({
spotlightId={`${spotlightId}-${contentsIndex}`}
>
);
diff --git a/com.twin.app.shoptime/src/views/FeaturedBrandsPanel/RecommendedShows/RecommendedShowsContents/RecommendedShowsProductList/RecommendedShowsProductList.jsx b/com.twin.app.shoptime/src/views/FeaturedBrandsPanel/RecommendedShows/RecommendedShowsContents/RecommendedShowsProductList/RecommendedShowsProductList.jsx
index e47d77b1..b331623c 100644
--- a/com.twin.app.shoptime/src/views/FeaturedBrandsPanel/RecommendedShows/RecommendedShowsContents/RecommendedShowsProductList/RecommendedShowsProductList.jsx
+++ b/com.twin.app.shoptime/src/views/FeaturedBrandsPanel/RecommendedShows/RecommendedShowsContents/RecommendedShowsProductList/RecommendedShowsProductList.jsx
@@ -12,7 +12,11 @@ import TItemCard, {
} from "../../../../../components/TItemCard/TItemCard";
import TVirtualGridList from "../../../../../components/TVirtualGridList/TVirtualGridList";
import useScrollTo from "../../../../../hooks/useScrollTo";
-import { panel_names } from "../../../../../utils/Config";
+import {
+ LOG_CONTEXT_NAME,
+ LOG_MESSAGE_ID,
+ panel_names,
+} from "../../../../../utils/Config";
import {
getTranslate3dValueByDirection,
scaleH,
@@ -29,6 +33,13 @@ export default function RecommendedShowsProductList({
selectedCatCd,
selectedPatnrId,
showId,
+ shelfOrder,
+ shelfTitle,
+ spotlightId,
+ patnerName,
+ contentTitle,
+ contentId,
+ catNm,
}) {
const { getScrollTo, scrollLeft } = useScrollTo();
@@ -144,10 +155,22 @@ export default function RecommendedShowsProductList({
prdtNm,
priceInfo,
soldoutFlag,
+ brndNm,
} = brandRecommendedShowProductInfo[index];
return (