1、头部加 <script type="text/javascript" src="{$=$global.assetspath}/js/jtbc.frontend.js"></script>
2、尾部加 <script type="text/javascript">$(document).ready(function() { jtbc.frontend.ready(); });</script>
3、list页面加 <script> $(function () { $('.hold_events').on('click', function () { $('.contact_box').show(200); }) $('.close').on('click', function () { $('.contact_box').hide(200); }) $('.sure_btn').on('click', function () { $('.contact_box').hide(200); }) }) </script>
4、list模板 <!-- 全部 最新 ... --> <div class="news_tabs_box contain_fluid"> <div class="selector_2"> <ul mode="pitchon" pitchon="li[name='li{$-fid}']"> {$=transfer('genre=universal/category;type=@order;baseurl=./;tpl=dd-list-1', array('fid' => 0, 'genre' => 'product'))} </ul> </div> <div class="cupboard"> <div class="selector"> <ul mode="pitchon" pitchon="li[name='li{$-cid}']"> {$=transfer('genre=universal/category;type=@order;baseurl=./;tpl=li-list-1', array('fid' =>'{$-fid}', 'genre' => 'product'))} </ul> </div> </div> </div> <!-- 全部 最新 ... END -->
5、css样式 .news_tabs_box { text-align: center; margin-bottom: 45px; padding: 20px 0px; } .news_tabs_box > .content_box { position: relative; margin-top:18px; } .cupboard { width: 1200px; margin: auto; padding: 20px 0px; position: relative; } .contain_fluid { width: 100%; min-width: 1200px; } .selector { width: 100%; padding-bottom: 20px; text-align: center } .selector ul { display: inline-block; font-size: 0px } .selector ul li { display: inline-block; background: #fff; border: #ddd 1px solid; border-right: 0px } .selector ul li:first-child { border-top-left-radius: 10px; border-bottom-left-radius: 10px } .selector ul li:last-child { border-right: #ddd 1px solid; border-top-right-radius: 10px; border-bottom-right-radius: 10px } .selector ul li a { display: inline-block; font-size: 1.0rem; padding: 6px 15px } .selector ul li.on { background: #333; border-color: #333; } .selector ul li.on a { color: #fff } .selector_2 ul { display: inline-block; font-size: 0px } .selector_2 ul li { display: inline-block; width: 96px; height: 34px; border: 1px solid #333; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; margin-right: 20px; } .selector_2 ul li a { display: inline-block; font-size: 1.0rem;color: #333;line-height: 34px; } .selector_2 ul li.on { background: #333;font-weight: 600; } .selector_2 ul li.on a { color: #ffffff; } @media screen and (max-width: 768px) { .cupboard { width: 100%; margin: auto; padding: 10px 0px; position: relative; } .contain_fluid { width: 100%; min-width: 100%; } .selector_2 ul li { display: inline-block; width: 96px; height: 34px; border: 1px solid #333; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; margin-right: 10px; margin-bottom: 10px; } }
6、/product/common/incfiles/index.inc.php文件moduleList节点 $fid = universal\category::getRootCategoryID(self::getParam('genre'), self::getParam('lang'), $category); $cid = universal\category::getCategoryChildID(self::getParam('genre'), self::getParam('lang'), $category); if($cid == '') $cid = $category; $variable['-category'] = $category; $variable['-fid'] = $fid; $variable['-cid'] = $cid;
|