$(document).ready(function () {
/* 價錢篩選end*/
if($("#picSlides .picItem").length>0){
$("#picSlides").owlCarousel({
loop : true,
items : 1,
nav : false,
autoplay:true,
autoplayTimeout:5000,
slideTransition : 'linear',
});
}
$('.filterbox').ontouchmove = function(event){
event.preventDefault();
}
var _window = $(window);
var _body = $('body');
var change_1023 = 0;
var productSlidebox = $(".productSlidebox");
if(_window.width() <= 1023 && change_1023 != 1023){
change_1023 = 1023;
}else if(_window.width() > 1023 && change_1023 != 1200){
change_1023 = 1200;
productSlidebox.owlCarousel({
loop : true,
items : 1,
nav : true,
slideTransition : 'linear',
dots : false
});
}
//=============================
// 上方控制列的手機版彈窗 start
//=============================
//由.toptitle-mobile-btn上的data-index作key
//value為對應的彈窗class
var toptitleMap = {
"filter" : ".toptitle-filter-wrapper",
"order" : ".toptitle-orderlist-wrapper"
}
$(".toptitle-mobile-btn").on("click", function(){
let index = $(this).data("index")
if($(this).hasClass("open")){
//開啟的是自己 關掉自己
$("#topTitle").removeClass("popup-open")
$(this).removeClass("open")
$(toptitleMap[index]).removeClass("open")
}else if($("#topTitle").hasClass("popup-open")){
//開啟的是別的彈窗 關掉其他彈窗 開啟自己
$(".toptitle-mobile-btn").removeClass("open")
$(".toptitle-sub-wrapper").removeClass("open")
$(this).addClass("open")
$(toptitleMap[index]).addClass("open")
}else{
//誰都沒開 開啟自己
$("#topTitle").addClass("popup-open")
$(this).addClass("open")
$(toptitleMap[index]).addClass("open")
}
})
//點擊灰色區塊關閉全部
$(".toptitle-popup-wrapper").on("click", function(e){
if($(e.target).hasClass("toptitle-popup-wrapper")){
$(".toptitle-sub-wrapper").removeClass("open")
$(".toptitle-mobile-btn").removeClass("open")
$("#topTitle").removeClass("popup-open")
}
})
//關掉篩選器彈窗(確認按鈕)
$(document).on("click", ".filter-check-btn", function(){
$("#topTitle").removeClass("popup-open")
$(".toptitle-filter-wrapper").removeClass("open")
$(".filter-button").removeClass("open")
})
//=============================
// 上方控制列的手機版彈窗 end
//=============================
$('#viewMode .view-three').on('click',function(){
// console.log('message');
$('#viewMode .view-three').addClass('now');
$('#viewMode .view-four').removeClass('now');
$('.content').removeClass('view-four').addClass('view-three hide-back');
$('.content .warpper').show();
setTimeout(function(){
$('.content').removeClass('hide-back');
productSlidebox.trigger('destroy.owl.carousel').removeClass('owl-carousel owl-loaded');
productSlidebox.find('.owl-stage-outer').children().unwrap();
productSlidebox.owlCarousel({
loop : true,
items : 1,
nav : true,
dots: false,
slideTransition : 'linear',
navText:["",""],
});
},380);
});
$('#viewMode .view-four').on('click',function(){
$('#viewMode .view-four').addClass('now');
$('#viewMode .view-three').removeClass('now');
$('.content').removeClass('view-three').addClass('view-four hide-back');
// $('.content .warpper').hide();
setTimeout(function(){
$('.content').removeClass('hide-back');
productSlidebox.trigger('destroy.owl.carousel').removeClass('owl-carousel owl-loaded');
productSlidebox.find('.owl-stage-outer').children().unwrap();
productSlidebox.owlCarousel({
loop : true,
items : 1,
nav : true,
dots: false,
slideTransition : 'linear',
navText:["",""],
});
},380);
});
//手機版排序按鈕
$(".toptitle-orderlist-item").on("click", function(){
$(".toptitle-orderlist-item").removeClass("checked")
let value = $(this).data("value")
$("#orderbox").val(value).change()
$(this).addClass("checked")
})
});