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

■ 배너	판다씨[ no13 ] - 1~20 단 멀티 팝업창 ( 300 * 300 px )
■ 파일경로	/_panda/popup/popup.html
■ 기존소스 줄번호	14 (※ 기존소스에서 수정하신 내용이 있다면 차이가 있을 수 있습니다.)
■ 기존소스	<div id="-popup" class="flexslider detail -nonav" data-speed="3000" data-type="popup" data-thumb="thumbnails2" module="bannermanage2_display_번호"> <div class="flexslider-tabs-container"> <ul class="slides"> <li><a href="{$href}" target="_parent">{$banner\|replace:title=,alt=}</a></li> <li><a href="{$href}" target="_parent">{$banner\|replace:title=,alt=}</a></li> </ul> <div class="player -inside -min"> <a href="#none" class="flex-prev -mos"><i class="-ico -ico-angle-left banner_image" rel="0-0" /></a> <a href="#none" class="flex-next -mos"><i class="-ico -ico-angle-right banner_image" rel="0-0" /></a> </div> </div> <div class="-controler" module="bannermanage2_display_번호"> <ul> <li><div><p>{$title\|replace:\|,<br />}<span class="displaynone">{$banner\|replace:title=,alt=}</span></p></div></li> <li><div><p>{$title\|replace:\|,<br />}<span class="displaynone">{$banner\|replace:title=,alt=}</span></p></div></li> <li><div><p>{$title\|replace:\|,<br />}<span class="displaynone">{$banner\|replace:title=,alt=}</span></p></div></li> </ul> <ul> <li><div><p>{$title\|replace:\|,<br />}<span class="displaynone">{$banner\|replace:title=,alt=}</span></p></div></li> <li><div><p>{$title\|replace:\|,<br />}<span class="displaynone">{$banner\|replace:title=,alt=}</span></p></div></li> <li><div><p>{$title\|replace:\|,<br />}<span class="displaynone">{$banner\|replace:title=,alt=}</span></p></div></li> </ul> </div> <div class="-popup-footer" module="Popup_Footer">{$footer}</div> </div> (※ 기존소스에서 수정하신 내용이 있다면 차이가 있을 수 있습니다.)
■ 소스 수정	module="bannermanage2_display_번호"를 삭제해주세요. <li><a href="{$href}" target="_parent">{$banner\|replace:title=,alt=}</a></li>를 <li><a href="[링크주소]" target="_parent"><img src="[이미지경로]" /></a></li>로 변경해주세요. <li><div><p>{$title\|replace:\|,<br />}<span class="displaynone">{$banner\|replace:title=,alt=}</span></p></div></li>를 <li><div><p>[팝업명]</p></div></li>로 변경해주세요.
■ 수정된 소스 예시	<div id="-popup" class="flexslider detail -nonav" data-speed="3000" data-type="popup" data-thumb="thumbnails2"> <div class="flexslider-tabs-container"> <ul class="slides"> <li><a href="/index.html" target="_parent"><img src="/_img/no13/banner/01/01.jpg" /></a></li> <li><a href="/index.html" target="_parent"><img src="/_img/no13/banner/01/02.jpg" /></a></li> <li><a href="/index.html" target="_parent"><img src="/_img/no13/banner/01/03.jpg" /></a></li> <li><a href="/index.html" target="_parent"><img src="/_img/no13/banner/01/04.jpg" /></a></li> <li><a href="/index.html" target="_parent"><img src="/_img/no13/banner/01/05.jpg" /></a></li> <li><a href="/index.html" target="_parent"><img src="/_img/no13/banner/01/06.jpg" /></a></li> </ul> <div class="player -inside -min"> <a href="#none" class="flex-prev -mos"><i class="-ico -ico-angle-left banner_image" rel="0-0" /></a> <a href="#none" class="flex-next -mos"><i class="-ico -ico-angle-right banner_image" rel="0-0" /></a> </div> </div> <div class="-controler"> <ul> <li><div><p>팝업명01<br>샘플텍스트</p></div></li> <li><div><p>팝업명02<br>샘플텍스트</p></div></li> <li><div><p>팝업명03<br>샘플텍스트</p></div></li> </ul> <ul> <li><div><p>팝업명04<br>샘플텍스트</p></div></li> <li><div><p>팝업명05<br>샘플텍스트</p></div></li> <li><div><p>팝업명06<br>샘플텍스트</p></div></li> </ul> </div> <div class="-popup-footer" module="Popup_Footer">{$footer}</div> </div>
■ 수정 예시 영상

