diff --git a/com.twin.app.shoptime/src/views/OnSalePanel/OnSaleContents/OnSaleProductList/OnSaleProductList.jsx b/com.twin.app.shoptime/src/views/OnSalePanel/OnSaleContents/OnSaleProductList/OnSaleProductList.jsx
index 878bb247..38f70a45 100644
--- a/com.twin.app.shoptime/src/views/OnSalePanel/OnSaleContents/OnSaleProductList/OnSaleProductList.jsx
+++ b/com.twin.app.shoptime/src/views/OnSalePanel/OnSaleContents/OnSaleProductList/OnSaleProductList.jsx
@@ -1,28 +1,40 @@
-import React, { useCallback, useEffect, useRef } from "react";
+import React, {
+  useCallback,
+  useEffect,
+  useRef,
+} from 'react';
 
-import { useDispatch, useSelector } from "react-redux";
+import {
+  useDispatch,
+  useSelector,
+} from 'react-redux';
 
-import { Job } from "@enact/core/util";
-import SpotlightContainerDecorator from "@enact/spotlight/SpotlightContainerDecorator";
+import { Job } from '@enact/core/util';
+import SpotlightContainerDecorator
+  from '@enact/spotlight/SpotlightContainerDecorator';
 import {
   getContainerId,
   setContainerLastFocusedElement,
-} from "@enact/spotlight/src/container";
+} from '@enact/spotlight/src/container';
 
