Les mini-jardins, vous connaissez ?
Inspirés par cette nouvelle tendance, nous avons décidé de la revisiter quelque peu en vous proposant un mini-jardin en espalier, épuré, fait de pots en terre cuite arborant des motifs géométriques et peints dans des tons pastel.
Si vous souhaitez savoir comment faire, nous vous disons tout grâce une fiche créative détaillée.
En bonus : nos trucs et astuces pour en faire une mini-fontaine.
if (additional_data) {
const quickview_buttons = document.querySelectorAll('.element_artikel__quickview_button');
quickview_buttons.forEach((button) => {
button.addEventListener('click', () => {
triggerTmClickEvent(button.dataset.loadQuickview);
const checkModalLoaded = () => {
const modalBody = document.querySelector('.modal-body');
if (modalBody && modalBody.dataset.templateLoaded === 'true') {
addGtmArtikelEvents();
return true;
}
return false;
};
const intervalId = setInterval(() => {
if (checkModalLoaded()) {
clearInterval(intervalId);
}
}, 100);
});
});
const addGtmArtikelEvents = () => {
const product_images = document.querySelectorAll('div[data-image-artikel-id]');
product_images.forEach((container) => {
const image = container.querySelector('img');
if (image.dataset.gtmInitialized === 'true') return;
image.setAttribute('data-gtm-initialized', 'true');
const artikelId = container.dataset.imageArtikelId;
if (image && artikelId) {
image.addEventListener('click', () => {
triggerTmClickEvent(artikelId);
});
}
});
const artikel_links = document.querySelectorAll('a[data-artikel-id]');
artikel_links.forEach((link) => {
if (link.dataset.gtmInitialized === 'true') return;
link.setAttribute('data-gtm-initialized', 'true');
link.addEventListener('click', () =>{
triggerTmClickEvent(link.dataset.artikelId);
});
});
const buy_buttons = document.querySelectorAll('.buy-button');
buy_buttons.forEach((button) => {
if (button.dataset.gtmInitialized === 'true') return;
button.setAttribute('data-gtm-initialized', 'true');
button.addEventListener('click', () => {
let productId = 0;
if (button.dataset.artikelId && button.dataset.artikelId > 0) {
productId = button.dataset.artikelId;
if (productId <= 0) {
productId = Number(button.dataset.artikelId ?? 0);
}
} else {
let variantSelectElement = button.parentElement.querySelector(".element_artikel__variant_select");
productId = Number(variantSelectElement?.dataset.lastSelectedValue ?? 0);
}
let quantityElement;
if (document.getElementById('wk_menge[' + productId + ']')) {
quantityElement = document.getElementById('wk_menge[' + productId + ']');
} else if (document.querySelectorAll("input[data-product-id='" + productId + "']")) {
quantityElement = document.querySelectorAll("input[data-product-id='" + productId + "']");
} else {
quantityElement = button.parentElement.querySelector(`.element_artikel__qty`);
}
const quantity = Number(quantityElement.value);
if (productId && quantity) {
triggerTmAddEvent(productId, quantity);
}
// if multiple products are to be added
if (button.classList.contains('buy_selected')) {
button.closest('form').querySelectorAll('.element_artikel_large--themenset').forEach(
function (elem) {
if (elem.querySelectorAll('.element_artikel_large__add_to_cart_checkbox')[0].checked) {
let prodId = elem.querySelectorAll('input[type="number"]')[0].dataset.productId;
let qty = elem.querySelectorAll('input[type="number"]')[0].value;
if (prodId && qty) {
triggerTmAddEvent(prodId, qty);
}
}
}
);
}
/*if (button.dataset.artikelId) {
triggerTmAddEvent(button.dataset.artikelId, additional_data);
} else {
const multipleArtikelForm = button.closest('form');
const buyButtons = multipleArtikelForm.querySelectorAll('.buy-button');
buyButtons.forEach((buyButton) => {
triggerTmAddEvent(buyButton.dataset.artikelId, additional_data);
});
}*/
});
});
const wishlist_buttons = document.querySelectorAll('.artikel_detail__buybox_fav_button');
wishlist_buttons.forEach((button) => {
if (button.dataset.gtmInitialized === 'true') return;
button.setAttribute('data-gtm-initialized', 'true');
button.addEventListener('click', () => {
if(button.dataset.isOnFavList === 'true') {
triggerTmWishlistRemoveEvent(button.dataset.artikelId);
} else {
triggerTmWishlistAddEvent(button.dataset.artikelId);
}
});
});
}
addGtmArtikelEvents();
const artikel_remove_buttons = document.querySelectorAll('[data-remove-artikel]');
artikel_remove_buttons.forEach((button) => {
button.addEventListener('click', () => {
const artikelId = button.dataset.removeArtikel;
triggerTmRemoveEvent(artikelId);
});
});
}
/****************
* Page events *
****************/
if (utag_data) {
gtm.pushOnLoad(utag_data, 'themenset_detail');
}
