diff --git a/com.twin.app.shoptime/src/components/TItemCard/TItemCard.module.less b/com.twin.app.shoptime/src/components/TItemCard/TItemCard.module.less index dee8ea6e..0d3c5d61 100644 --- a/com.twin.app.shoptime/src/components/TItemCard/TItemCard.module.less +++ b/com.twin.app.shoptime/src/components/TItemCard/TItemCard.module.less @@ -29,7 +29,7 @@ > img { .size(@w: inherit, @h: inherit); object-fit: cover; - border: solid 1px #f0f0f0; + // border: solid 1px #f0f0f0; } // discount rate @@ -144,7 +144,7 @@ > img { .size(@w: 288px, @h: 288px); object-fit: contain; - border: solid 1px #f0f0f0; + // border: solid 1px #f0f0f0; } // discount rate diff --git a/com.twin.app.shoptime/src/views/DetailPanel/ProductAllSection/ProductAllSection.jsx b/com.twin.app.shoptime/src/views/DetailPanel/ProductAllSection/ProductAllSection.jsx index c99f28ef..4b6b0978 100644 --- a/com.twin.app.shoptime/src/views/DetailPanel/ProductAllSection/ProductAllSection.jsx +++ b/com.twin.app.shoptime/src/views/DetailPanel/ProductAllSection/ProductAllSection.jsx @@ -112,11 +112,12 @@ import { } from '../ProductContentSection/ProductVideo/ProductVideo.v2.jsx'; import ProductVideo from '../ProductContentSection/ProductVideo/ProductVideo.v3'; +import SeeMoreProducts + from '../ProductContentSection/SeeMoreProducts/SeeMoreProducts'; import UserReviews from '../ProductContentSection/UserReviews/UserReviews'; // import ViewAllReviewsButton from '../ProductContentSection/UserReviews/ViewAllReviewsButton'; import YouMayAlsoLike from '../ProductContentSection/YouMayAlsoLike/YouMayAlsoLike'; -import SeeMoreProducts from '../ProductContentSection/SeeMoreProducts/SeeMoreProducts'; import QRCode from '../ProductInfoSection/QRCode/QRCode'; import ProductOverview from '../ProductOverview/ProductOverview'; // CSS imports @@ -1279,7 +1280,7 @@ export default function ProductAllSection({ // 버튼 클릭 시 스크롤만 처리 (데이터는 useEffect에서 처리) scrollToSection('scroll-marker-see-more-products'); setTimeout(() => { - Spotlight.focus("see-more-products-area"); + Spotlight.focus("detail_seeMoreProducts_area"); }, 100); }, [scrollToSection]); @@ -1869,8 +1870,6 @@ export default function ProductAllSection({ activeButton === 'youmaylike' ? css.active : '' )} onClick={handleYouMayAlsoLikeClick} - onFocus={() => handleButtonFocus('youmaylike')} - onBlur={handleButtonBlur} > {$L('YOU MAY ALSO LIKE')} @@ -1879,12 +1878,10 @@ export default function ProductAllSection({ {(panelInfo?.patnrId === 21 || panelInfo?.patnrId === "21") && hasSeeMoreProducts && ( handleButtonFocus('seemoreproducts')} - onBlur={handleButtonBlur} spotlightId="see-more-products-button" > {$L('SEE MORE PRODUCTS')} diff --git a/com.twin.app.shoptime/src/views/DetailPanel/ProductAllSection/ProductAllSection.module.less b/com.twin.app.shoptime/src/views/DetailPanel/ProductAllSection/ProductAllSection.module.less index c2f039b2..c60e06e8 100644 --- a/com.twin.app.shoptime/src/views/DetailPanel/ProductAllSection/ProductAllSection.module.less +++ b/com.twin.app.shoptime/src/views/DetailPanel/ProductAllSection/ProductAllSection.module.less @@ -680,7 +680,8 @@ .productDetailsButton, .userReviewsButton, -.youMayLikeButton { +.youMayLikeButton, +.seeMoreProductButton { align-self: stretch; height: 60px; background: rgba(255, 255, 255, 0.05); // 기본 회색 배경 @@ -708,7 +709,8 @@ .productDetailsButton, .userReviewsButton, -.youMayLikeButton { +.youMayLikeButton, +.seeMoreProductButton { align-self: stretch; height: 60px; background: rgba(255, 255, 255, 0.05); // 기본 회색 배경