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
}
);