</ iframe ></noscript> <!--End Google Tag Manager(noscript)--> <div class="list-rank clearfix hidden" style="line-height:2.2em; font-weight:bold; font-size:1.2em; display:none"><a href="#" onclick="window.history.back(); return false;"><i class="icon-icon_back"></i> 返回</a></div> <style> .null_text{ text-align:center; } .null_text img{ width:6.1rem; } .null_text p{ text-align:center; padding:2rem; } </style> <div class="list-rank clearfix sort"> <a name="default" href="#" style="display:none"> <div> 默認 <span></span> </div> </a><a name="saleprice" href="#"> <div> 價格 <span></span> </div> </a><a name="addedDate" href="#"> <div> 上架 <span></span> </div> </a><a name="VistiCounts" href="#"> <div> 瀏覽量 <span></span> </div> </a><a name="showsaleCounts" href="#"> <div> 銷量 <span></span> </div> </a><a data-toggle="collapse" data-parent="#accordion" href="#collapseOne"> <div class="sort-action show"> <i class="icon_search_1"></i> </div> </a> </div> <div class="panel panel-default list-sort-panel" style="margin-bottom: 0; border-radius: 0; position: relative;"> <div id="collapseOne" class="panel-collapse collapse"> <a data-toggle="collapse" data-parent="#accordion" href="#collapseOne"> </a> <div class="panel-body"> <a href="?categoryId=2">男襯衫</a> <a href="?categoryId=3">女襯衫</a> <div class="clearfix" style="border-bottom: 1px dashed #e7e5ea; float:left;width:100%;"> </div> <div class="goods-list-bar"> <div class=" form-search"> <input type="text" class="form-control search-query" id="txtKeywords" > <span class="input-group-btn"> <button type="submit" onclick="searchs()" class="btn btn-warning btn-sm" data-type="last"> 搜索 </button> </span> </div> </div> </div> </div> </div> <div class=" hide null_text" id="empty"> <img src="/templates/common/images/pro_null.png" /> <p> 沒有搜索到相關商品…</p> </div> <div class="pbox" id="productListContainer"> <div class="goods-list-grid clearfix" id="goodslist"> <ul> <li class="col-xs-6"> <a href="ProductDetails.aspx?ProductId=623926"> <div class="goods-list-pic col-xs-6 clearfix"> <img id="vProductList_rptProducts_ctl00_ctl00_ListImage1" src="/Storage/master/product/thumbs410/410_202311011712509174730.jpg" style="border-width:0px;" /> </div> </a> <div class="info"> <a href="ProductDetails.aspx?ProductId=623926"> <div class="name bcolor">訂製襯衫-11823Z1008004000</div> </a> <div class="price font-s text-danger"> $1999 </div> <div class="sales text-muted font-xs"><i productid="623926" class="btnAddToCart"></i></div> </div> </li> <li class="col-xs-6"> <a href="ProductDetails.aspx?ProductId=623925"> <div class="goods-list-pic col-xs-6 clearfix"> <img id="vProductList_rptProducts_ctl01_ctl00_ListImage1" src="/Storage/master/product/thumbs410/410_202311011707330772090.jpg" style="border-width:0px;" /> </div> </a> <div class="info"> <a href="ProductDetails.aspx?ProductId=623925"> <div class="name bcolor">訂製襯衫-11823Z1007600000</div> </a> <div class="price font-s text-danger"> $1999 </div> <div class="sales text-muted font-xs"><i productid="623925" class="btnAddToCart"></i></div> </div> </li> <li class="col-xs-6"> <a href="ProductDetails.aspx?ProductId=623924"> <div class="goods-list-pic col-xs-6 clearfix"> <img id="vProductList_rptProducts_ctl02_ctl00_ListImage1" src="/Storage/master/product/thumbs410/410_202311011704489604340.jpg" style="border-width:0px;" /> </div> </a> <div class="info"> <a href="ProductDetails.aspx?ProductId=623924"> <div class="name bcolor">訂製襯衫-11823Z1006Q28000</div> </a> <div class="price font-s text-danger"> $1999 </div> <div class="sales text-muted font-xs"><i productid="623924" class="btnAddToCart"></i></div> </div> </li> <li class="col-xs-6"> <a href="ProductDetails.aspx?ProductId=623923"> <div class="goods-list-pic col-xs-6 clearfix"> <img id="vProductList_rptProducts_ctl03_ctl00_ListImage1" src="/Storage/master/product/thumbs410/410_202311011701269369140.jpg" style="border-width:0px;" /> </div> </a> <div class="info"> <a href="ProductDetails.aspx?ProductId=623923"> <div class="name bcolor">訂製襯衫-11823Z1005A09000</div> </a> <div class="price font-s text-danger"> $1999 </div> <div class="sales text-muted font-xs"><i productid="623923" class="btnAddToCart"></i></div> </div> </li> <li class="col-xs-6"> <a href="ProductDetails.aspx?ProductId=623922"> <div class="goods-list-pic col-xs-6 clearfix"> <img id="vProductList_rptProducts_ctl04_ctl00_ListImage1" src="/Storage/master/product/thumbs410/410_202311011658109107620.jpg" style="border-width:0px;" /> </div> </a> <div class="info"> <a href="ProductDetails.aspx?ProductId=623922"> <div class="name bcolor">訂製襯衫-11823Z1004600000</div> </a> <div class="price font-s text-danger"> $1999 </div> <div class="sales text-muted font-xs"><i productid="623922" class="btnAddToCart"></i></div> </div> </li> <li class="col-xs-6"> <a href="ProductDetails.aspx?ProductId=623921"> <div class="goods-list-pic col-xs-6 clearfix"> <img id="vProductList_rptProducts_ctl05_ctl00_ListImage1" src="/Storage/master/product/thumbs410/410_202311011615513511760.jpg" style="border-width:0px;" /> </div> </a> <div class="info"> <a href="ProductDetails.aspx?ProductId=623921"> <div class="name bcolor">訂製襯衫-11823Z1003100000</div> </a> <div class="price font-s text-danger"> $1999 </div> <div class="sales text-muted font-xs"><i productid="623921" class="btnAddToCart"></i></div> </div> </li> <li class="col-xs-6"> <a href="ProductDetails.aspx?ProductId=623920"> <div class="goods-list-pic col-xs-6 clearfix"> <img id="vProductList_rptProducts_ctl06_ctl00_ListImage1" src="/Storage/master/product/thumbs410/410_202311011607124689560.jpg" style="border-width:0px;" /> </div> </a> <div class="info"> <a href="ProductDetails.aspx?ProductId=623920"> <div class="name bcolor">訂製襯衫-11823Z1002004000</div> </a> <div class="price font-s text-danger"> $1999 </div> <div class="sales text-muted font-xs"><i productid="623920" class="btnAddToCart"></i></div> </div> </li> <li class="col-xs-6"> <a href="ProductDetails.aspx?ProductId=623919"> <div class="goods-list-pic col-xs-6 clearfix"> <img id="vProductList_rptProducts_ctl07_ctl00_ListImage1" src="/Storage/master/product/thumbs410/410_202311011600509398380.jpg" style="border-width:0px;" /> </div> </a> <div class="info"> <a href="ProductDetails.aspx?ProductId=623919"> <div class="name bcolor">訂製襯衫-11823Z1001004000</div> </a> <div class="price font-s text-danger"> $1699 </div> <div class="sales text-muted font-xs"><i productid="623919" class="btnAddToCart"></i></div> </div> </li> <li class="col-xs-6"> <a href="ProductDetails.aspx?ProductId=623522"> <div class="goods-list-pic col-xs-6 clearfix"> <img id="vProductList_rptProducts_ctl08_ctl00_ListImage1" src="/Storage/master/product/thumbs410/410_202211161107071883040.jpg" style="border-width:0px;" /> </div> </a> <div class="info"> <a href="ProductDetails.aspx?ProductId=623522"> <div class="name bcolor">訂製襯衫-1181220003D30000</div> </a> <div class="price font-s text-danger"> $999 </div> <div class="sales text-muted font-xs"><i productid="623522" class="btnAddToCart"></i></div> </div> </li> <li class="col-xs-6"> <a href="ProductDetails.aspx?ProductId=623511"> <div class="goods-list-pic col-xs-6 clearfix"> <img id="vProductList_rptProducts_ctl09_ctl00_ListImage1" src="/Storage/master/product/thumbs410/410_202211161113443070770.jpg" style="border-width:0px;" /> </div> </a> <div class="info"> <a href="ProductDetails.aspx?ProductId=623511"> <div class="name bcolor">訂製襯衫-11811N0004D56000</div> </a> <div class="price font-s text-danger"> $1299 </div> <div class="sales text-muted font-xs"><i productid="623511" class="btnAddToCart"></i></div> </div> </li> <li class="col-xs-6"> <a href="ProductDetails.aspx?ProductId=623805"> <div class="goods-list-pic col-xs-6 clearfix"> <img id="vProductList_rptProducts_ctl10_ctl00_ListImage1" src="/Storage/master/product/thumbs410/410_202211151055118083450.jpg" style="border-width:0px;" /> </div> </a> <div class="info"> <a href="ProductDetails.aspx?ProductId=623805"> <div class="name bcolor">訂製襯衫-11811N0005A50000</div> </a> <div class="price font-s text-danger"> $1699 </div> <div class="sales text-muted font-xs"><i productid="623805" class="btnAddToCart"></i></div> </div> </li> <li class="col-xs-6"> <a href="ProductDetails.aspx?ProductId=623804"> <div class="goods-list-pic col-xs-6 clearfix"> <img id="vProductList_rptProducts_ctl11_ctl00_ListImage1" src="/Storage/master/product/thumbs410/410_202211151056359343820.jpg" style="border-width:0px;" /> </div> </a> <div class="info"> <a href="ProductDetails.aspx?ProductId=623804"> <div class="name bcolor">訂製襯衫-11811N0005A49000</div> </a> <div class="price font-s text-danger"> $1699 </div> <div class="sales text-muted font-xs"><i productid="623804" class="btnAddToCart"></i></div> </div> </li> <li class="col-xs-6"> <a href="ProductDetails.aspx?ProductId=623803"> <div class="goods-list-pic col-xs-6 clearfix"> <img id="vProductList_rptProducts_ctl12_ctl00_ListImage1" src="/Storage/master/product/thumbs410/410_202211160922002841980.jpg" style="border-width:0px;" /> </div> </a> <div class="info"> <a href="ProductDetails.aspx?ProductId=623803"> <div class="name bcolor">訂製襯衫-11811N0005A52000</div> </a> <div class="price font-s text-danger"> $1699 </div> <div class="sales text-muted font-xs"><i productid="623803" class="btnAddToCart"></i></div> </div> </li> <li class="col-xs-6"> <a href="ProductDetails.aspx?ProductId=623802"> <div class="goods-list-pic col-xs-6 clearfix"> <img id="vProductList_rptProducts_ctl13_ctl00_ListImage1" src="/Storage/master/product/thumbs410/410_202211160924073951460.jpg" style="border-width:0px;" /> </div> </a> <div class="info"> <a href="ProductDetails.aspx?ProductId=623802"> <div class="name bcolor">訂製襯衫-11811N0005A47000</div> </a> <div class="price font-s text-danger"> $1699 </div> <div class="sales text-muted font-xs"><i productid="623802" class="btnAddToCart"></i></div> </div> </li> <li class="col-xs-6"> <a href="ProductDetails.aspx?ProductId=623801"> <div class="goods-list-pic col-xs-6 clearfix"> <img id="vProductList_rptProducts_ctl14_ctl00_ListImage1" src="/Storage/master/product/thumbs410/410_202211160927265333040.jpg" style="border-width:0px;" /> </div> </a> <div class="info"> <a href="ProductDetails.aspx?ProductId=623801"> <div class="name bcolor">訂製襯衫-11811N0005A39000</div> </a> <div class="price font-s text-danger"> $1699 </div> <div class="sales text-muted font-xs"><i productid="623801" class="btnAddToCart"></i></div> </div> </li> <li class="col-xs-6"> <a href="ProductDetails.aspx?ProductId=623800"> <div class="goods-list-pic col-xs-6 clearfix"> <img id="vProductList_rptProducts_ctl15_ctl00_ListImage1" src="/Storage/master/product/thumbs410/410_202211160928485030710.bmp" style="border-width:0px;" /> </div> </a> <div class="info"> <a href="ProductDetails.aspx?ProductId=623800"> <div class="name bcolor">訂製襯衫-11811N0006A21000</div> </a> <div class="price font-s text-danger"> $1999 </div> <div class="sales text-muted font-xs"><i productid="623800" class="btnAddToCart"></i></div> </div> </li> <li class="col-xs-6"> <a href="ProductDetails.aspx?ProductId=623798"> <div class="goods-list-pic col-xs-6 clearfix"> <img id="vProductList_rptProducts_ctl16_ctl00_ListImage1" src="/Storage/master/product/thumbs410/410_202211160930176604420.jpg" style="border-width:0px;" /> </div> </a> <div class="info"> <a href="ProductDetails.aspx?ProductId=623798"> <div class="name bcolor">訂製襯衫-11811N0005A29000</div> </a> <div class="price font-s text-danger"> $1699 </div> <div class="sales text-muted font-xs"><i productid="623798" class="btnAddToCart"></i></div> </div> </li> <li class="col-xs-6"> <a href="ProductDetails.aspx?ProductId=623796"> <div class="goods-list-pic col-xs-6 clearfix"> <img id="vProductList_rptProducts_ctl17_ctl00_ListImage1" src="/Storage/master/product/thumbs410/410_202211151051480713770.jpg" style="border-width:0px;" /> </div> </a> <div class="info"> <a href="ProductDetails.aspx?ProductId=623796"> <div class="name bcolor">訂製襯衫-11811N0005A62000</div> </a> <div class="price font-s text-danger"> $1699 </div> <div class="sales text-muted font-xs"><i productid="623796" class="btnAddToCart"></i></div> </div> </li> <li class="col-xs-6"> <a href="ProductDetails.aspx?ProductId=623795"> <div class="goods-list-pic col-xs-6 clearfix"> <img id="vProductList_rptProducts_ctl18_ctl00_ListImage1" src="/Storage/master/product/thumbs410/410_202211151053412290660.jpg" style="border-width:0px;" /> </div> </a> <div class="info"> <a href="ProductDetails.aspx?ProductId=623795"> <div class="name bcolor">訂製襯衫-11811N0005A48000</div> </a> <div class="price font-s text-danger"> $1699 </div> <div class="sales text-muted font-xs"><i productid="623795" class="btnAddToCart"></i></div> </div> </li> <li class="col-xs-6"> <a href="ProductDetails.aspx?ProductId=623793"> <div class="goods-list-pic col-xs-6 clearfix"> <img id="vProductList_rptProducts_ctl19_ctl00_ListImage1" src="/Storage/master/product/thumbs410/410_202211160937381232820.jpg" style="border-width:0px;" /> </div> </a> <div class="info"> <a href="ProductDetails.aspx?ProductId=623793"> <div class="name bcolor">訂製襯衫-11811N0004A11000</div> </a> <div class="price font-s text-danger"> $1299 </div> <div class="sales text-muted font-xs"><i productid="623793" class="btnAddToCart"></i></div> </div> </li> </ul> </div> <div id="pager"> </div> </div> <div class="wx_aside"> <a href="javascript:;" class="btn_more"></a> <div class="wx_aside_item"> <a href="Default.aspx" class="home"><i class="icon-icon_home"></i>首頁</a> <a href="ProductSearch.aspx?storeId=0" class="classify"><i class="icon-icon_category-03"></i>分類</a> <a href="ShoppingCart.aspx" class="shop_cart"><i class="icon-icon_cart"></i>購物車</a> <a href="MemberCenter.aspx" class="MemberCenter"><i class="icon-icon_account"></i>會員中心</a> </div> </div> <input name="vProductList$txtTotal" type="hidden" id="txtTotal" value="93" /> <script src="/Utility/pager.js" type="text/javascript"></script> <script src="/Utility/listPageAddToCart.js" type="text/javascript"></script> <script type="text/javascript"> +function ($) { 'use strict'; var Collapse = function (element, options) { this.$element = $(element) this.options = $.extend({}, Collapse.DEFAULTS, options) this.$trigger = $('[data-toggle="collapse"][href="#' + element.id + '"],' + '[data-toggle="collapse"][data-target="#' + element.id + '"]') this.transitioning = null if (this.options.parent) { this.$parent = this.getParent() } else { this.addAriaAndCollapsedClass(this.$element, this.$trigger) } if (this.options.toggle) this.toggle() } Collapse.VERSION = '3.3.6' Collapse.TRANSITION_DURATION = 350 Collapse.DEFAULTS = { toggle: true } Collapse.prototype.dimension = function () { var hasWidth = this.$element.hasClass('width') return hasWidth ? 'width' : 'height' } Collapse.prototype.show = function () { if (this.transitioning || this.$element.hasClass('in')) return var activesData var actives = this.$parent && this.$parent.children('.panel').children('.in, .collapsing') if (actives && actives.length) { activesData = actives.data('bs.collapse') if (activesData && activesData.transitioning) return } var startEvent = $.Event('show.bs.collapse') this.$element.trigger(startEvent) if (startEvent.isDefaultPrevented()) return if (actives && actives.length) { Plugin.call(actives, 'hide') activesData || actives.data('bs.collapse', null) } var dimension = this.dimension() this.$element .removeClass('collapse') .addClass('collapsing')[dimension](0) .attr('aria-expanded', true) this.$trigger .removeClass('collapsed') .attr('aria-expanded', true) this.transitioning = 1 var complete = function () { this.$element .removeClass('collapsing') .addClass('collapse in')[dimension]('') this.transitioning = 0 this.$element .trigger('shown.bs.collapse') } if (!$.support.transition) return complete.call(this) var scrollSize = $.camelCase(['scroll', dimension].join('-')) this.$element .one('bsTransitionEnd', $.proxy(complete, this)) .emulateTransitionEnd(Collapse.TRANSITION_DURATION)[dimension](this.$element[0][scrollSize]) } Collapse.prototype.hide = function () { if (this.transitioning || !this.$element.hasClass('in')) return var startEvent = $.Event('hide.bs.collapse') this.$element.trigger(startEvent) if (startEvent.isDefaultPrevented()) return var dimension = this.dimension() this.$element[dimension](this.$element[dimension]())[0].offsetHeight this.$element .addClass('collapsing') .removeClass('collapse in') .attr('aria-expanded', false) this.$trigger .addClass('collapsed') .attr('aria-expanded', false) this.transitioning = 1 var complete = function () { this.transitioning = 0 this.$element .removeClass('collapsing') .addClass('collapse') .trigger('hidden.bs.collapse') } if (!$.support.transition) return complete.call(this) this.$element [dimension](0) .one('bsTransitionEnd', $.proxy(complete, this)) .emulateTransitionEnd(Collapse.TRANSITION_DURATION) } Collapse.prototype.toggle = function () { this[this.$element.hasClass('in') ? 'hide' : 'show']() } Collapse.prototype.getParent = function () { return $(this.options.parent) .find('[data-toggle="collapse"][data-parent="' + this.options.parent + '"]') .each($.proxy(function (i, element) { var $element = $(element) this.addAriaAndCollapsedClass(getTargetFromTrigger($element), $element) }, this)) .end() } Collapse.prototype.addAriaAndCollapsedClass = function ($element, $trigger) { var isOpen = $element.hasClass('in') $element.attr('aria-expanded', isOpen) $trigger .toggleClass('collapsed', !isOpen) .attr('aria-expanded', isOpen) } function getTargetFromTrigger($trigger) { var href var target = $trigger.attr('data-target') || (href = $trigger.attr('href')) && href.replace(/.*(?=#[^\s]+$)/, '') // strip for ie7 return $(target) } function Plugin(option) { return this.each(function () { var $this = $(this) var data = $this.data('bs.collapse') var options = $.extend({}, Collapse.DEFAULTS, $this.data(), typeof option == 'object' && option) if (!data && options.toggle && /show|hide/.test(option)) options.toggle = false if (!data) $this.data('bs.collapse', (data = new Collapse(this, options))) if (typeof option == 'string') data[option]() }) } var old = $.fn.collapse $.fn.collapse = Plugin $.fn.collapse.Constructor = Collapse $.fn.collapse.noConflict = function () { $.fn.collapse = old return this } $(document).on('click.bs.collapse.data-api', '[data-toggle="collapse"]', function (e) { var $this = $(this) if (!$this.attr('data-target')) e.preventDefault() var $target = getTargetFromTrigger($this) var data = $target.data('bs.collapse') var option = data ? 'toggle' : $this.data() Plugin.call($target, option) }) }(jQuery); $(document).ready(function () { var w = $("#productListContainer li"); var h = $("#productListContainer .goods-list-pic"); $(h).height(w.width()); }); $(function () { if ($.trim($('#goodslist ul').html()) == "") { $('#productListContainer').addClass('hide'); $('#empty').removeClass('hide'); } var sort = getParam('sort'); var order = getParam('order'); if (sort && order) { debugger; var selectedLink = $('.sort a[name="' + sort + '"]'); if (order == 'desc') selectedLink.find('div').addClass('down'); else selectedLink.find('div').addClass('up'); } var sortLink = $('.sort a[href="#"]'); var storeId = getParam('storeId'); var categoryId = getParam('categoryId'); var keyWords = getParam('keyWord'); if (keyWords) $("#txtKeywords").val(unescape(unescape(keyWords))); $.each(sortLink, function (i, link) { link = $(link); url = 'productList.aspx?storeId=' + storeId + '&categoryId=' + categoryId + '&keyWord=' + keyWords; if (i > 0) {//第一個為默認面，不設置排序 url += '&sort=' + link.attr('name'); if (link.find('div.up').length > 0) url += '&order=desc'; else url += '&order=asc'; } link.attr('href', url); }); if (storeId > 0) { $(".panel-body a").each(function () { $(this).attr("href", $(this).attr("href") + "&storeId=" + storeId); }); } vshopPager('pager', $('#txtTotal').val(), 1, 20); }); function searchs() { var key = $("#txtKeywords").val(); var storeId = getParam('storeId'); var categoryId = getParam('categoryId'); var url = "ProductList?storeId=" + storeId + "&categoryId=" + categoryId + "&keyWord=" + escape(key); window.location.href = url; } if (typeof fbq != "undefined") { fbq('track', 'Search'); } </script>