Créez votre licol grâce à notre configurateur

[et_pb_section fb_built= »1″ _builder_version= »4.16″ custom_padding= »0px||||false|false » global_colors_info= »{} »][et_pb_row _builder_version= »4.16″ background_size= »initial » background_position= »top_left » background_repeat= »repeat » width= »100% » custom_padding= »0px||0px||false|false » global_colors_info= »{} »][et_pb_column type= »4_4″ _builder_version= »4.16″ custom_padding= »||| » global_colors_info= »{} » custom_padding__hover= »||| »][et_pb_wc_breadcrumb _builder_version= »4.16″ global_colors_info= »{} »][/et_pb_wc_breadcrumb][et_pb_wc_cart_notice _builder_version= »4.20.4″ background_color= »#774634″ global_colors_info= »{} »][/et_pb_wc_cart_notice][/et_pb_column][/et_pb_row][et_pb_row _builder_version= »4.16″ hover_enabled= »0″ global_colors_info= »{} » sticky_enabled= »0″][et_pb_column type= »4_4″ _builder_version= »4.16″ custom_padding= »||| » global_colors_info= »{} » custom_padding__hover= »||| »][et_pb_text _builder_version= »4.21.0″ text_font= »Cormorant Garamond|||||||| » text_font_size= »20px » text_line_height= »1.8em » link_font= »|||||||| » ul_font= »|||||||| » header_font= »|||||||| » header_2_font= »|||||||| » header_3_font= »|||||||| » header_3_font_size= »45px » header_3_line_height= »1.5em » header_4_font= »|||||||| » header_5_font= »Timeless|700||on||||| » header_5_text_color= »#C8AD7F » header_5_letter_spacing= »15px » header_5_line_height= »1.8em » text_orientation= »center » max_width_tablet= »100% » max_width_phone= »100% » max_width_last_edited= »off|desktop » module_alignment= »right » locked= »off » global_colors_info= »{} »]

Personnalisez & commandez

Votre licol éthologique

[/et_pb_text][et_pb_text _builder_version= »4.21.0″ _module_preset= »default » header_2_font= »|700||||||| » header_2_text_color= »#774634″ header_2_font_size= »30px » text_orientation= »center » global_colors_info= »{} »]

1. Choisissez la taille de votre licol (en cas de doute, sélectionnez l’option sur mesure).
2. Sélectionnez le coloris du licol.
3. Déterminez le type de tressage sur la muserolle (voir dans l’encadré « description » celui qui vous correspondra le mieux) en bas de page.
4. Choisissez les couleurs associées à votre tressage de muserolle (selon le tressage choisi, 2 ou 3 couleurs seront nécessaires pour réaliser votre création).
5. Ajoutez un Hookilpenn pour plus de sécurité et de praticité.
6. Une fintion originale pour rendre votre création unique.
7. Procédez aux étapes de paiement.
8. Le colis arrivera chez vous sous 2 à 3 semaines (selon stock disponible).

[/et_pb_text][et_pb_divider color= »#774634″ divider_position= »center » _builder_version= »4.19.5″ _module_preset= »default » width= »40% » module_alignment= »center » global_colors_info= »{} »][/et_pb_divider][/et_pb_column][/et_pb_row][et_pb_row column_structure= »1_2,1_2″ _builder_version= »4.21.0″ background_size= »initial » background_position= »top_left » background_repeat= »repeat » width= »100% » module_alignment= »center » custom_margin= »|10px||10px|false|true » custom_padding= »0px|10px||10px|false|true » global_colors_info= »{} »][et_pb_column type= »1_2″ _builder_version= »4.16″ custom_padding= »||| » global_colors_info= »{} » custom_padding__hover= »||| »][et_pb_wc_images _builder_version= »4.21.0″ custom_margin= »|5px||5px|false|true » custom_padding= »|5px||5px|false|true » global_colors_info= »{} »][/et_pb_wc_images][/et_pb_column][et_pb_column type= »1_2″ _builder_version= »4.16″ custom_padding= »||| » global_colors_info= »{} » custom_padding__hover= »||| »][et_pb_wc_title _builder_version= »4.16″ global_colors_info= »{} »][/et_pb_wc_title][et_pb_wc_rating _builder_version= »4.20.4″ rating_text_color= »#774634″ global_colors_info= »{} »][/et_pb_wc_rating][et_pb_wc_description _builder_version= »4.16″ global_colors_info= »{} »][/et_pb_wc_description][et_pb_wc_price _builder_version= »4.20.4″ body_text_color= »#774634″ global_colors_info= »{} »][/et_pb_wc_price][et_pb_wc_add_to_cart _builder_version= »4.21.0″ custom_button= »on » button_text_color= »#774634″ button_border_color= »#774634″ global_colors_info= »{} »][/et_pb_wc_add_to_cart][et_pb_wc_meta _builder_version= »4.16″ global_colors_info= »{} »][/et_pb_wc_meta][/et_pb_column][/et_pb_row][et_pb_row column_structure= »1_4,1_4,1_4,1_4″ _builder_version= »4.20.4″ _module_preset= »default » global_colors_info= »{} »][et_pb_column type= »1_4″ _builder_version= »4.20.4″ _module_preset= »default » global_colors_info= »{} »][et_pb_text _builder_version= »4.20.4″ _module_preset= »default » text_font= »|800||on||||| » text_orientation= »center » global_colors_info= »{} »]Couleurs
[/et_pb_text][et_pb_gallery gallery_ids= »29686,29685,29684,29683,29682,29649,29650,29651,29652,29653,29654,29662,29661,29660,29659,29658,29657,29656,29655,29663,29664,29665,29666,29667,29668,29669,29670,29678,29677,29676,29674,29675,29673,29672,29671,29679,29680,29681″ gallery_orderby= »rand » fullwidth= »on » _builder_version= »4.20.4″ _module_preset= »default » width= »100% » global_colors_info= »{} »][/et_pb_gallery][/et_pb_column][et_pb_column type= »1_4″ _builder_version= »4.20.4″ _module_preset= »default » global_colors_info= »{} »][et_pb_text _builder_version= »4.21.0″ _module_preset= »default » text_font= »|800||on||||| » text_orientation= »center » global_colors_info= »{} »]Types de tressage
[/et_pb_text][et_pb_gallery gallery_ids= »32890,32891,32892″ fullwidth= »on » _builder_version= »4.20.4″ _module_preset= »default » width= »100% » global_colors_info= »{} »][/et_pb_gallery][/et_pb_column][et_pb_column type= »1_4″ _builder_version= »4.20.4″ _module_preset= »default » global_colors_info= »{} »][et_pb_text _builder_version= »4.20.4″ _module_preset= »default » text_font= »|800||on||||| » text_orientation= »center » global_colors_info= »{} »]Finitions
[/et_pb_text][et_pb_gallery fullwidth= »on » _builder_version= »4.20.4″ _module_preset= »default » width= »50% » global_colors_info= »{} »][/et_pb_gallery][/et_pb_column][et_pb_column type= »1_4″ _builder_version= »4.20.4″ _module_preset= »default » global_colors_info= »{} »][et_pb_text _builder_version= »4.21.0″ _module_preset= »default » text_font= »|800||on||||| » text_orientation= »center » global_colors_info= »{} »]
Hookilpenn
[/et_pb_text][et_pb_gallery gallery_ids= »33024,33023″ gallery_orderby= »rand » fullwidth= »on » _builder_version= »4.21.0″ _module_preset= »default » width= »100% » global_colors_info= »{} »][/et_pb_gallery][/et_pb_column][/et_pb_row][et_pb_row _builder_version= »4.16″ background_size= »initial » background_position= »top_left » background_repeat= »repeat » width= »100% » global_colors_info= »{} »][et_pb_column type= »4_4″ _builder_version= »4.16″ custom_padding= »||| » global_colors_info= »{} » custom_padding__hover= »||| »][et_pb_wc_tabs _builder_version= »4.16″ global_colors_info= »{} »] [/et_pb_wc_tabs][et_pb_wc_upsells _builder_version= »4.16″ global_colors_info= »{} »][/et_pb_wc_upsells][et_pb_wc_related_products _builder_version= »4.16″ global_colors_info= »{} »][/et_pb_wc_related_products][/et_pb_column][/et_pb_row][/et_pb_section] /**
* ============================================================
* Esprit Éthologie — Licol Personnalisé
* Script de personnalisation dynamique
* À coller dans Elementor Pro > Widget HTML ou via
* « Insert Headers and Footers » en pied de page
* ============================================================
*/
// ─── 1. DONNÉES : Couleurs recommandées par robe ────────────
const robeColors = {
alezan: [‘chocolat’, ‘caramel’, ‘miel’, ‘aubergine’, ‘vert-sapin’, ‘bleu-marine’],
bai: [‘noir’, ‘aubergine’, ‘vert-sapin’, ‘bleu-marine’, ‘chocolat’, ‘gris-anthracite’],
noir: [‘rouge’, ‘fuchsia’, ‘miel’, ‘bleu-canard’, ‘vert-metallique’, ‘framboise’],
gris: [‘lilas’, ‘chocolat’, ‘framboise’, ‘vert-sapin’, ‘bleu-canard’, ‘bleu-ocean’],
isabelle: [‘chocolat’, ‘caramel’, ‘vert-kaki’, ‘vert-sapin’, ‘miel’, ‘bleu-marine’],
palomino: [‘framboise’, ‘beige’, ‘vert-sapin’, ‘bleu-canard’, ‘caramel’, ‘aubergine’],
‘pie-bai’: [‘noir’, ‘aubergine’, ‘vert-sapin’, ‘bleu-marine’, ‘bleu-roi’, ‘rouge’],
‘pie-noir’: [‘bleu-electrique’, ‘vert-metallique’, ‘bleu-canard’, ‘fuchsia’, ‘bleu-roi’, ‘aubergine’],
rouan: [‘framboise’, ‘lilas’, ‘chocolat’, ‘bleu-ocean’, ‘vert-sapin’, ‘gris-anthracite’],
souris: [‘noir’, ‘bleu-canard’, ‘bleu-marine’, ‘aubergine’, ‘framboise’, ‘lilas’],
};
// ─── 2. DONNÉES : Labels et couleurs hex pour les swatches ──
const colorData = {
‘noir’: { label: ‘Noir’, hex: ‘#1a1a1a’ },
‘chocolat’: { label: ‘Chocolat’, hex: ‘#4e2a0e’ },
‘caramel’: { label: ‘Caramel’, hex: ‘#c68642’ },
‘miel’: { label: ‘Miel’, hex: ‘#d4a017’ },
‘beige’: { label: ‘Beige’, hex: ‘#e8d5b0’ },
‘gris-anthracite’: { label: ‘Gris anthracite’, hex: ‘#3d3d3d’ },
‘aubergine’: { label: ‘Aubergine’, hex: ‘#4b0030’ },
‘lilas’: { label: ‘Lilas’, hex: ‘#b57bee’ },
‘framboise’: { label: ‘Framboise’, hex: ‘#c0165e’ },
‘fuchsia’: { label: ‘Fuchsia’, hex: ‘#e0006a’ },
‘rouge’: { label: ‘Rouge’, hex: ‘#cc0000’ },
‘bleu-marine’: { label: ‘Bleu marine’, hex: ‘#002366’ },
‘bleu-roi’: { label: ‘Bleu roi’, hex: ‘#2145c8’ },
‘bleu-canard’: { label: ‘Bleu canard’, hex: ‘#008080’ },
‘bleu-electrique’: { label: ‘Bleu électrique’, hex: ‘#007fff’ },
‘bleu-ocean’: { label: ‘Bleu océan’, hex: ‘#005f8a’ },
‘vert-sapin’: { label: ‘Vert sapin’, hex: ‘#1a4a1a’ },
‘vert-kaki’: { label: ‘Vert kaki’, hex: ‘#6b7c3a’ },
‘vert-metallique’: { label: ‘Vert métallique’, hex: ‘#2e7d52’ },
};
// ─── 3. ANNOTATIONS : textes dynamiques ─────────────────────
const robeLabels = {
alezan: ‘Alezan’, bai: ‘Bai’, noir: ‘Noir’, gris: ‘Gris’,
isabelle: ‘Isabelle’, palomino: ‘Palomino’,
‘pie-bai’: ‘Pie Bai’, ‘pie-noir’: ‘Pie Noir’,
rouan: ‘Rouan’, souris: ‘Souris’,
};
// ─── 4. FONCTIONS ────────────────────────────────────────────
/**
* Met à jour les swatches de couleurs conseillées (étape 2a)
*/
function updateCouleursSuggestions(robe) {
const container = document.getElementById(‘licol-couleurs-suggestions’);
if (!container) return;
const couleurs = robeColors[robe] || [];
container.innerHTML =  »;
couleurs.forEach(slug => {
const data = colorData[slug];
if (!data) return;
const swatch = document.createElement(‘div’);
swatch.className = ‘licol-swatch-item licol-swatch-conseil’;
swatch.dataset.value = slug;
swatch.title = data.label;
swatch.innerHTML = `
${data.label}
`;
swatch.addEventListener(‘click’, () => selectCouleur(slug, swatch));
container.appendChild(swatch);
});
}
/**
* Sélectionne une couleur et met à jour l’annotation
*/
function selectCouleur(slug, el) {
document.querySelectorAll(‘.licol-swatch-item’).forEach(s => s.classList.remove(‘selected’));
el.classList.add(‘selected’);
const annotation = document.getElementById(‘licol-annotation-couleur’);
if (annotation && colorData[slug]) {
annotation.textContent = `Aperçu du licol (${colorData[slug].label})`;
}
// Mettre à jour le champ caché WPC si présent
const input = document.querySelector(‘[name*= »couleur_base »]’);
if (input) {
input.value = slug;
input.dispatchEvent(new Event(‘change’, { bubbles: true }));
}
}
/**
* Met à jour les annotations de l’image
*/
function updateAnnotations(robe) {
// Annotation robe
const annotRobe = document.getElementById(‘licol-annotation-robe’);
if (annotRobe) {
annotRobe.textContent = `Robe sélectionnée (${robeLabels[robe] || robe})`;
}
}
/**
* Met à jour l’annotation du tressage
*/
function updateAnnotationTressage(tressage) {
const annotTressage = document.getElementById(‘licol-annotation-tressage’);
if (annotTressage) {
annotTressage.textContent = `Tressage « ${tressage} » appliqué`;
}
}
/**
* Affiche/masque la section couleur du hookilpenn selon le choix
*/
function toggleHookilpenn(checked) {
const section = document.getElementById(‘licol-hookilpenn-couleur’);
if (!section) return;
section.style.display = checked ? ‘block’ : ‘none’;
}
// ─── 5. INITIALISATIONS ──────────────────────────────────────
document.addEventListener(‘DOMContentLoaded’, function () {
// Écouter le changement de robe (étape 1)
// WPC Product Options génère des inputs radio — adapter le sélecteur si besoin
document.addEventListener(‘change’, function (e) {
// Étape 1 : robe
if (e.target.closest(‘[data-option-key*= »robe »]’) || e.target.name?.includes(‘robe’)) {
const robe = e.target.value;
updateCouleursSuggestions(robe);
updateAnnotations(robe);
}
// Étape 3 : tressage
if (e.target.closest(‘[data-option-key*= »tressage »]’) || e.target.name?.includes(‘tressage’)) {
updateAnnotationTressage(e.target.dataset.label || e.target.value);
}
// Étape 5 : hookilpenn
if (e.target.closest(‘[data-option-key*= »hookilpenn »]’) || e.target.name?.includes(‘hookilpenn’)) {
const isWithHook = e.target.value?.includes(‘avec’) || e.target.dataset.value === ‘avec’;
toggleHookilpenn(isWithHook);
}
});
// Initialiser avec la première robe cochée si présente
const firstRobe = document.querySelector(‘[data-option-key*= »robe »] input:checked, input[name*= »robe »]:checked’);
if (firstRobe) {
updateCouleursSuggestions(firstRobe.value);
updateAnnotations(firstRobe.value);
} else {
// Valeur par défaut : bai
updateCouleursSuggestions(‘bai’);
}
// Cacher le hookilpenn couleur au chargement
toggleHookilpenn(false);
});
// ─── 6. CSS INJECTÉ DYNAMIQUEMENT (swatches conseils) ───────
(function injectSwatchStyles() {
const style = document.createElement(‘style’);
style.textContent = `
/* === Esprit Éthologie — Licol Personnalisé === */
/* Layout deux colonnes */
.licol-layout {
display: flex;
align-items: flex-start;
gap: 40px;
}
.licol-image-col {
width: 60%;
position: sticky;
top: 20px;
height: fit-content;
}
.licol-options-col {
width: 40%;
}
@media (max-width: 768px) {
.licol-layout { flex-direction: column; }
.licol-image-col { width: 100%; position: relative; top: 0; }
.licol-options-col { width: 100%; }
}
/* Zoom au survol */
.licol-image-wrapper {
overflow: hidden;
cursor: zoom-in;
border-radius: 8px;
position: relative;
}
.licol-image-wrapper img {
transition: transform 0.4s ease;
width: 100%;
display: block;
}
.licol-image-wrapper:hover img {
transform: scale(1.5);
}
/* Annotations */
.licol-annotations {
position: absolute;
right: -170px;
top: 0;
display: flex;
flex-direction: column;
gap: 60px;
pointer-events: none;
}
.licol-annotation {
font-size: 13px;
color: #3a3a3a;
white-space: nowrap;
display: flex;
align-items: center;
gap: 8px;
}
.licol-annotation::before {
content:  »;
display: block;
width: 40px;
height: 1px;
background: #b8a882;
}
/* Swatches de couleurs conseillées */
#licol-couleurs-suggestions {
display: flex;
flex-wrap: wrap;
gap: 10px;
margin-top: 8px;
}
.licol-swatch-item {
display: flex;
flex-direction: column;
align-items: center;
gap: 4px;
cursor: pointer;
}
.licol-swatch-color {
width: 36px;
height: 36px;
border-radius: 50%;
border: 2px solid #ddd;
transition: border-color 0.2s, transform 0.2s;
}
.licol-swatch-item:hover .licol-swatch-color {
border-color: #2D5A27;
transform: scale(1.1);
}
.licol-swatch-item.selected .licol-swatch-color {
border-color: #2D5A27;
border-width: 3px;
box-shadow: 0 0 0 2px #fff, 0 0 0 4px #2D5A27;
}
.licol-swatch-label {
font-size: 10px;
color: #555;
text-align: center;
max-width: 50px;
line-height: 1.2;
}
/* Section hookilpenn conditionnelle */
#licol-hookilpenn-couleur {
display: none;
margin-top: 12px;
padding: 12px;
background: #f5f0e8;
border-radius: 6px;
border-left: 3px solid #2D5A27;
}
`;
document.head.appendChild(style);
})();