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

■ 배너	[ 23 ] 팝업창 스퀘어 모드 : 500 * 360
■ 소스 위치	/index.html 파일 10줄 (※ 기존소스에서 수정하신 내용이 있다면 차이가 있을 수 있습니다.)
■ 기존소스	<div module="bannermanage2_display_번호" floating data-cookie="uniqueCookieName1" data-wait="2000" data-speed="600" data-width="500" data-height="400" data-top="" data-left="30" data-bottom="30" data-right="" data-url="/_sp/apps/addon/floating/floating.html"><div class="sp-floating-open" data-cookie="uniqueCookieName1"><button>팝업<br>보기</button></div> <a href="{$href}" {$target} class="displaynone">{$banner}</a> <a href="{$href}" {$target} class="displaynone">{$banner}</a> <div id="sp-floating"><!-- click listener : close --> <ul> <li> <div module="bannermanage2_display_번호" class="sp-floating-inside"><!-- click listener : stop --> <!--SLICK:v1.12.4--> <!--@css(/_sp/apps/addon/slick/slick.css)--> <!--@js(/_sp/apps/addon/slick/slick.js)--> <div class="sp-slider" data-fade="true" data-autoplayspeed="4000" data-custompaging="true" data-speed="600" hover="false" arrows="wht-h-m" arrowsArea="h-in-46" dots="widetext" dotsArea="out-b-l" data-bg="white"> <div class="sp-slider-loop" data-title="{$title}"><a href="{$href}" {$target}>{$banner}</a></div> <div class="sp-slider-loop" data-title="{$title}"><a href="{$href}" {$target}>{$banner}</a></div> </div> <button class="sp-close"></button> </div> </li> </ul> </div> </div> (※ 기존소스에서 수정하신 내용이 있다면 차이가 있을 수 있습니다.)
■ 소스 수정	module="bannermanage2_display_번호"를 삭제해주세요. <a href="{$href}" {$target} class="displaynone">{$banner}</a>를 삭제해주세요. <div class="sp-slider-loop" data-title="{$title}"><a href="{$href}" {$target}>{$banner}</a></div>를 <div class="sp-slider-loop" data-title="[배너명]"><a href="[링크경로]"><img src="[이미지경로]" /></a></div>로 변경해주세요. 내용을 추가하시려면 <div class="sp-slider-loop" data-title="[배너명]"><a href="[링크경로]"><img src="[이미지경로]" /></a></div> 부분을 더 추가해주시면 됩니다.
■ 수정된 소스 예시	<div floating data-cookie="uniqueCookieName1" data-wait="2000" data-speed="600" data-width="500" data-height="400" data-top="" data-left="30" data-bottom="30" data-right="" data-url="/_sp/apps/addon/floating/floating.html"><div class="sp-floating-open" data-cookie="uniqueCookieName1"><button>팝업<br>보기</button></div> <div id="sp-floating"><!-- click listener : close --> <ul> <li> <div class="sp-floating-inside"><!-- click listener : stop --> <!--SLICK:v1.12.4--> <!--@css(/_sp/apps/addon/slick/slick.css)--> <!--@js(/_sp/apps/addon/slick/slick.js)--> <div class="sp-slider" data-fade="true" data-autoplayspeed="4000" data-custompaging="true" data-speed="600" hover="false" arrows="wht-h-m" arrowsArea="h-in-46" dots="widetext" dotsArea="out-b-l" data-bg="white"> <div class="sp-slider-loop" data-title="배너명01"><a href="/index.html"><img src="/_img/no23/banner/18/01.png" /></a></div> <div class="sp-slider-loop" data-title="배너명02"><a href="/index.html"><img src="/_img/no23/banner/18/02.png" /></a></div> <div class="sp-slider-loop" data-title="배너명03"><a href="/index.html"><img src="/_img/no23/banner/18/03.png" /></a></div> <div class="sp-slider-loop" data-title="배너명04"><a href="/index.html"><img src="/_img/no23/banner/18/04.png" /></a></div> </div> <button class="sp-close"></button> </div> </li> </ul> </div> </div>
■ 수정 예시 영상

■ 배너

[ 23 ] 팝업창 스퀘어 모드 : 500 * 360

■ 소스 위치

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

■ 기존소스

<div module="bannermanage2_display_번호" floating data-cookie="uniqueCookieName1" data-wait="2000" data-speed="600" data-width="500" data-height="400" data-top="" data-left="30" data-bottom="30" data-right="" data-url="/_sp/apps/addon/floating/floating.html"><div class="sp-floating-open" data-cookie="uniqueCookieName1"><button>팝업<br>보기</button></div>
   <a href="{$href}" {$target} class="displaynone">{$banner}</a>
   <a href="{$href}" {$target} class="displaynone">{$banner}</a>
   <div id="sp-floating">
      <ul>
         <li>
            <div module="bannermanage2_display_번호" class="sp-floating-inside">
               
               
               
               <div class="sp-slider" data-fade="true" data-autoplayspeed="4000" data-custompaging="true" data-speed="600" hover="false" arrows="wht-h-m" arrowsArea="h-in-46" dots="widetext" dotsArea="out-b-l" data-bg="white">
                  <div class="sp-slider-loop" data-title="{$title}"><a href="{$href}" {$target}>{$banner}</a></div>
                  <div class="sp-slider-loop" data-title="{$title}"><a href="{$href}" {$target}>{$banner}</a></div>
               </div>
               <button class="sp-close"></button>
            </div>
         </li>
      </ul>
   </div>
</div>

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

■ 소스 수정

module="bannermanage2_display_번호"를 삭제해주세요.
<a href="{$href}" {$target} class="displaynone">{$banner}</a>를 삭제해주세요.
<div class="sp-slider-loop" data-title="{$title}"><a href="{$href}" {$target}>{$banner}</a></div>를
<div class="sp-slider-loop" data-title="[배너명]"><a href="[링크경로]"><img src="[이미지경로]" /></a></div>로 변경해주세요.
내용을 추가하시려면
<div class="sp-slider-loop" data-title="[배너명]"><a href="[링크경로]"><img src="[이미지경로]" /></a></div> 부분을 더 추가해주시면 됩니다.

■ 수정된 소스 예시

■ 수정 예시 영상