■ 배너

판다씨[ no13 ] - 1~20 단 멀티 팝업창 ( 300 * 300 px )

■ 파일경로

/_panda/popup/popup.html

■ 기존소스 줄번호

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

■ 기존소스

<div id="-popup" class="flexslider detail -nonav" data-speed="3000" data-type="popup" data-thumb="thumbnails2" module="bannermanage2_display_번호">
   <div class="flexslider-tabs-container">
      <ul class="slides">
         <li><a href="{$href}" target="_parent">{$banner|replace:title=,alt=}</a></li>
         <li><a href="{$href}" target="_parent">{$banner|replace:title=,alt=}</a></li>
      </ul>
      <div class="player -inside -min">
         <a href="#none" class="flex-prev -mos"><i class="-ico -ico-angle-left banner_image" rel="0-0" /></a>
         <a href="#none" class="flex-next -mos"><i class="-ico -ico-angle-right banner_image" rel="0-0" /></a>
      </div>
   </div>
   <div class="-controler" module="bannermanage2_display_번호">
      <ul>
         <li><div><p>{$title|replace:|,<br />}<span class="displaynone">{$banner|replace:title=,alt=}</span></p></div></li>
         <li><div><p>{$title|replace:|,<br />}<span class="displaynone">{$banner|replace:title=,alt=}</span></p></div></li>
         <li><div><p>{$title|replace:|,<br />}<span class="displaynone">{$banner|replace:title=,alt=}</span></p></div></li>
      </ul>
      <ul>
         <li><div><p>{$title|replace:|,<br />}<span class="displaynone">{$banner|replace:title=,alt=}</span></p></div></li>
         <li><div><p>{$title|replace:|,<br />}<span class="displaynone">{$banner|replace:title=,alt=}</span></p></div></li>
         <li><div><p>{$title|replace:|,<br />}<span class="displaynone">{$banner|replace:title=,alt=}</span></p></div></li>
      </ul>
   </div>
   <div class="-popup-footer" module="Popup_Footer">{$footer}</div>
</div>

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

■ 소스 수정

module="bannermanage2_display_번호"를 삭제해주세요.
<li><a href="{$href}" target="_parent">{$banner|replace:title=,alt=}</a></li>를
<li><a href="[링크주소]" target="_parent"><img src="[이미지경로]" /></a></li>로 변경해주세요.
<li><div><p>{$title|replace:|,<br />}<span class="displaynone">{$banner|replace:title=,alt=}</span></p></div></li>를
<li><div><p>[팝업명]</p></div></li>로 변경해주세요.

■ 수정된 소스 예시

<div id="-popup" class="flexslider detail -nonav" data-speed="3000" data-type="popup" data-thumb="thumbnails2">
   <div class="flexslider-tabs-container">
      <ul class="slides">
         <li><a href="/index.html" target="_parent"><img src="/_img/no13/banner/01/01.jpg" /></a></li>
         <li><a href="/index.html" target="_parent"><img src="/_img/no13/banner/01/02.jpg" /></a></li>
         <li><a href="/index.html" target="_parent"><img src="/_img/no13/banner/01/03.jpg" /></a></li>
         <li><a href="/index.html" target="_parent"><img src="/_img/no13/banner/01/04.jpg" /></a></li>
         <li><a href="/index.html" target="_parent"><img src="/_img/no13/banner/01/05.jpg" /></a></li>
         <li><a href="/index.html" target="_parent"><img src="/_img/no13/banner/01/06.jpg" /></a></li>
      </ul>
      <div class="player -inside -min">
         <a href="#none" class="flex-prev -mos"><i class="-ico -ico-angle-left banner_image" rel="0-0" /></a>
         <a href="#none" class="flex-next -mos"><i class="-ico -ico-angle-right banner_image" rel="0-0" /></a>
      </div>
   </div>
   <div class="-controler">
      <ul>
         <li><div><p>팝업명01<br>샘플텍스트</p></div></li>
         <li><div><p>팝업명02<br>샘플텍스트</p></div></li>
         <li><div><p>팝업명03<br>샘플텍스트</p></div></li>
      </ul>
      <ul>
         <li><div><p>팝업명04<br>샘플텍스트</p></div></li>
         <li><div><p>팝업명05<br>샘플텍스트</p></div></li>
         <li><div><p>팝업명06<br>샘플텍스트</p></div></li>
      </ul>
   </div>
   <div class="-popup-footer" module="Popup_Footer">{$footer}</div>
</div>

■ 수정 예시 영상