Gabions at GONSER

document.addEventListener('DOMContentLoaded', function() { const upperCloseButton = document.querySelector('.modal-header .close'); if (upperCloseButton) { upperCloseButton.classList.add('pl-4'); } const additionalFiltersButton = document.querySelector('.additionalFiltersButton'); if (additionalFiltersButton) { additionalFiltersButton.classList.add('d-none'); const observer = new MutationObserver(function(mutations) { mutations.forEach(function(mutation) { if (mutation.addedNodes.length) { const filterWrapper = document.querySelector('.findologic-filter-wrapper'); if (filterWrapper) { if (filterWrapper.children.length > 1) { additionalFiltersButton.classList.add('d-md-block'); } else { additionalFiltersButton.classList.remove('d-md-block'); } } } }); }); observer.observe(document.body, { childList: true, subtree: true }); } const filterModal = document.getElementById('filterModal'); if (filterModal) { const filterWrapper = filterModal.querySelector('.findologic-filter-wrapper'); if (filterWrapper) { let secondDiv = filterWrapper.querySelector(':scope > div:not(.main-filters)'); if (!secondDiv) { secondDiv = document.createElement('div'); filterWrapper.appendChild(secondDiv); } let ml0Div = secondDiv.querySelector('.ml-0'); if (!ml0Div) { ml0Div = document.createElement('div'); ml0Div.classList.add('ml-0'); secondDiv.appendChild(ml0Div); } let containerMaxDiv = ml0Div.querySelector('.container-max.component-loading'); if (!containerMaxDiv) { containerMaxDiv = document.createElement('div'); containerMaxDiv.classList.add('container-max', 'component-loading'); ml0Div.appendChild(containerMaxDiv); } let rowDiv = containerMaxDiv.querySelector('.row'); if (!rowDiv) { rowDiv = document.createElement('div'); rowDiv.classList.add('row'); containerMaxDiv.appendChild(rowDiv); } rowDiv.style.justifyContent = 'space-between'; const filterToggleButton = rowDiv.querySelector('.filter-toggle.no-main-filters-filter-toggle'); const closeButton = document.createElement('button'); closeButton.type = 'button'; closeButton.setAttribute('data-dismiss', 'modal'); closeButton.setAttribute('aria-label', 'close'); closeButton.classList.add('btn', 'btn-link', 'close-button'); closeButton.style.marginLeft = 'auto'; const span = document.createElement('span'); span.textContent = 'Close'; const icon = document.createElement('i'); icon.classList.add('fa', 'fa-times', 'ml-1'); icon.setAttribute('aria-hidden', 'true'); span.appendChild(icon); closeButton.appendChild(span); rowDiv.appendChild(closeButton); if (filterToggleButton) { filterToggleButton.innerHTML = ` GonserDT::Template.moreFilters `; } const filterCollapse = filterModal.querySelector('#filterCollapse'); if (filterCollapse) { const pageContent = filterCollapse.querySelector('.page-content'); if (pageContent) { const cardColumns = pageContent.querySelector('.card-columns'); if (cardColumns) { const w100 = cardColumns.querySelector('.w-100'); if (w100 && w100.children.length > 0) { filterToggleButton.classList.remove('d-none'); } else { filterToggleButton.classList.add('d-none'); } const observer = new MutationObserver(function(mutations) { mutations.forEach(function(mutation) { if (mutation.addedNodes.length || mutation.removedNodes.length) { if (w100.children.length > 0) { filterToggleButton.classList.remove('d-none'); } else { filterToggleButton.classList.add('d-none'); } } }); }); observer.observe(w100, { childList: true }); } } } } } });
{ "@context":"http://schema.org/", "@type":"ItemList", "name": "Gabions", "itemListElement": [{"@type":"ListItem","position":1,"name":"Gabion 100 x 30 x 50 cm","url":"https:\/\/www.gonser.ch\/en\/gabion-100-x-30-x-50-cm\/a-19349\/","image":"https:\/\/cdn10.plentymarkets.com\/mrt54q44tptl\/item\/images\/19349\/middle\/Steingabione-100--30--50cm--7-Anzeigebild.jpg"},{"@type":"ListItem","position":2,"name":"Gabion 30 x 30 x 150 cm","url":"https:\/\/www.gonser.ch\/en\/gabion-30-x-30-x-150-cm\/a-19346\/","image":"https:\/\/cdn10.plentymarkets.com\/mrt54q44tptl\/item\/images\/19346\/middle\/Steingabione-30--30x150cm--2-Anzeigebild.jpg"},{"@type":"ListItem","position":3,"name":"Gabion 30 x 30 x 200 cm","url":"https:\/\/www.gonser.ch\/en\/gabion-30-x-30-x-200-cm\/a-19347\/","image":"https:\/\/cdn10.plentymarkets.com\/mrt54q44tptl\/item\/images\/19347\/middle\/Steingabione-30--30x200cm--2-Anzeigebild.jpg"},{"@type":"ListItem","position":4,"name":"Gabion 100 x 30 x 30 cm","url":"https:\/\/www.gonser.ch\/en\/gabion-100-x-30-x-30-cm\/a-19348\/","image":"https:\/\/cdn10.plentymarkets.com\/mrt54q44tptl\/item\/images\/19348\/middle\/Gabione-100-x-30-x-30-cm-liegend--3--opt-Anzeigebild.jpg"},{"@type":"ListItem","position":5,"name":"Gabion 30 x 30 x 100 cm","url":"https:\/\/www.gonser.ch\/en\/gabion-30-x-30-x-100-cm\/a-19345\/","image":"https:\/\/cdn10.plentymarkets.com\/mrt54q44tptl\/item\/images\/19345\/middle\/Steingabione-30--30--100cm--3-Anzeigebild.jpg"},{"@type":"ListItem","position":6,"name":"Gabion 30 x 30 x 50 cm","url":"https:\/\/www.gonser.ch\/en\/gabion-30-x-30-x-50-cm\/a-19344\/","image":"https:\/\/cdn10.plentymarkets.com\/mrt54q44tptl\/item\/images\/19344\/middle\/Steingabione-30--30--50cm--1--Anzeigebild.jpg"},{"@type":"ListItem","position":7,"name":"Gabion 100 x 30 x 100 cm","url":"https:\/\/www.gonser.ch\/en\/gabion-100-x-30-x-100-cm\/a-19351\/","image":"https:\/\/cdn10.plentymarkets.com\/mrt54q44tptl\/item\/images\/19351\/middle\/Steingabione-100--30--100cm--1-.jpg"},{"@type":"ListItem","position":8,"name":"Gabion 100 x 30 x 80 cm","url":"https:\/\/www.gonser.ch\/en\/gabion-100-x-30-x-80-cm\/a-19350\/","image":"https:\/\/cdn10.plentymarkets.com\/mrt54q44tptl\/item\/images\/19350\/middle\/Steingabione-100--30--80cm--2-Anzeigebild.jpg"}] }