|
|
@@ -139,7 +139,7 @@
|
|
|
<!-- 가로 긴 배너 슬라이드 -->
|
|
|
<!-- 브랜드 배너 -->
|
|
|
<th:block th:if="${contentsLoc=='006' || contentsLoc=='014'||contentsLoc=='015'||contentsLoc=='016'}">
|
|
|
- <div class="content wide main_1stage" th:if="${brandMainLayoutData.ContentsList != null and !brandMainLayoutData.ContentsList.empty}">
|
|
|
+ <div class="content wide main_1stage" th:classappend="${contentsLoc=='006' or contentsLoc=='014' or contentsLoc=='015' or contentsLoc=='016'?'bs'+contentsLoc :''}" th:if="${brandMainLayoutData.ContentsList != null and !brandMainLayoutData.ContentsList.empty}">
|
|
|
<div class="cont_head dpnone">
|
|
|
<p class="t_c">배너 슬라이드</p>
|
|
|
</div>
|
|
|
@@ -253,7 +253,7 @@
|
|
|
|
|
|
<!-- MD’s PICK -->
|
|
|
<th:block th:if="${contentsLoc=='009' or contentsLoc=='017' or contentsLoc=='018' or contentsLoc=='019'}">
|
|
|
- <div class="content md_item" th:if="${brandMainLayoutData.goodsList != null and !brandMainLayoutData.goodsList.empty}">
|
|
|
+ <div class="content md_item" th:classappend="${contentsLoc=='009' or contentsLoc=='017' or contentsLoc=='018' or contentsLoc=='019'?'md'+contentsLoc :''}" th:if="${brandMainLayoutData.goodsList != null and !brandMainLayoutData.goodsList.empty}">
|
|
|
<div class="cont_head">
|
|
|
<p class="displayH t_c" th:text="${contentsTitle}"></p>
|
|
|
</div>
|
|
|
@@ -278,7 +278,7 @@
|
|
|
<div class="itemComment" th:unless="${goodsData.goodsTnm == null or goodsData.goodsTnm == ''}" th:text="${goodsData.goodsTnm}">#베이직 셔츠의 정수1</div>
|
|
|
<p class="itemPrice" >
|
|
|
[[${#numbers.formatInteger(goodsData.currPrice,0,'COMMA')} + 원]]
|
|
|
- <span class="itemPrice_original" th:text="${#numbers.formatInteger(goodsData.listPrice,1,'COMMA')}">89,000</span>
|
|
|
+ <span class="itemPrice_original" th:if="${goodsData.currPrice != goodsData.listPrice}" th:text="${#numbers.formatInteger(goodsData.listPrice,1,'COMMA')}">89,000</span>
|
|
|
<span class=" itemPercent" th:if="${goodsData.currPrice != goodsData.listPrice}" th:text="${(goodsData.listPrice == 0 ? 0 : #numbers.formatDecimal((goodsData.listPrice - goodsData.currPrice) / (goodsData.listPrice * 1.0) * 100, 1, 0)) + '%'}">10%</span>
|
|
|
</p>
|
|
|
</a>
|
|
|
@@ -716,32 +716,209 @@ $(document).ready( function() {
|
|
|
});
|
|
|
|
|
|
/* SLIDE - BEST ITEMS */
|
|
|
- var br_best_slide = new Swiper('.brand_main .best_item .swiper-container', {
|
|
|
- navigation: {
|
|
|
- nextEl: '.best_item .swiper-button-next',
|
|
|
- prevEl: '.best_item .swiper-button-prev',
|
|
|
- },
|
|
|
- loop:true,
|
|
|
- slidesPerView: 5,
|
|
|
- slidesPerGroup:5, //210429_추가 : slidesPerGroup 추가.
|
|
|
- spaceBetween: 22,
|
|
|
- speed : 1000,
|
|
|
- pagination: {
|
|
|
- el: '.best_item .swiper-pagination',
|
|
|
- clickable: true,
|
|
|
- },
|
|
|
- });
|
|
|
+ var bestItemCont = $('.best_item .swiper-slide');
|
|
|
+ var bestItemLength = bestItemCont.length;
|
|
|
+ if(bestItemLength < 6){
|
|
|
+ var br_best_slide = new Swiper('.brand_main .best_item .swiper-container', {
|
|
|
+ navigation: {
|
|
|
+ nextEl: '.best_item .swiper-button-next',
|
|
|
+ prevEl: '.best_item .swiper-button-prev',
|
|
|
+ },
|
|
|
+ loop:false,
|
|
|
+ slidesPerView: 5,
|
|
|
+ // slidesPerGroup:5, //210429_추가 : slidesPerGroup 추가.
|
|
|
+ spaceBetween: 22,
|
|
|
+ speed : 1000,
|
|
|
+ pagination: {
|
|
|
+ el: '.best_item .swiper-pagination',
|
|
|
+ clickable: true,
|
|
|
+ },
|
|
|
+ });
|
|
|
+ }else{
|
|
|
+ var br_best_slide = new Swiper('.brand_main .best_item .swiper-container', {
|
|
|
+ navigation: {
|
|
|
+ nextEl: '.best_item .swiper-button-next',
|
|
|
+ prevEl: '.best_item .swiper-button-prev',
|
|
|
+ },
|
|
|
+ loop:true,
|
|
|
+ slidesPerView: 5,
|
|
|
+ slidesPerGroup:5, //210429_추가 : slidesPerGroup 추가.
|
|
|
+ spaceBetween: 22,
|
|
|
+ speed : 1000,
|
|
|
+ pagination: {
|
|
|
+ el: '.best_item .swiper-pagination',
|
|
|
+ clickable: true,
|
|
|
+ },
|
|
|
+ });
|
|
|
+ }
|
|
|
+
|
|
|
+
|
|
|
+ /* md추천, 추천상품1,2,3 같은 모듈써서 스크립트 충돌나 컨텐츠별로 분리함 */
|
|
|
+ /* SLIDE - MD’S PICK */
|
|
|
+ var mdPick009Cont = $('.md009 .swiper-slide');
|
|
|
+ var mdPick009Length = mdPick009Cont.length;
|
|
|
+ if(mdPick009Length < 6){
|
|
|
+ var br_md_slide = new Swiper('.brand_main .md009 .swiper-container', {
|
|
|
+ initialSlide: 0,
|
|
|
+ navigation: {
|
|
|
+ nextEl: '.md009 .swiper-button-next',
|
|
|
+ prevEl: '.md009 .swiper-button-prev',
|
|
|
+ },
|
|
|
+ loop: false,
|
|
|
+ slidesPerView: 5,
|
|
|
+ //slidesPerGroup:5, //210429_추가 : slidesPerGroup 추가.
|
|
|
+ spaceBetween: 22,
|
|
|
+ speed : 1000,
|
|
|
+ a11y: {
|
|
|
+ enabled: true,
|
|
|
+ notificationClass: 'swiper-notification',
|
|
|
+ prevSlideMessage: '이전 슬라이드',
|
|
|
+ nextSlideMessage: '다음 슬라이드',
|
|
|
+ paginationBulletMessage: '슬라이드 {{index}}로 이동',
|
|
|
+ },
|
|
|
+ pagination: {
|
|
|
+ el: '.md009 .swiper-pagination',
|
|
|
+ clickable: true,
|
|
|
+ },
|
|
|
+ });
|
|
|
+ }else{
|
|
|
+ var br_md_slide = new Swiper('.brand_main .md009 .swiper-container', {
|
|
|
+ navigation: {
|
|
|
+ nextEl: '.md009 .swiper-button-next',
|
|
|
+ prevEl: '.md009 .swiper-button-prev',
|
|
|
+ },
|
|
|
+ loop:true,
|
|
|
+ slidesPerView: 5,
|
|
|
+ slidesPerGroup:5, //210429_추가 : slidesPerGroup 추가.
|
|
|
+ spaceBetween: 22,
|
|
|
+ speed : 1000,
|
|
|
+ a11y: {
|
|
|
+ enabled: true,
|
|
|
+ notificationClass: 'swiper-notification',
|
|
|
+ prevSlideMessage: '이전 슬라이드',
|
|
|
+ nextSlideMessage: '다음 슬라이드',
|
|
|
+ paginationBulletMessage: '슬라이드 {{index}}로 이동',
|
|
|
+ },
|
|
|
+ pagination: {
|
|
|
+ el: '.md009 .swiper-pagination',
|
|
|
+ clickable: true,
|
|
|
+ },
|
|
|
+ });
|
|
|
+ }
|
|
|
+
|
|
|
+ /* SLIDE - MD’S PICK */
|
|
|
+ var mdPick017Cont = $('.md017 .swiper-slide');
|
|
|
+ var mdPick017Length = mdPick017Cont.length;
|
|
|
+ if(mdPick017Length < 6){
|
|
|
+ var br_md_slide = new Swiper('.brand_main .md017 .swiper-container', {
|
|
|
+ initialSlide: 0,
|
|
|
+ navigation: {
|
|
|
+ nextEl: '.md017 .swiper-button-next',
|
|
|
+ prevEl: '.md017 .swiper-button-prev',
|
|
|
+ },
|
|
|
+ loop: false,
|
|
|
+ slidesPerView: 5,
|
|
|
+ //slidesPerGroup:5, //210429_추가 : slidesPerGroup 추가.
|
|
|
+ spaceBetween: 22,
|
|
|
+ speed : 1000,
|
|
|
+ a11y: {
|
|
|
+ enabled: true,
|
|
|
+ notificationClass: 'swiper-notification',
|
|
|
+ prevSlideMessage: '이전 슬라이드',
|
|
|
+ nextSlideMessage: '다음 슬라이드',
|
|
|
+ paginationBulletMessage: '슬라이드 {{index}}로 이동',
|
|
|
+ },
|
|
|
+ pagination: {
|
|
|
+ el: '.md017 .swiper-pagination',
|
|
|
+ clickable: true,
|
|
|
+ },
|
|
|
+ });
|
|
|
+ }else{
|
|
|
+ var br_md_slide = new Swiper('.brand_main .md017 .swiper-container', {
|
|
|
+ navigation: {
|
|
|
+ nextEl: '.md017 .swiper-button-next',
|
|
|
+ prevEl: '.md017 .swiper-button-prev',
|
|
|
+ },
|
|
|
+ loop:true,
|
|
|
+ slidesPerView: 5,
|
|
|
+ slidesPerGroup:5, //210429_추가 : slidesPerGroup 추가.
|
|
|
+ spaceBetween: 22,
|
|
|
+ speed : 1000,
|
|
|
+ a11y: {
|
|
|
+ enabled: true,
|
|
|
+ notificationClass: 'swiper-notification',
|
|
|
+ prevSlideMessage: '이전 슬라이드',
|
|
|
+ nextSlideMessage: '다음 슬라이드',
|
|
|
+ paginationBulletMessage: '슬라이드 {{index}}로 이동',
|
|
|
+ },
|
|
|
+ pagination: {
|
|
|
+ el: '.md017 .swiper-pagination',
|
|
|
+ clickable: true,
|
|
|
+ },
|
|
|
+ });
|
|
|
+ }
|
|
|
|
|
|
+ /* SLIDE - MD’S PICK */
|
|
|
+ var mdPick018Cont = $('.md018 .swiper-slide');
|
|
|
+ var mdPick018Length = mdPick018Cont.length;
|
|
|
+ if(mdPick018Length < 6){
|
|
|
+ var br_md_slide = new Swiper('.brand_main .md018 .swiper-container', {
|
|
|
+ initialSlide: 0,
|
|
|
+ navigation: {
|
|
|
+ nextEl: '.md018 .swiper-button-next',
|
|
|
+ prevEl: '.md018 .swiper-button-prev',
|
|
|
+ },
|
|
|
+ loop: false,
|
|
|
+ slidesPerView: 5,
|
|
|
+ //slidesPerGroup:5, //210429_추가 : slidesPerGroup 추가.
|
|
|
+ spaceBetween: 22,
|
|
|
+ speed : 1000,
|
|
|
+ a11y: {
|
|
|
+ enabled: true,
|
|
|
+ notificationClass: 'swiper-notification',
|
|
|
+ prevSlideMessage: '이전 슬라이드',
|
|
|
+ nextSlideMessage: '다음 슬라이드',
|
|
|
+ paginationBulletMessage: '슬라이드 {{index}}로 이동',
|
|
|
+ },
|
|
|
+ pagination: {
|
|
|
+ el: '.md018 .swiper-pagination',
|
|
|
+ clickable: true,
|
|
|
+ },
|
|
|
+ });
|
|
|
+ }else{
|
|
|
+ var br_md_slide = new Swiper('.brand_main .md018 .swiper-container', {
|
|
|
+ navigation: {
|
|
|
+ nextEl: '.md018 .swiper-button-next',
|
|
|
+ prevEl: '.md018 .swiper-button-prev',
|
|
|
+ },
|
|
|
+ loop:true,
|
|
|
+ slidesPerView: 5,
|
|
|
+ slidesPerGroup:5, //210429_추가 : slidesPerGroup 추가.
|
|
|
+ spaceBetween: 22,
|
|
|
+ speed : 1000,
|
|
|
+ a11y: {
|
|
|
+ enabled: true,
|
|
|
+ notificationClass: 'swiper-notification',
|
|
|
+ prevSlideMessage: '이전 슬라이드',
|
|
|
+ nextSlideMessage: '다음 슬라이드',
|
|
|
+ paginationBulletMessage: '슬라이드 {{index}}로 이동',
|
|
|
+ },
|
|
|
+ pagination: {
|
|
|
+ el: '.md018 .swiper-pagination',
|
|
|
+ clickable: true,
|
|
|
+ },
|
|
|
+ });
|
|
|
+ }
|
|
|
|
|
|
/* SLIDE - MD’S PICK */
|
|
|
- var mdPickCont = $('.md_item .swiper-slide');
|
|
|
- var mdPickLength = mdPickCont.length;
|
|
|
- if(mdPickLength < 6){
|
|
|
- var br_md_slide = new Swiper('.brand_main .md_item .swiper-container', {
|
|
|
+ var mdPick019Cont = $('.md019 .swiper-slide');
|
|
|
+ var mdPick019Length = mdPick019Cont.length;
|
|
|
+ if(mdPick019Length < 6){
|
|
|
+ var br_md_slide = new Swiper('.brand_main .md019 .swiper-container', {
|
|
|
initialSlide: 0,
|
|
|
navigation: {
|
|
|
- nextEl: '.md_item .swiper-button-next',
|
|
|
- prevEl: '.md_item .swiper-button-prev',
|
|
|
+ nextEl: '.md019 .swiper-button-next',
|
|
|
+ prevEl: '.md019 .swiper-button-prev',
|
|
|
},
|
|
|
loop: false,
|
|
|
slidesPerView: 5,
|
|
|
@@ -756,15 +933,15 @@ $(document).ready( function() {
|
|
|
paginationBulletMessage: '슬라이드 {{index}}로 이동',
|
|
|
},
|
|
|
pagination: {
|
|
|
- el: '.md_item .swiper-pagination',
|
|
|
+ el: '.md019 .swiper-pagination',
|
|
|
clickable: true,
|
|
|
},
|
|
|
});
|
|
|
}else{
|
|
|
- var br_md_slide = new Swiper('.brand_main .md_item .swiper-container', {
|
|
|
+ var br_md_slide = new Swiper('.brand_main .md019 .swiper-container', {
|
|
|
navigation: {
|
|
|
- nextEl: '.md_item .swiper-button-next',
|
|
|
- prevEl: '.md_item .swiper-button-prev',
|
|
|
+ nextEl: '.md019 .swiper-button-next',
|
|
|
+ prevEl: '.md019 .swiper-button-prev',
|
|
|
},
|
|
|
loop:true,
|
|
|
slidesPerView: 5,
|
|
|
@@ -779,7 +956,7 @@ $(document).ready( function() {
|
|
|
paginationBulletMessage: '슬라이드 {{index}}로 이동',
|
|
|
},
|
|
|
pagination: {
|
|
|
- el: '.md_item .swiper-pagination',
|
|
|
+ el: '.md019 .swiper-pagination',
|
|
|
clickable: true,
|
|
|
},
|
|
|
});
|