diff --git a/css/mobile_shop.css b/css/mobile_shop.css index 3bb08bfb1..9a7a6dc96 100644 --- a/css/mobile_shop.css +++ b/css/mobile_shop.css @@ -57,9 +57,11 @@ a.sanchor_on {background:#626870;color:#fff !important;text-decoration:none} /* ########## 쇼핑몰 컨텐츠 ########## */ /* 인덱스 이미지 출력 */ #sidx {padding:0} -.sidx {position:relative;width:100%;overflow:hidden;} /* 인덱스 상품 */ +#slide_tab {display:none;margin:0;padding:0} +.slide_tab {display:block!important;position:relative;width:100%;height:50px;background-color:#eee;overflow:hidden} +#sidx_slide {position:relative;top:0;left:0;width:100%;overflow:hidden} .sidx_slide {position:absolute;top:0;left:0;width:100%} /* 상품 목록 */ diff --git a/js/jquery.slideview.js b/js/jquery.slideview.js index 2dd825899..00354c536 100644 --- a/js/jquery.slideview.js +++ b/js/jquery.slideview.js @@ -2,19 +2,24 @@ $.fn.slideSwipe = function(option) { var cfg = { - element: "section", - sidx_class: "sidx", + slide_wrap: "sidx_slide", + slide: "section", + slide_tab: "slide_tab", + tab_class: "slide_tab", slide_class: "sidx_slide", - active_class: "slide_class", + active_class: "slide_active", duration: 300 }; if(typeof option == "object") cfg = $.extend( cfg, option ); - this.addClass(cfg.sidx_class); var $this = this; - var $slides = this.find(cfg.element); + var $wrap = this.find("#"+cfg.slide_wrap); + var $tab = this.find("#"+cfg.slide_tab); + var $slides = this.find(cfg.slide); + + $tab.addClass(cfg.tab_class); $slides.addClass(cfg.slide_class); var height; @@ -33,7 +38,7 @@ $slides.not("."+cfg.active_class).css("left", width+"px"); height = $slides.eq(idx).height(); - $this.height(height); + $wrap.height(height); } function swipe_left() @@ -48,7 +53,7 @@ width = $(window).width(); height = $slides.eq(next).height(); - $this.height(height); + $wrap.height(height); $slides.eq(idx).animate( { left: "-="+width }, cfg.duration, @@ -77,7 +82,7 @@ width = $(window).width(); height = $slides.eq(next).height(); - $this.height(height); + $wrap.height(height); $slides.eq(idx).animate( { left: "+="+width }, cfg.duration, diff --git a/mobile/shop/index.php b/mobile/shop/index.php index 8d69f5350..e7b49c292 100644 --- a/mobile/shop/index.php +++ b/mobile/shop/index.php @@ -12,105 +12,110 @@ include_once(G5_MSHOP_PATH.'/shop.head.php');
-
-
-

최신상품

-

최신상품 모음

-
- set_mobile(true); - $list->set_type(1); - $list->set_view('it_id', false); - $list->set_view('it_name', true); - $list->set_view('it_cust_price', false); - $list->set_view('it_price', true); - $list->set_view('it_icon', true); - $list->set_view('sns', true); - echo $list->run(); - ?> -
더 보기
-
+ -
-
-

히트상품

-

히트상품 모음

-
- set_mobile(true); - $list->set_type(2); - $list->set_view('it_id', false); - $list->set_view('it_name', true); - $list->set_view('it_cust_price', false); - $list->set_view('it_price', true); - $list->set_view('it_icon', true); - $list->set_view('sns', true); - echo $list->run(); - ?> -
더 보기
-
+
+
+
+

최신상품

+

최신상품 모음

+
+ set_mobile(true); + $list->set_type(1); + $list->set_view('it_id', false); + $list->set_view('it_name', true); + $list->set_view('it_cust_price', false); + $list->set_view('it_price', true); + $list->set_view('it_icon', true); + $list->set_view('sns', true); + echo $list->run(); + ?> +
더 보기
+
-
-
-

추천상품

-

추천상품 모음

-
- set_mobile(true); - $list->set_type(3); - $list->set_view('it_id', false); - $list->set_view('it_name', true); - $list->set_view('it_cust_price', false); - $list->set_view('it_price', true); - $list->set_view('it_icon', true); - $list->set_view('sns', true); - echo $list->run(); - ?> -
더 보기
-
+
+
+

히트상품

+

히트상품 모음

+
+ set_mobile(true); + $list->set_type(2); + $list->set_view('it_id', false); + $list->set_view('it_name', true); + $list->set_view('it_cust_price', false); + $list->set_view('it_price', true); + $list->set_view('it_icon', true); + $list->set_view('sns', true); + echo $list->run(); + ?> +
더 보기
+
-
-
-

인기상품

-

인기상품 모음

-
- set_mobile(true); - $list->set_type(4); - $list->set_view('it_id', false); - $list->set_view('it_name', true); - $list->set_view('it_cust_price', false); - $list->set_view('it_price', true); - $list->set_view('it_icon', true); - $list->set_view('sns', true); - echo $list->run(); - ?> -
더 보기
-
+
+
+

추천상품

+

추천상품 모음

+
+ set_mobile(true); + $list->set_type(3); + $list->set_view('it_id', false); + $list->set_view('it_name', true); + $list->set_view('it_cust_price', false); + $list->set_view('it_price', true); + $list->set_view('it_icon', true); + $list->set_view('sns', true); + echo $list->run(); + ?> +
더 보기
+
-
-
-

할인상품

-

할인상품 모음

-
- set_mobile(true); - $list->set_type(5); - $list->set_view('it_id', false); - $list->set_view('it_name', true); - $list->set_view('it_cust_price', false); - $list->set_view('it_price', true); - $list->set_view('it_icon', true); - $list->set_view('sns', true); - echo $list->run(); - ?> -
더 보기
-
+
+
+

인기상품

+

인기상품 모음

+
+ set_mobile(true); + $list->set_type(4); + $list->set_view('it_id', false); + $list->set_view('it_name', true); + $list->set_view('it_cust_price', false); + $list->set_view('it_price', true); + $list->set_view('it_icon', true); + $list->set_view('sns', true); + echo $list->run(); + ?> +
더 보기
+
+ +
+
+

할인상품

+

할인상품 모음

+
+ set_mobile(true); + $list->set_type(5); + $list->set_view('it_id', false); + $list->set_view('it_name', true); + $list->set_view('it_cust_price', false); + $list->set_view('it_price', true); + $list->set_view('it_icon', true); + $list->set_view('sns', true); + echo $list->run(); + ?> +
더 보기
+
+
@@ -118,10 +123,12 @@ include_once(G5_MSHOP_PATH.'/shop.head.php'); $(function() { $("#sidx").slideSwipe( { - element: "section.sct_wrap", - sidx_class: "sidx", + el_class: "sidx", + selector: "section.sct_wrap", + slide_tab: "slide_tab", + tab_class: "slide_tab", slide_class: "sidx_slide", - active_class: "slide_class", + active_class: "slide_active", duration: 300 } );