Méduse

.color-name-placeholder.empty { color: red; font-weight: normal; }document.addEventListener('DOMContentLoaded', function () { setTimeout(function () { // Show the label after delay const wrapper = document.getElementById('custom-color-label-wrap'); if (wrapper) wrapper.style.display = 'block';const target = document.getElementById('custom-color-name');function updateColorName() { const selected = document.querySelector('li[data-attribute_name="attribute_pa_couleurs"].selected'); const name = selected?.getAttribute('data-title') || selected?.getAttribute('title') || '';if (target) { if (name) { target.textContent = name; target.classList.remove('empty'); } else { target.textContent = 'Veuillez sélectionner une couleur disponible'; target.classList.add('empty'); } } }updateColorName();const swatchWrapper = document.querySelector('.variations_form'); if (swatchWrapper) { const observer = new MutationObserver(updateColorName); observer.observe(swatchWrapper, { attributes: true, childList: true, subtree: true }); } }, 500); // 500ms delay before showing the block and running the logic });