document.addEventListener('DOMContentLoaded', function () {
var wrap = document.querySelector('.wapf-wrapper');
if (wrap && !wrap.classList.contains('flycase-init-loading')) {
wrap.classList.add('flycase-init-loading');
}
});
jQuery(document).ready(function($) {
// ====================================================================
// ⚙️ MOTEUR PRINCIPAL DU CONFIGURATEUR
// ====================================================================
function initFlycaseConfigurator() {
// 1. MISE À JOUR DU TITRE DE LA MATIÈRE
function updateMaterialTitle() {
var $selected = $('input[name="wapf[field_69943ac28ddfa]"]:checked');
if ($selected.length > 0) {
var materialName = $selected.attr('data-wapf-label');
if(materialName) {
materialName = materialName.replace(/\.\.\./g, '').replace(/\*/g, '').trim();
$('.wapf-field-label.wapf--above label').first().html(
'Choix de la matière : ' + materialName + ''
);
}
}
}
updateMaterialTitle();
$(document).off('change', 'input[name="wapf[field_69943ac28ddfa]"]').on('change', 'input[name="wapf[field_69943ac28ddfa]"]', updateMaterialTitle);
$(document).off('click', '.wapf-swatch.wapf-swatch--color').on('click', '.wapf-swatch.wapf-swatch--color', function() {
setTimeout(updateMaterialTitle, 50); // Laisse le plugin cocher l'input caché
});
// 2. NETTOYER LES LABELS
$('.wapf-field-label label').each(function() {
var text = $(this).text();
text = text.replace(/\.\.\./g, '').replace(/\.\./g, '').replace(/\*/g, '').trim();
$(this).text(text);
});
// 3. CRÉATION ET GESTION DES ACCORDÉONS
var $allSeparators = $('.section-separator');
if ($('.flycase-accordion-header').length === 0) { // Évite de les recréer en double
$allSeparators.each(function(index) {
var $separator = $(this);
var title = $separator.find('h3').text().trim() || $separator.text().trim();
if (!title) return;
var stepNumber = index + 1;
var $header = $('
' + title + '
');
var $fields;
if (index === $allSeparators.length - 1) {
$fields = $separator.nextAll('.wapf-field-container');
} else {
$fields = $separator.nextUntil('.section-separator');
}
if ($fields.length === 0) return;
$fields.wrapAll('');
$separator.replaceWith($header);
var $content = $header.next('.flycase-accordion-content');
$content.hide();
// On ne met QUE active-step au premier, on ne l'ouvre pas
if (index === 0) {
$header.addClass('active-step');
}
// Clic manuel sur l'accordéon
$header.on('click', function() {
var $this = $(this);
if (!$this.hasClass('active-step') && !$this.hasClass('completed-step')) {
return;
}
var $thisContent = $this.next('.flycase-accordion-content');
var isOpen = $this.hasClass('active');
if (isOpen) {
$this.removeClass('active');
$thisContent.slideUp(300);
} else {
$('.flycase-accordion-header').removeClass('active');
$('.flycase-accordion-content').slideUp(300);
$this.addClass('active');
$thisContent.slideDown(300);
setTimeout(function() {
// Si l'écran est petit (mobile), on ne laisse que 15px de marge au-dessus, sinon 100px sur PC
var scrollOffset = $(window).width() 0 ||
$field.find('[required]').length > 0 ||
$field.find('[data-is-required="1"]').length > 0;
if (isRequired) {
var isChecked = $field.find('input:checked').length > 0;
var hasValue = $field.find('select').val() || $field.find('input[type="text"]').val();
var hasSwatchChecked = $field.find('.wapf-checked').length > 0;
if (!isChecked && !hasValue && !hasSwatchChecked) {
allFilled = false;
return false;
}
}
});
return allFilled;
} // 👈 VOICI L'ACCOLADE QUI MANQUAIT !
function moveToNextAccordion($currentHeader) {
var $nextHeader = $currentHeader.nextAll('.flycase-accordion-header').first();
if ($nextHeader.length > 0) {
// 1. On lance les animations de fermeture/ouverture (qui durent 300ms)
$currentHeader.removeClass('active-step active').addClass('completed-step');
$currentHeader.next('.flycase-accordion-content').slideUp(300);
$nextHeader.addClass('active-step active');
$nextHeader.next('.flycase-accordion-content').slideDown(300);
// 2. 👇 LA CORRECTION : On attend 320ms que les boîtes aient fini de bouger
// pour calculer la vraie position finale de l'accordéon cible.
setTimeout(function() {
var scrollOffset = $(window).width() 0 ||
$field.find('[required]').length > 0 ||
$field.find('[data-is-required="1"]').length > 0;
if (isRequired) {
var isChecked = $field.find('input:checked').length > 0;
var hasValue = $field.find('select').val() || $field.find('input[type="text"]').val();
var hasSwatchChecked = $field.find('.wapf-checked').length > 0;
$field.find('.wapf-error-message').remove();
$field.removeClass('wapf--invalid');
// Si c'est obligatoire MAIS vide
if (!isChecked && !hasValue && !hasSwatchChecked) {
hasError = true;
var fieldLabel = $field.find('.wapf-field-label label').text().trim() || "ce champ";
var errorMsg = '
Veuillez sélectionner une option pour : ' + fieldLabel + '
';
$field.addClass('wapf--invalid');
if($field.find('.wapf-swatch-wrapper').length > 0) {
$field.find('.wapf-swatch-wrapper').after(errorMsg);
} else {
$field.find('.wapf-field-input').after(errorMsg);
}
// On force l'ouverture de l'accordéon qui contient l'erreur pour que le client le voie
var $accordionContent = $field.closest('.flycase-accordion-content');
var $accordionHeader = $accordionContent.prev('.flycase-accordion-header');
if ($accordionContent.length > 0 && !$accordionContent.is(':visible')) {
$('.flycase-accordion-header').removeClass('active');
$('.flycase-accordion-content').hide();
$accordionHeader.addClass('active');
$accordionContent.show();
}
}
}
});
// S'IL Y A LA MOINDRE ERREUR, ON COUPE TOUT :
if (hasError) {
e.preventDefault(); // Bloque l'action par défaut
e.stopImmediatePropagation(); // 👈 L'ARME FATALE : Bloque WooCommerce et WAPF
setTimeout(function() {
$('html, body').animate({
scrollTop: $('.wapf--invalid').first().offset().top - 150
}, 500);
}, 100);
return false; // Double sécurité
}
});
// 5. BIS : On bloque aussi la soumission globale du formulaire au cas où le client tape sur "Entrée"
$('form.cart').on('submit', function(e) {
if ($('.wapf--invalid').length > 0) {
e.preventDefault();
e.stopImmediatePropagation();
return false;
}
});
// 6. BOUTON RECOMMENCER (Version propre - Hard Reset)
// On compte combien d'options avancées WAPF sont présentes sur ce produit
var nbOptionsWapf = $('.wapf-field-container').length;
// On affiche le bouton UNIQUEMENT si c'est un configurateur avec PLUS DE 2 options (donc 3 ou plus)
if (nbOptionsWapf > 2) {
if ($('.wapf-reset-button').length === 0) {
var $totalSection = $('*:contains("Total du produit")').filter(function() {
return $(this).children().length === 0 && $(this).text().trim() === 'Total du produit';
}).first().parent();
if ($totalSection.length > 0) {
$totalSection.before(
''
);
}
}
$(document).off('click', '.wapf-reset-button').on('click', '.wapf-reset-button', function() {
if (confirm('Êtes-vous sûr de vouloir recommencer ? Toutes vos sélections seront effacées.')) {
window.location.reload();
}
});
}
// 7. APPARITION FINALE INSTANTANÉE
$('.wapf-wrapper').addClass('flycase-ready').removeClass('flycase-init-loading');
}
// ====================================================================
// 📡 LE RADAR : SE DÉCLENCHE DÈS QUE LE PLUGIN EST PRÊT (Toutes les 50ms)
// ====================================================================
var checkWapfReady = setInterval(function() {
if ($('.section-separator').length > 0 || $('.wapf-wrapper').length > 0) {
clearInterval(checkWapfReady); // On coupe le radar
initFlycaseConfigurator(); // On lance le moteur instantanément
}
}, 50);
// Sécurité : au bout de 4 secondes, on force l'affichage pour éviter un écran blanc
setTimeout(function() {
clearInterval(checkWapfReady);
$('.wapf-wrapper').addClass('flycase-ready');
}, 4000);
});
Caractéristiques technique du flycase 1200 x 800 x 600 mm :
Fabriquer en contreplaqué de 9 mm d’épaisseur, recouvert d’un film phénolique ou de vinyle de couleur
Cornières de 30/30 mm
8 coins boules en acier grand modéle
L’intérieur peut être recouvert de mousse de 10, 20 et 30 mm d’épaisseur en mousse d’une densité de 29kg/m³.
L’aménagement est soit : vide, avec deux cloisons amovibles avec un bac optionnel.
Fermoir(s) papillon cadenassable(s) ou serrures avec clefs pour l’option capot plat.
Poignées encastrées
4 roulettes pivotantes de 100 mm de diamètres dont 2 avec frein en option
Renfort d’angles
Plateau à roulettes renforcé sur toute la longueur du Flycase
Dimensions intérieures : 1170 x 770 x 570 mm
Fabriqué en France
Gravure en option, pour toutes demandes cliquez sur ce lien :[button link=”https://www.eurocase.fr/wp/demande-devis-flycase-surmesure-gratuit/”] Devis gratuit [/button]
Pour offrir les meilleures expériences, nous utilisons des technologies telles que les cookies pour stocker et/ou accéder aux informations des appareils. Le fait de consentir à ces technologies nous permettra de traiter des données telles que le comportement de navigation ou les ID uniques sur ce site. Le fait de ne pas consentir ou de retirer son consentement peut avoir un effet négatif sur certaines caractéristiques et fonctions.
Fonctionnel
Toujours activé
Le stockage ou l’accès technique est strictement nécessaire dans la finalité d’intérêt légitime de permettre l’utilisation d’un service spécifique explicitement demandé par l’abonné ou l’utilisateur, ou dans le seul but d’effectuer la transmission d’une communication sur un réseau de communications électroniques.
Préférences
Le stockage ou l’accès technique est nécessaire dans la finalité d’intérêt légitime de stocker des préférences qui ne sont pas demandées par l’abonné ou l’utilisateur.
Statistiques
Le stockage ou l’accès technique qui est utilisé exclusivement à des fins statistiques.Le stockage ou l’accès technique qui est utilisé exclusivement dans des finalités statistiques anonymes. En l’absence d’une assignation à comparaître, d’une conformité volontaire de la part de votre fournisseur d’accès à internet ou d’enregistrements supplémentaires provenant d’une tierce partie, les informations stockées ou extraites à cette seule fin ne peuvent généralement pas être utilisées pour vous identifier.
Marketing
Le stockage ou l’accès technique est nécessaire pour créer des profils d’utilisateurs afin d’envoyer des publicités, ou pour suivre l’utilisateur sur un site web ou sur plusieurs sites web ayant des finalités marketing similaires.
