</ 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=8">棉被</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=623932"> <div class="goods-list-pic col-xs-6 clearfix"> <img id="vProductList_rptProducts_ctl00_ctl00_ListImage1" src="/Storage/master/product/thumbs410/410_202403111505313801290.jpg" style="border-width:0px;" /> </div> </a> <div class="info"> <a href="ProductDetails.aspx?ProductId=623932"> <div class="name bcolor">羊毛棉緹花毯</div> </a> <div class="price font-s text-danger"> $790 </div> <div class="sales text-muted font-xs"><i productid="623932" class="btnAddToCart"></i></div> </div> </li> <li class="col-xs-6"> <a href="ProductDetails.aspx?ProductId=623311"> <div class="goods-list-pic col-xs-6 clearfix"> <img id="vProductList_rptProducts_ctl01_ctl00_ListImage1" src="/Storage/master/product/thumbs410/410_202105311625432264340.jpg" style="border-width:0px;" /> </div> </a> <div class="info"> <a href="ProductDetails.aspx?ProductId=623311"> <div class="name bcolor">【光影響宴】純棉大緹花寢具特大4件組</div> </a> <div class="price font-s text-danger"> $2990 </div> <div class="sales text-muted font-xs"><i productid="623311" class="btnAddToCart"></i></div> </div> </li> <li class="col-xs-6"> <a href="ProductDetails.aspx?ProductId=623309"> <div class="goods-list-pic col-xs-6 clearfix"> <img id="vProductList_rptProducts_ctl02_ctl00_ListImage1" src="/Storage/master/product/thumbs410/410_202105311550371170450.jpg" style="border-width:0px;" /> </div> </a> <div class="info"> <a href="ProductDetails.aspx?ProductId=623309"> <div class="name bcolor">【光影響宴】全棉大緹花寢具4件組</div> </a> <div class="price font-s text-danger"> $2690 </div> <div class="sales text-muted font-xs"><i productid="623309" class="btnAddToCart"></i></div> </div> </li> <li class="col-xs-6"> <a href="ProductDetails.aspx?ProductId=623306"> <div class="goods-list-pic col-xs-6 clearfix"> <img id="vProductList_rptProducts_ctl03_ctl00_ListImage1" src="/Storage/master/product/thumbs410/410_202105311525494151110.jpg" style="border-width:0px;" /> </div> </a> <div class="info"> <a href="ProductDetails.aspx?ProductId=623306"> <div class="name bcolor">健康能量仿毛皮眼罩</div> </a> <div class="price font-s text-danger"> $270 </div> <div class="sales text-muted font-xs"><i productid="623306" class="btnAddToCart"></i></div> </div> </li> <li class="col-xs-6"> <a href="ProductDetails.aspx?ProductId=623305"> <div class="goods-list-pic col-xs-6 clearfix"> <img id="vProductList_rptProducts_ctl04_ctl00_ListImage1" src="/Storage/master/product/thumbs410/410_202105311521460223350.jpg" style="border-width:0px;" /> </div> </a> <div class="info"> <a href="ProductDetails.aspx?ProductId=623305"> <div class="name bcolor">健康能量簡式眼罩</div> </a> <div class="price font-s text-danger"> $150 </div> <div class="sales text-muted font-xs"><i productid="623305" class="btnAddToCart"></i></div> </div> </li> <li class="col-xs-6"> <a href="ProductDetails.aspx?ProductId=623301"> <div class="goods-list-pic col-xs-6 clearfix"> <img id="vProductList_rptProducts_ctl05_ctl00_ListImage1" src="/Storage/master/product/thumbs410/410_202105311456186970400.jpg" style="border-width:0px;" /> </div> </a> <div class="info"> <a href="ProductDetails.aspx?ProductId=623301"> <div class="name bcolor">AVALON 色織緹花兩用被特大床包6件組</div> </a> <div class="price font-s text-danger"> $2480 </div> <div class="sales text-muted font-xs"><i productid="623301" class="btnAddToCart"></i></div> </div> </li> <li class="col-xs-6"> <a href="ProductDetails.aspx?ProductId=623296"> <div class="goods-list-pic col-xs-6 clearfix"> <img id="vProductList_rptProducts_ctl06_ctl00_ListImage1" src="/Storage/master/product/thumbs410/410_202105311214174880100.jpg" style="border-width:0px;" /> </div> </a> <div class="info"> <a href="ProductDetails.aspx?ProductId=623296"> <div class="name bcolor">全棉色織緹花兩用被加大床包6件組</div> </a> <div class="price font-s text-danger"> $2380 </div> <div class="sales text-muted font-xs"><i productid="623296" class="btnAddToCart"></i></div> </div> </li> <li class="col-xs-6"> <a href="ProductDetails.aspx?ProductId=623295"> <div class="goods-list-pic col-xs-6 clearfix"> <img id="vProductList_rptProducts_ctl07_ctl00_ListImage1" src="/Storage/master/product/thumbs410/410_202105311209579084010.jpg" style="border-width:0px;" /> </div> </a> <div class="info"> <a href="ProductDetails.aspx?ProductId=623295"> <div class="name bcolor">全棉色織緹花兩用被雙人6件組</div> </a> <div class="price font-s text-danger"> $2300 </div> <div class="sales text-muted font-xs"><i productid="623295" class="btnAddToCart"></i></div> </div> </li> <li class="col-xs-6"> <a href="ProductDetails.aspx?ProductId=623294"> <div class="goods-list-pic col-xs-6 clearfix"> <img id="vProductList_rptProducts_ctl08_ctl00_ListImage1" src="/Storage/master/product/thumbs410/410_202105311152320117510.jpg" style="border-width:0px;" /> </div> </a> <div class="info"> <a href="ProductDetails.aspx?ProductId=623294"> <div class="name bcolor">艾薇兒 全棉緹花特大雙人四件組</div> </a> <div class="price font-s text-danger"> $1500 </div> <div class="sales text-muted font-xs"><i productid="623294" class="btnAddToCart"></i></div> </div> </li> <li class="col-xs-6"> <a href="ProductDetails.aspx?ProductId=623292"> <div class="goods-list-pic col-xs-6 clearfix"> <img id="vProductList_rptProducts_ctl09_ctl00_ListImage1" src="/Storage/master/product/thumbs410/410_202105311139529441490.jpg" style="border-width:0px;" /> </div> </a> <div class="info"> <a href="ProductDetails.aspx?ProductId=623292"> <div class="name bcolor">艾薇兒 全棉緹花薄被標準雙人四件組</div> </a> <div class="price font-s text-danger"> $1450 </div> <div class="sales text-muted font-xs"><i productid="623292" class="btnAddToCart"></i></div> </div> </li> <li class="col-xs-6"> <a href="ProductDetails.aspx?ProductId=623291"> <div class="goods-list-pic col-xs-6 clearfix"> <img id="vProductList_rptProducts_ctl10_ctl00_ListImage1" src="/Storage/master/product/thumbs410/410_202105281740037041860.jpg" style="border-width:0px;" /> </div> </a> <div class="info"> <a href="ProductDetails.aspx?ProductId=623291"> <div class="name bcolor">星空 全棉小緹花特大雙人4件組</div> </a> <div class="price font-s text-danger"> $2300 </div> <div class="sales text-muted font-xs"><i productid="623291" class="btnAddToCart"></i></div> </div> </li> <li class="col-xs-6"> <a href="ProductDetails.aspx?ProductId=623289"> <div class="goods-list-pic col-xs-6 clearfix"> <img id="vProductList_rptProducts_ctl11_ctl00_ListImage1" src="/Storage/master/product/thumbs410/410_202105281713314855210.jpg" style="border-width:0px;" /> </div> </a> <div class="info"> <a href="ProductDetails.aspx?ProductId=623289"> <div class="name bcolor">星空 全棉小提花織帶標準4件組</div> </a> <div class="price font-s text-danger"> $2200 </div> <div class="sales text-muted font-xs"><i productid="623289" class="btnAddToCart"></i></div> </div> </li> <li class="col-xs-6"> <a href="ProductDetails.aspx?ProductId=623282"> <div class="goods-list-pic col-xs-6 clearfix"> <img id="vProductList_rptProducts_ctl12_ctl00_ListImage1" src="/Storage/master/product/thumbs410/410_202105310946037992800.JPG" style="border-width:0px;" /> </div> </a> <div class="info"> <a href="ProductDetails.aspx?ProductId=623282"> <div class="name bcolor">舒眠極簡直條特大四件組</div> </a> <div class="price font-s text-danger"> $1600 </div> <div class="sales text-muted font-xs"><i productid="623282" class="btnAddToCart"></i></div> </div> </li> <li class="col-xs-6"> <a href="ProductDetails.aspx?ProductId=623281"> <div class="goods-list-pic col-xs-6 clearfix"> <img id="vProductList_rptProducts_ctl13_ctl00_ListImage1" src="/Storage/master/product/thumbs410/410_202105310954057264810.JPG" style="border-width:0px;" /> </div> </a> <div class="info"> <a href="ProductDetails.aspx?ProductId=623281"> <div class="name bcolor">舒眠極簡直條加大四件組</div> </a> <div class="price font-s text-danger"> $1500 </div> <div class="sales text-muted font-xs"><i productid="623281" class="btnAddToCart"></i></div> </div> </li> <li class="col-xs-6"> <a href="ProductDetails.aspx?ProductId=623280"> <div class="goods-list-pic col-xs-6 clearfix"> <img id="vProductList_rptProducts_ctl14_ctl00_ListImage1" src="/Storage/master/product/thumbs410/410_202105310948308022100.JPG" style="border-width:0px;" /> </div> </a> <div class="info"> <a href="ProductDetails.aspx?ProductId=623280"> <div class="name bcolor">舒眠極簡直條標準雙人四件組</div> </a> <div class="price font-s text-danger"> $1300 </div> <div class="sales text-muted font-xs"><i productid="623280" class="btnAddToCart"></i></div> </div> </li> <li class="col-xs-6"> <a href="ProductDetails.aspx?ProductId=623279"> <div class="goods-list-pic col-xs-6 clearfix"> <img id="vProductList_rptProducts_ctl15_ctl00_ListImage1" src="/Storage/master/product/thumbs410/410_202105281049289641830.JPG" style="border-width:0px;" /> </div> </a> <div class="info"> <a href="ProductDetails.aspx?ProductId=623279"> <div class="name bcolor">舒眠極簡經典格特大床包四件組</div> </a> <div class="price font-s text-danger"> $1300 </div> <div class="sales text-muted font-xs"><i productid="623279" class="btnAddToCart"></i></div> </div> </li> <li class="col-xs-6"> <a href="ProductDetails.aspx?ProductId=623278"> <div class="goods-list-pic col-xs-6 clearfix"> <img id="vProductList_rptProducts_ctl16_ctl00_ListImage1" src="/Storage/master/product/thumbs410/410_202105311000073197660.JPG" style="border-width:0px;" /> </div> </a> <div class="info"> <a href="ProductDetails.aspx?ProductId=623278"> <div class="name bcolor">舒眠極簡經典格加大四件組</div> </a> <div class="price font-s text-danger"> $1300 </div> <div class="sales text-muted font-xs"><i productid="623278" class="btnAddToCart"></i></div> </div> </li> <li class="col-xs-6"> <a href="ProductDetails.aspx?ProductId=623277"> <div class="goods-list-pic col-xs-6 clearfix"> <img id="vProductList_rptProducts_ctl17_ctl00_ListImage1" src="/Storage/master/product/thumbs410/410_202105311006159481980.JPG" style="border-width:0px;" /> </div> </a> <div class="info"> <a href="ProductDetails.aspx?ProductId=623277"> <div class="name bcolor">舒眠極簡:經典格標準四件組</div> </a> <div class="price font-s text-danger"> $1280 </div> <div class="sales text-muted font-xs"><i productid="623277" class="btnAddToCart"></i></div> </div> </li> <li class="col-xs-6"> <a href="ProductDetails.aspx?ProductId=623269"> <div class="goods-list-pic col-xs-6 clearfix"> <img id="vProductList_rptProducts_ctl18_ctl00_ListImage1" src="/Storage/master/product/thumbs410/410_202105311013515143990.jpg" style="border-width:0px;" /> </div> </a> <div class="info"> <a href="ProductDetails.aspx?ProductId=623269"> <div class="name bcolor">仿皮革抱枕 - 正方形</div> </a> <div class="price font-s text-danger"> $300 </div> <div class="sales text-muted font-xs"><i productid="623269" class="btnAddToCart"></i></div> </div> </li> <li class="col-xs-6"> <a href="ProductDetails.aspx?ProductId=623268"> <div class="goods-list-pic col-xs-6 clearfix"> <img id="vProductList_rptProducts_ctl19_ctl00_ListImage1" src="/Storage/master/product/thumbs410/410_202105280909404619310.jpg" style="border-width:0px;" /> </div> </a> <div class="info"> <a href="ProductDetails.aspx?ProductId=623268"> <div class="name bcolor">長方形拼接平絨裝飾枕</div> </a> <div class="price font-s text-danger"> $350 </div> <div class="sales text-muted font-xs"><i productid="623268" 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="65" /> <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>