</ 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"> <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=623906"> <div class="goods-list-pic col-xs-6 clearfix"> <img id="vProductList_rptProducts_ctl00_ctl00_ListImage1" src="/Storage/master/product/thumbs410/410_202302081735165585710.png" style="border-width:0px;" /> </div> </a> <div class="info"> <a href="ProductDetails.aspx?ProductId=623906"> <div class="name bcolor">男款3M科技羽絨防潑水背心</div> </a> <div class="price font-s text-danger"> $599 </div> <div class="sales text-muted font-xs"><i productid="623906" class="btnAddToCart"></i></div> </div> </li> <li class="col-xs-6"> <a href="ProductDetails.aspx?ProductId=623653"> <div class="goods-list-pic col-xs-6 clearfix"> <img id="vProductList_rptProducts_ctl01_ctl00_ListImage1" src="/Storage/master/product/thumbs410/410_202107221722161041230.png" style="border-width:0px;" /> </div> </a> <div class="info"> <a href="ProductDetails.aspx?ProductId=623653"> <div class="name bcolor">CORPOX-吸濕排汗增豔涼感運動背心-黑白條</div> </a> <div class="price font-s text-danger"> $199 </div> <div class="sales text-muted font-xs"><i productid="623653" class="btnAddToCart"></i></div> </div> </li> <li class="col-xs-6"> <a href="ProductDetails.aspx?ProductId=623652"> <div class="goods-list-pic col-xs-6 clearfix"> <img id="vProductList_rptProducts_ctl02_ctl00_ListImage1" src="/Storage/master/product/thumbs410/410_202107221717326465830.png" style="border-width:0px;" /> </div> </a> <div class="info"> <a href="ProductDetails.aspx?ProductId=623652"> <div class="name bcolor">CORPOX-吸濕排汗增豔涼感運動背心-紅白條</div> </a> <div class="price font-s text-danger"> $199 </div> <div class="sales text-muted font-xs"><i productid="623652" class="btnAddToCart"></i></div> </div> </li> <li class="col-xs-6"> <a href="ProductDetails.aspx?ProductId=623595"> <div class="goods-list-pic col-xs-6 clearfix"> <img id="vProductList_rptProducts_ctl03_ctl00_ListImage1" src="/Storage/master/product/thumbs410/410_202107061812373115030.JPG" style="border-width:0px;" /> </div> </a> <div class="info"> <a href="ProductDetails.aspx?ProductId=623595"> <div class="name bcolor">CorpoX男款持續涼感天絲背心-黑</div> </a> <div class="price font-s text-danger"> $199 </div> <div class="sales text-muted font-xs"><i productid="623595" 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="4" /> <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>