firstgarden/firstgarden-web-gnu
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Activity

모바일 쇼핑몰 메인 swipe 기능 추가중

Browse Source
This commit is contained in:
chicpro
2013-10-14 14:34:09 +09:00
parent 5052e4e0f0
commit db8684b405
3 changed files with 52 additions and 65 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
css/mobile_shop.css
View File

@ -59,8 +59,8 @@ a.sanchor_on {background:#626870;color:#fff !important;text-decoration:none}
#sidx {padding:0}
/* 인덱스 상품 */
#slide_tab {display:none;margin:0;padding:0}
.slide_tab {display:block!important;position:relative;width:100%;height:50px;background-color:#eee;overflow:hidden}
#slide_tab {margin:0;padding:0;list-style:none;position:relative;width:100%;height:50px;background-color:#eee;overflow:hidden}
#slide_tab li {position:absolute;top:0;left:0;width:80px}
#sidx_slide {position:relative;top:0;left:0;width:100%;overflow:hidden}
.sidx_slide {position:absolute;top:0;left:0;width:100%}

52
js/jquery.slideview.js
View File

@ -16,16 +16,62 @@
var $this = this;
var $wrap = this.find("#"+cfg.slide_wrap);
var $tab = this.find("#"+cfg.slide_tab);
var $tab = null;
var $tabs;
var $slides = this.find(cfg.slide);
$tab.addClass(cfg.tab_class);
$slides.addClass(cfg.slide_class);
var height;
var width = $(window).width();
var count = $slides.size();
var idx = next = 0;
var tabw_width = 0;
var tabs_count = 0;
var tab_width = 0;
function tab_make()
{
if(count < 1)
return;
var subj;
var tabs = "";
if($tab == null) {
$slides.each(function() {
subj = $(this).find("header h2").text();
if(subj.length < 1)
subj = "&nbsp;";
tabs += "<li>"+subj+"</li>\n";
});
if(tabs != "") {
tabs = "<ul id=\""+cfg.slide_tab+"\">\n"+tabs+"</ul>";
$wrap.before(tabs);
$tab = $this.find("#"+cfg.slide_tab);
$tabs = $tab.find("li");
}
}
tabw_width = $tab.width();
tabs_count = $tabs.size();
tab_width = $tabs.eq(0).width();
if(tabs_count < 1) {
$tab.remove();
return;
}
var li_left = 0;
if(tabs_count < 3) {
li_left = parseInt((tab_width - (tab_width * tabs_count)) / (tabs_count + 1));
} else {
}
}
function swipe_init()
{
@ -105,6 +151,8 @@
return true;
}
tab_make();
$(window).on("load", function(e) {
swipe_init();
});

61
mobile/shop/index.php
View File

@ -12,9 +12,6 @@ include_once(G5_MSHOP_PATH.'/shop.head.php');
<div id="sidx">
<ul id="slide_tab">
</ul>
<div id="sidx_slide">
<section class="sct_wrap">
<header>
@ -56,65 +53,7 @@ include_once(G5_MSHOP_PATH.'/shop.head.php');
<div><a href="<?php echo G5_SHOP_URL; ?>/listtype.php?type=1">더 보기</a></div>
</section>
<section class="sct_wrap">
<header>
<h2>추천상품</h2>
<p class="sct_wrap_hdesc"><?php echo $config['cf_title']; ?> 추천상품 모음</p>
</header>
<?php
$list = new item_list();
$list->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();
?>
<div><a href="<?php echo G5_SHOP_URL; ?>/listtype.php?type=2">더 보기</a></div>
</section>
<section class="sct_wrap">
<header>
<h2>인기상품</h2>
<p class="sct_wrap_hdesc"><?php echo $config['cf_title']; ?> 인기상품 모음</p>
</header>
<?php
$list = new item_list();
$list->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();
?>
<div><a href="<?php echo G5_SHOP_URL; ?>/listtype.php?type=4">더 보기</a></div>
</section>
<section class="sct_wrap">
<header>
<h2>할인상품</h2>
<p class="sct_wrap_hdesc"><?php echo $config['cf_title']; ?> 할인상품 모음</p>
</header>
<?php
$list = new item_list();
$list->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();
?>
<div><a href="<?php echo G5_SHOP_URL; ?>/listtype.php?type=5">더 보기</a></div>
</section>
</div>
</div>