Tote-bag
200 Kč
)
toutes les valeurs des options doivent etre disponibles
// Ajouter compare_at_price="true"
// Ajouter price="true"
var product_id = "43216740909294";
var option1 = "Default Title";
var option2 = "";
var all_variants = [
{id: "43216740909294", price: "200 Kč", available: false, compare_at_price: "", image_id:"", option1: "Default Title", option2: ""} ]
$(document).ready(function(){
// Slider
var galleryTop = new Swiper('#swiper__product', {
effect: 'fade',
fade: { crossFade: true },
pagination: {
el: '.swiper-pagination',
type: 'bullets',
clickable: true
},
navigation: {
nextEl: '#swiper-next-top-product-right',
prevEl: '#swiper-prev-top-product-left'
},
loop: true
});
$('.swiper-slide.thumb--element').click( function(){
var data_slider = $(this).attr('data-slider');
$('.thumb--element.active__slide').not(this).toggleClass('active__slide');
$(this).addClass('active__slide');
galleryTop.slideTo(data_slider, 300);
})
//Recupere URL et mets en parametre la variante
var parseQueryString = function() {
var str = window.location.search;
var objURL = {};
str.replace(
new RegExp( "([^?=&]+)(=([^&]*))?", "g"),
function( $0, $1, $2, $3 ){
objURL[ $1 ] = $3;
}
);
return objURL;
};
var params = parseQueryString()
var queryVariantId = params["variant"]
for (var i = 0; i < all_variants.length; i++) {
var variant = all_variants[i];
if (variant.id == queryVariantId) {
var imageId = variant.image_id;
if (imageId) {
var swiperIndex = $('.swiper-slide[image-id='+imageId+']').attr('data-slide-index');
galleryTop.slideTo(swiperIndex,300);
}
}
}
$('.list__option--item').on('click', function(){
var option__number = $(this).attr("option-number");
var option__value = $(this).attr("option-value");
var options__selected = {option1: "", option2: ""};
if (option__number == 1) {
options__selected.option1 = option__value;
options__selected.option2 = $('.list__option--item[option-number=2].selected__option').attr("option-value") || "";
} else if (option__number == 2) {
options__selected.option1 = $('.list__option--item[option-number=1].selected__option').attr("option-value") || "";
options__selected.option2 = option__value;
}
$(this).siblings('.selected__option').removeClass('selected__option');
$(this).addClass('selected__option');
for (var i = 0; i < all_variants.length; i++) {
var variant = all_variants[i]
if (variant.option1 == options__selected.option1 && variant.option2 == options__selected.option2) {
var newUrl = window.location.protocol + '//' + window.location.host + window.location.pathname + '?variant=' + variant.id;
var imageId = variant.image_id;
if (imageId) {
var swiperIndex = $('.swiper-slide[image-id='+imageId+']').attr('data-slide-index');
galleryTop.slideTo(swiperIndex,300);
}
var changeVariant = new CustomEvent("changeVariant", {detail: variant});
window.dispatchEvent(changeVariant);
window.history.replaceState({ path: newUrl }, '', newUrl);
$('#product-select').val(variant.id)
// Modifier selon le theme
$('.ProductMeta__Price[compare_at_price="true"]').text(variant.compare_at_price);
$('.ProductMeta__Price[price="true"]').text(variant.price);
}
}
})
function barresCerealesOptions() {
var selected__format = $('.list__option--item.selected__option[option-number="1"] p').text();
var selected__saveur = $('.list__option--item.selected__option[option-number="2"] p').text();
if (selected__format == "Lot de 1") {
$('.list__option--item[option-value="3 saveurs"]').hide();
$('.list__option--item[option-number="2"]').removeClass('selected__option');
$('.list__option--item[option-value!="3 saveurs"][option-number="2"]').show();
$('.list__option--item[option-value="Banane - Caramel"]').click();
} else {
$('.list__option--item[option-value="3 saveurs"]').show();
$('.list__option--item[option-number="2"]').removeClass('selected__option');
$('.list__option--item[option-number="2"]').removeClass('selected__option');
$('.list__option--item[option-value!="3 saveurs"][option-number="2"]').hide();
$('.list__option--item[option-value="3 saveurs"]').click();
}
}
barresCerealesOptions()
$('.list__option--item[option-number="1"]').on('click', function(){
barresCerealesOptions()
})
window.addEventListener("changeVariant", function(evt) {
var variant = evt.detail;
if (!variant.available) {
//$('#alertStockTitle').show();
//$('#button-stick-cart button').text('Rupture');
//$('#button-stick-cart').addClass('sold__out');
$('.ProductForm__AddToCart').attr('data-variant-id', variant.id).attr('data-action', '').attr('id', 'BIS_trigger')
$('.ProductForm__AddToCart').text('Rupture | Me prévenir');
//$('.ProductForm__AddToCart').addClass('disabled__button');
//$('.ProductForm__AddToCart').prop("disabled", true);
} else {
//$('#alertStockTitle').hide();
//$('#button-stick-cart button').text('Ajouter');
//$('#button-stick-cart').removeClass('sold__out');
$('.ProductForm__AddToCart').attr('data-variant-id', variant.id).attr('data-action', 'add-to-cart').attr('id', '')
$('.ProductForm__AddToCart').text('Ajouter au panier');
//$('.ProductForm__AddToCart').removeClass('disabled__button');
//$('.ProductForm__AddToCart').prop("disabled", false);
}
}, false);
})
100% stylé
100% écolo
100% pratique
Ce tote bag D-LAB est aussi pratique qu’élégant. Un daily bag très résistant parfait pour vos daily needs. Ce tote bag réutilisable à l’infini vous permettra de transporter vos courses, vos affaires de yoga, vos livres … et bien sûr vos cures D-LAB !
Actifs titrés et concentrés
Cruelty free
Sans Gluten
La marque D-LAB
Pour garantir des formules respectueuses de l’organisme, D-LAB a choisi des enveloppes végétales et des ingrédients issus de la Greentech française non irradiés, sans OGM, sans nano-particules, sans conservateurs et non testés sur les animaux. #MIAM