[와우슬라이더 모바일 사용 방법]


와우슬라이더 플러그인을 모바일에서 사용하는 방법입니다.

 

 

 

   

 

 

 

 <처리방법>

 

 

 

1. PC버전 메인페이지 편집화면에서 와우슬라이더가 들어가는 '컨텐츠박스'를 복사한다

 

 

 

 

 

2. 우측상단 선택상자에서 PC가 아닌 'Mobile'을 선택하여 

모바일버전 메인페이지 편집화면으로 이동한다.

 

 

 

3. 원하는 위치에 PC버전에서 복사한 div를 붙여넣기한다.

 

 

 

4. 붙여넣은 DIV의 와우슬라이더 바로 아래쪽에 있는 아주작은 초록색 점을 클릭한다.

 

 

 

 

 

5. HTML탭을 클릭한 후 -> 기존에 적혀있던 내용을 전부 삭제하고 > 아래 내용을 붙여넣기한다

 

<style type="text/css">

#wowslider-container_{AY_AB_wslider_parent[serial_num]}{margin-bottom:0 !important;}

#wowslider-container_{AY_AB_wslider_parent[serial_num]} .ws_bullets {top:0;}

#wowslider-container_{AY_AB_wslider_parent[serial_num]}{width:100% !important;height:auto !important;;}

#wowslider-container_{AY_AB_wslider_parent[serial_num]} .ws_images img{width:100%;height:auto;}

</style>