판다씨 디자인 - 카페24 디자인 스킨 전문 개발팀

■ 배너	판다씨[ no21 ] - 커버형 멀티 팝업창 : 700 * free
■ 소스 위치	/_sp/_layout/popup.html 파일 18줄 (※ 기존소스에서 수정하신 내용이 있다면 차이가 있을 수 있습니다.)
■ 기존소스	<div fix id="sp-popup" class="sp-full sp-cookie-outer" module="bannermanage2_display_번호"> <ul> <li> <div class="sp-popup-inside" style="width:700px;"> <!--슬라이더--> <div class="sp-slider sp-slider-fixed sp-pager-hover sp-arrow-hover" data-mode="vertical" data-pause="3000" data-pager="sp-slider-custom-pager"> <button class="sp-cookie" data-type="off" data-name="sp-popup" data-pause="1000"><p><span class="sp-mos">오늘 하루 열지않기</span></p></button> <ul class="sp-slider-arrow sp-xlarge sp-circle-white sp-inside"><p></p></ul> <ul class="bxslider"> <li class="sp-slider-custom-element" data-title="{$title}"><a href="{$href}" {$target}>{$banner}</a></li> <li class="sp-slider-custom-element" data-title="{$title}"><a href="{$href}" {$target}>{$banner}</a></li> </ul> <div class="sp-slider-custom-pager"></div> </div><!--//종료--> </div> </li> </ul> </div><div fix id="sp-popup-open"><button>팝업<br />보기</button></div> (※ 기존소스에서 수정하신 내용이 있다면 차이가 있을 수 있습니다.)
■ 소스 수정	module="bannermanage2_display_번호"를 삭제해주세요. <li class="sp-slider-custom-element" data-title="{$title}"><a href="{$href}" {$target}>{$banner}</a></li>를 <li class="sp-slider-custom-element" data-title="[팝업명]"><a href="[링크경로]"><img src="[이미지경로]" /></a></li>로 변경해주세요.
■ 수정된 소스 예시	<div fix id="sp-popup" class="sp-full sp-cookie-outer"> <ul> <li> <div class="sp-popup-inside" style="width:700px;"> <!--슬라이더--> <div class="sp-slider sp-slider-fixed sp-pager-hover sp-arrow-hover" data-mode="vertical" data-pause="3000" data-pager="sp-slider-custom-pager"> <button class="sp-cookie" data-type="off" data-name="sp-popup" data-pause="1000"><p><span class="sp-mos">오늘 하루 열지않기</span></p></button> <ul class="sp-slider-arrow sp-xlarge sp-circle-white sp-inside"><p></p></ul> <ul class="bxslider"> <li class="sp-slider-custom-element" data-title="팝업명01"><a href="/index.html"><img src="/_img/no21/banner/01/01.jpg" /></a></li> <li class="sp-slider-custom-element" data-title="팝업명02"><a href="/index.html"><img src="/_img/no21/banner/01/02.jpg" /></a></li> <li class="sp-slider-custom-element" data-title="팝업명03"><a href="/index.html"><img src="/_img/no21/banner/01/03.jpg" /></a></li> <li class="sp-slider-custom-element" data-title="팝업명04"><a href="/index.html"><img src="/_img/no21/banner/01/04.jpg" /></a></li> </ul> <div class="sp-slider-custom-pager"></div> </div><!--//종료--> </div> </li> </ul> </div><div fix id="sp-popup-open"><button>팝업<br />보기</button></div>
■ 수정 예시 영상

■ 배너

판다씨[ no21 ] - 커버형 멀티 팝업창 : 700 * free

■ 소스 위치

/_sp/_layout/popup.html 파일 18줄
(※ 기존소스에서 수정하신 내용이 있다면 차이가 있을 수 있습니다.)

■ 기존소스

<div fix id="sp-popup" class="sp-full sp-cookie-outer" module="bannermanage2_display_번호">
   <ul>
      <li>
         <div class="sp-popup-inside" style="width:700px;">
            
            <div class="sp-slider sp-slider-fixed sp-pager-hover sp-arrow-hover" data-mode="vertical" data-pause="3000" data-pager="sp-slider-custom-pager">
               <button class="sp-cookie" data-type="off" data-name="sp-popup" data-pause="1000"><p><span class="sp-mos">오늘 하루 열지않기</span></p></button>
               <ul class="sp-slider-arrow sp-xlarge sp-circle-white sp-inside"><p></p></ul>
               <ul class="bxslider">
                  <li class="sp-slider-custom-element" data-title="{$title}"><a href="{$href}" {$target}>{$banner}</a></li>
                  <li class="sp-slider-custom-element" data-title="{$title}"><a href="{$href}" {$target}>{$banner}</a></li>
               </ul>
               <div class="sp-slider-custom-pager"></div>
            </div>
         </div>
      </li>
   </ul>
</div><div fix id="sp-popup-open"><button>팝업<br />보기</button></div>

(※ 기존소스에서 수정하신 내용이 있다면 차이가 있을 수 있습니다.)

■ 소스 수정

module="bannermanage2_display_번호"를 삭제해주세요.
<li class="sp-slider-custom-element" data-title="{$title}"><a href="{$href}" {$target}>{$banner}</a></li>를
<li class="sp-slider-custom-element" data-title="[팝업명]"><a href="[링크경로]"><img src="[이미지경로]" /></a></li>로 변경해주세요.

■ 수정된 소스 예시

■ 수정 예시 영상