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

■ 배너	[ 24 ] 팝업 페이드 슬라이더 700*free
■ 소스 위치	/index.html 파일 55줄 (※ 기존소스에서 수정하신 내용이 있다면 차이가 있을 수 있습니다.)
■ 기존소스	<div id="mobile" module="bannermanage2_mdisplay_번호" floating data-cookie="uniqueCookieName1" data-wait="1000" data-speed="300" data-width="" data-height="" data-top="0" data-left="0" data-bottom="0" data-right="0" data-url="/_sp/apps/addon/floating/floating.html"> <a href="{$href}" {$target} class="displaynone">{$banner}</a> <a href="{$href}" {$target} class="displaynone">{$banner}</a> <div class="sp-floating-open" data-cookie="uniqueCookieName1"><button>새소식</button></div> <div id="sp-floating"><!-- click listener : close --> <ul> <!-- scope="block" 일 경우 최 하단에 닫기 버튼을 넣을 수 있음 --> <button class="sp-close-btn" theme="default" scope="block">오늘 하루 열지 않음</button> <!--<button><p></p></button>--> <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 id="mobile" module="bannermanage2_mdisplay_번호" class="sp-slider" data-responsive="fixed" data-fade="true" data-autoplayspeed="5000" data-speed="300" hover="false" arrows="false" arrowsArea="h-in-46" dots="circle-wht-m" dotsArea="in-b-c-big"> <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 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> </div> </li> </ul> </div> </div> (※ 기존소스에서 수정하신 내용이 있다면 차이가 있을 수 있습니다.)
■ 소스 수정	module="bannermanage2_mdisplay_번호"를 삭제해주세요. <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"><a href="[링크경로]"><img src="[이미지경로]" /></a></div>로 변경해주세요. 이미지를 추가하시려면 <div class="sp-slider-loop"><a href="[링크경로]"><img src="[이미지경로]" /></a></div> 부분을 더 추가해주시면 됩니다.
■ 수정된 소스 예시	<div id="mobile" floating data-cookie="uniqueCookieName1" data-wait="1000" data-speed="300" data-width="" data-height="" data-top="0" data-left="0" data-bottom="0" data-right="0" data-url="/_sp/apps/addon/floating/floating.html"> <div class="sp-floating-open" data-cookie="uniqueCookieName1"><button>새소식</button></div> <div id="sp-floating"><!-- click listener : close --> <ul> <!-- scope="block" 일 경우 최 하단에 닫기 버튼을 넣을 수 있음 --> <button class="sp-close-btn" theme="default" scope="block">오늘 하루 열지 않음</button> <!--<button><p></p></button>--> <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 id="mobile" class="sp-slider" data-responsive="fixed" data-fade="true" data-autoplayspeed="5000" data-speed="300" hover="false" arrows="false" arrowsArea="h-in-46" dots="circle-wht-m" dotsArea="in-b-c-big"> <div class="sp-slider-loop"><a href="/index.html"><img src="/_img/no24/banner/15/01.png" /></a></div> <div class="sp-slider-loop"><a href="/index.html"><img src="/_img/no24/banner/15/02.png" /></a></div> <div class="sp-slider-loop"><a href="/index.html"><img src="/_img/no24/banner/15/03.png" /></a></div> <div class="sp-slider-loop"><a href="/index.html"><img src="/_img/no24/banner/15/04.png" /></a></div> </div> </div> </li> </ul> </div> </div>
■ 수정 예시 영상

■ 배너

[ 24 ] 팝업 페이드 슬라이더 700*free

■ 소스 위치

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

■ 기존소스

<div id="mobile" module="bannermanage2_mdisplay_번호" floating data-cookie="uniqueCookieName1" data-wait="1000" data-speed="300" data-width="" data-height="" data-top="0" data-left="0" data-bottom="0" data-right="0" data-url="/_sp/apps/addon/floating/floating.html">
   <a href="{$href}" {$target} class="displaynone">{$banner}</a>
   <a href="{$href}" {$target} class="displaynone">{$banner}</a>
   <div class="sp-floating-open" data-cookie="uniqueCookieName1"><button>새소식</button></div>

   <div id="sp-floating">
      <ul>
         
         <button class="sp-close-btn" theme="default" scope="block">오늘 하루 열지 않음</button>
         
         <li>
            <div class="sp-floating-inside">
               
               
               
               <div id="mobile" module="bannermanage2_mdisplay_번호" class="sp-slider" data-responsive="fixed" data-fade="true" data-autoplayspeed="5000" data-speed="300" hover="false" arrows="false" arrowsArea="h-in-46" dots="circle-wht-m" dotsArea="in-b-c-big">
                  <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 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>
            </div>
         </li>
      </ul>
   </div>
</div>

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

■ 소스 수정

module="bannermanage2_mdisplay_번호"를 삭제해주세요.
<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"><a href="[링크경로]"><img src="[이미지경로]" /></a></div>로 변경해주세요.
이미지를 추가하시려면
<div class="sp-slider-loop"><a href="[링크경로]"><img src="[이미지경로]" /></a></div> 부분을 더 추가해주시면 됩니다.

■ 수정된 소스 예시

■ 수정 예시 영상