definicao de layout
This commit is contained in:
63
public/assets/js/product-tab.js
Normal file
63
public/assets/js/product-tab.js
Normal file
@@ -0,0 +1,63 @@
|
||||
//list layout view
|
||||
$('.grid-layout-view').on('click', function(e) {
|
||||
$('.product-wrapper-grid').removeClass("list-view");
|
||||
$(".product-wrapper-grid").children().children().removeClass("col-xl-12");
|
||||
|
||||
});
|
||||
$('.list-layout-view').on('click', function(e) {
|
||||
$('.collection-grid-view').css('opacity', '0');
|
||||
$(".product-wrapper-grid").css("opacity","0.2");
|
||||
$('.product-wrapper-grid').addClass("list-view");
|
||||
$(".product-wrapper-grid").children().children();
|
||||
$(".product-wrapper-grid").children().children().addClass("col-xl-12");
|
||||
setTimeout(function(){
|
||||
$(".product-wrapper-grid").css("opacity","1");
|
||||
}, 500);
|
||||
});
|
||||
|
||||
// owl carousl
|
||||
$(document).ready(function() {
|
||||
$("#testimonial").owlCarousel({
|
||||
items :1,
|
||||
margin:30,
|
||||
loop : true,
|
||||
pagination:true,
|
||||
navigationText:true,
|
||||
dots:false,
|
||||
nav: true
|
||||
});
|
||||
});
|
||||
|
||||
// grid options
|
||||
$('.product-2-layout-view').on('click', function(e) {
|
||||
if($('.product-wrapper-grid').hasClass("list-view")) {}
|
||||
else{
|
||||
$(".product-wrapper-grid").children().children().removeClass();
|
||||
$(".product-wrapper-grid").children().children().addClass("col-xl-6");
|
||||
$(".product-wrapper-grid").children().children().addClass("col-sm-6");
|
||||
}
|
||||
});
|
||||
$('.product-3-layout-view').on('click', function(e) {
|
||||
if($('.product-wrapper-grid').hasClass("list-view")) {}
|
||||
else{
|
||||
$(".product-wrapper-grid").children().children().removeClass();
|
||||
$(".product-wrapper-grid").children().children().addClass("col-xl-4");
|
||||
$(".product-wrapper-grid").children().children().addClass("col-sm-4");
|
||||
}
|
||||
});
|
||||
$('.product-4-layout-view').on('click', function(e) {
|
||||
if($('.product-wrapper-grid').hasClass("list-view")) {}
|
||||
else{
|
||||
$(".product-wrapper-grid").children().children().removeClass();
|
||||
$(".product-wrapper-grid").children().children().addClass("col-xl-3");
|
||||
$(".product-wrapper-grid").children().children().addClass("col-sm-3");
|
||||
}
|
||||
});
|
||||
$('.product-6-layout-view').on('click', function(e) {
|
||||
if($('.product-wrapper-grid').hasClass("list-view")) {}
|
||||
else{
|
||||
$(".product-wrapper-grid").children().children().removeClass();
|
||||
$(".product-wrapper-grid").children().children().addClass("col-xl-2");
|
||||
}
|
||||
});
|
||||
|
||||
Reference in New Issue
Block a user