CDL001-E 8W 4000K 70° foro hole Φ73 faretti ad incasso

(function (base) {
var baseId = “#”+base;
var lightText = document.querySelector(baseId + ‘ .open-light-title .elementor-widget-text-editor p’).textContent;
document.querySelector(baseId + ‘ .image-with-switches .switch-container p.headline ‘).textContent = lightText

var imageContainer = document.querySelector(baseId + ‘ .image-with-switches .image-container’);
var hotimageElements = document.querySelectorAll(baseId + ‘ .open-light-info .elementor-widget-wd_image_hotspot’);
var imageElements = document.querySelectorAll(baseId + ‘ .open-light-info img.wd-image-hotspot-img’);

imageElements.forEach(function (img, index) {
var newImg = document.createElement(‘img’);
newImg.src = img.src;
newImg.classList.add(‘selected’, ‘darken’);
var NewPicture = document.createElement(‘picture’);
NewPicture.appendChild(newImg)
imageContainer.appendChild(NewPicture);
});
hotimageElements.forEach(function (element, index) {
if(index > 0){
var copiedElement = element.cloneNode(true);
var classNames = copiedElement.className.split(‘ ‘);
// Filter out class names starting with “elementor-col-”
var filteredClassNames = classNames.filter(function(className) {
return !className.startsWith(‘elementor-col-‘);
});
// Join the filtered class names and set the updated class attribute
copiedElement.className = filteredClassNames.join(‘ ‘);
let imgElement = copiedElement.querySelector(“img.wd-image-hotspot-img”)
imgElement.classList.add(‘lighten’, base+’_switch-‘ + (index));
if (index === 1) {
imgElement.classList.add(‘selected’);
copiedElement.querySelector(“.wd-image-hotspot-hotspots”).classList.add(“active”);
}
var NewPicture = document.createElement(‘picture’);
NewPicture.appendChild(imgElement)
NewPicture.appendChild(copiedElement)
imageContainer.appendChild(NewPicture);
}
});
var hideButton = document.querySelector(baseId + ‘ .hide-button’);
var captions = document.querySelectorAll(baseId + ‘ .open-light-info .elementor-widget-text-editor p’);
captions.forEach(function (caption, index) {
var div = document.createElement(‘div’);
var label = document.createElement(‘label’);
label.setAttribute(‘for’, base+’_switch-‘ + (index + 1));
label.classList.add(‘spacebetween’);

var captionParagraph = document.createElement(‘p’);
captionParagraph.innerHTML = caption.innerHTML.trim();
div.appendChild(captionParagraph);

var lightSwitchSpan = document.createElement(‘span’);
lightSwitchSpan.classList.add(‘light-switch’);

var checkboxInput = document.createElement(‘input’);
checkboxInput.type = ‘checkbox’;
checkboxInput.id = base+’_switch-‘ + (index + 1);
checkboxInput.checked = (index === 0); // 第一个 input 默认 checked
lightSwitchSpan.appendChild(checkboxInput);

var sliderRoundSpan = document.createElement(‘span’);
sliderRoundSpan.classList.add(‘slider’, ‘round’);

var offSpan = document.createElement(‘span’);
offSpan.classList.add(‘off’);
offSpan.textContent = ‘off’;

var onSpan = document.createElement(‘span’);
onSpan.classList.add(‘on’);
onSpan.textContent = ‘on’;

sliderRoundSpan.appendChild(offSpan);
sliderRoundSpan.appendChild(onSpan);

lightSwitchSpan.appendChild(sliderRoundSpan);
label.appendChild(lightSwitchSpan);

div.appendChild(label);
hideButton.parentNode.insertBefore(div, hideButton);
});
var switches = document.querySelectorAll(baseId + ‘ input[type=”checkbox”][id^=”‘+base+’_switch-“]’);

switches.forEach(function (switchElement) {
switchElement.addEventListener(‘change’, function () {
var switchId = switchElement.id;

var spanElement = switchElement.nextElementSibling;

var dataOn = switchElement.getAttribute(‘data-on’);
var dataOff = switchElement.getAttribute(‘data-off’);

spanElement.setAttribute(‘aria-label’, switchElement.checked ? dataOn : dataOff);
spanElement.setAttribute(‘aria-checked’, switchElement.checked);

var imageContainer = document.querySelector(baseId + ‘ .image-container ‘ + ‘.’ + switchId);

if (switchElement.checked) {
imageContainer.classList.add(‘selected’);
imageContainer.closest(‘picture’).querySelector(‘.wd-image-hotspot-hotspots’).classList.add(‘active’);
} else {
imageContainer.classList.remove(‘selected’);
imageContainer.closest(‘picture’).querySelector(‘.wd-image-hotspot-hotspots’).classList.remove(‘active’);
}
});
});

hideButton.addEventListener(‘click’, function () {
var dataValue = hideButton.getAttribute(‘data-value’);

hideButton.setAttribute(‘data-value’, dataValue === ‘show’ ? ‘hide’ : ‘show’);

var controlMeElement = hideButton.querySelector(baseId + ‘ .control-me’);

controlMeElement.textContent = dataValue === ‘show’ ? ‘show’ : ‘hide’;

var switchContainer = document.querySelector(baseId + ‘ .switch-container’);

if (dataValue === ‘show’) {
switchContainer.classList.add(‘active’);
} else {
switchContainer.classList.remove(‘active’);
}
});
}(“open-light-box”))