-import { pushPanel, updatePanel } from "../../../../actions/panelActions";
-import TItemCard from "../../../../components/TItemCard/TItemCard";
-import TVirtualGridList from "../../../../components/TVirtualGridList/TVirtualGridList";
-import useScrollTo from "../../../../hooks/useScrollTo";
+import {
+  pushPanel,
+  updatePanel,
+} from '../../../../actions/panelActions';
+import TItemCardNew from '../../../../components/TItemCard/TItemCard.new';
+import TVirtualGridList
+  from '../../../../components/TVirtualGridList/TVirtualGridList';
+import useScrollTo from '../../../../hooks/useScrollTo';
 import {
   LOG_CONTEXT_NAME,
   LOG_MESSAGE_ID,
   panel_names,
-} from "../../../../utils/Config";
+} from '../../../../utils/Config';
 import {
   getTranslate3dValueByDirection,
   scaleW,
-} from "../../../../utils/helperMethods";
-import css from "./OnSaleProductList.module.less";
+} from '../../../../utils/helperMethods';
+import css from './OnSaleProductList.module.less';
 
 const Container = SpotlightContainerDecorator(
   { leaveFor: { right: "" }, enterTo: "last-focused" },
@@ -167,10 +179,11 @@ export default function OnSaleProductList({
         offerInfo,
         patncNm,
         brndNm,
+        euEnrgLblInfos,
       } = saleProductInfos[index];
 
       return (
-        <TItemCard
+        <TItemCardNew
           contextName={LOG_CONTEXT_NAME.ON_SALE}
           messageId={LOG_MESSAGE_ID.SHELF_CLICK}
           shelfLocation={shelfOrder}
@@ -192,6 +205,7 @@ export default function OnSaleProductList({
           offerInfo={offerInfo}
           label={index * 1 + 1 + " of " + saleProductInfos.length}
           lastLabel=" go to detail, button"
+          euEnrgLblInfos={euEnrgLblInfos}
           {...rest}
         />
       );
diff --git a/com.twin.app.shoptime/src/views/TrendingNowPanel/TrendingNowPanel.jsx b/com.twin.app.shoptime/src/views/TrendingNowPanel/TrendingNowPanel.jsx
index 480942ea..bb16a86b 100644
--- a/com.twin.app.shoptime/src/views/TrendingNowPanel/TrendingNowPanel.jsx
+++ b/com.twin.app.shoptime/src/views/TrendingNowPanel/TrendingNowPanel.jsx
@@ -1,36 +1,47 @@
-import React, { useCallback, useEffect, useRef } from "react";
+import React, {
+  useCallback,
+  useEffect,
+  useRef,
+} from 'react';
 
-import classNames from "classnames";
-import { useDispatch } from "react-redux";
+import classNames from 'classnames';
+import { useDispatch } from 'react-redux';
 
-import Spotlight from "@enact/spotlight";
-import SpotlightContainerDecorator from "@enact/spotlight/SpotlightContainerDecorator";
-import { setContainerLastFocusedElement } from "@enact/spotlight/src/container";
+import Spotlight from '@enact/spotlight';
+import SpotlightContainerDecorator
+  from '@enact/spotlight/SpotlightContainerDecorator';
+import { setContainerLastFocusedElement } from '@enact/spotlight/src/container';
 
-import { sendLogGNB, sendLogTotalRecommend } from "../../actions/logActions";
-import { getTop20Show } from "../../actions/mainActions";
-import { pushPanel, updatePanel } from "../../actions/panelActions";
-import { finishVideoPreview } from "../../actions/playActions";
-import { getBestSeller } from "../../actions/productActions";
-import SectionTitle from "../../components/SectionTitle/SectionTitle";
-import TBody from "../../components/TBody/TBody";
-import TButton, { TYPES } from "../../components/TButton/TButton";
-import TItemCard, {
-  removeDotAndColon,
-} from "../../components/TItemCard/TItemCard";
-import TPanel from "../../components/TPanel/TPanel";
-import TVerticalPagenator from "../../components/TVerticalPagenator/TVerticalPagenator";
-import useWhyDidYouUpdate from "../../hooks/useWhyDidYouUpdate";
+import {
+  sendLogGNB,
+  sendLogTotalRecommend,
+} from '../../actions/logActions';
+import { getTop20Show } from '../../actions/mainActions';
+import {
+  pushPanel,
+  updatePanel,
+} from '../../actions/panelActions';
+import { finishVideoPreview } from '../../actions/playActions';
+import { getBestSeller } from '../../actions/productActions';
+import SectionTitle from '../../components/SectionTitle/SectionTitle';
+import TBody from '../../components/TBody/TBody';
+import TButton, { TYPES } from '../../components/TButton/TButton';
+import { removeDotAndColon } from '../../components/TItemCard/TItemCard';
+import TItemCardNew from '../../components/TItemCard/TItemCard.new';
+import TPanel from '../../components/TPanel/TPanel';
+import TVerticalPagenator
+  from '../../components/TVerticalPagenator/TVerticalPagenator';
+import useWhyDidYouUpdate from '../../hooks/useWhyDidYouUpdate';
 import {
   LOG_CONTEXT_NAME,
   LOG_MENU,
   LOG_MESSAGE_ID,
   panel_names,
-} from "../../utils/Config";
-import { $L } from "../../utils/helperMethods";
-import { SpotlightIds } from "../../utils/SpotlightIds";
-import PopularShowIndicator from "./PopularShow/PopularShowIndicator";
-import css from "./TrendingNowPanel.module.less";
+} from '../../utils/Config';
+import { $L } from '../../utils/helperMethods';
+import { SpotlightIds } from '../../utils/SpotlightIds';
+import PopularShowIndicator from './PopularShow/PopularShowIndicator';
+import css from './TrendingNowPanel.module.less';
 
 const Container = SpotlightContainerDecorator(
   { enterTo: "last-focused" },
@@ -347,7 +358,7 @@ const TrendingNowPanel = ({ panelInfo, spotlightId, isOnTop, ...rest }) => {
                 />
                 <div className={css.itemList}>
                   {bestSeller.map((item, index) => (
-                    <TItemCard
+                    <TItemCardNew
                       contextName={LOG_CONTEXT_NAME.TRENDING_NOW}
                       messageId={LOG_MESSAGE_ID.SHELF_CLICK}
                       shelfLocation={2}
@@ -377,6 +388,7 @@ const TrendingNowPanel = ({ panelInfo, spotlightId, isOnTop, ...rest }) => {
                         "bestSeller-" +
                         removeDotAndColon(item.prdtId)
                       }
+                      euEnrgLblInfos={item.euEnrgLblInfos}
                     />
                   ))}
                 </div>