{"id":142,"date":"2026-01-05T02:33:08","date_gmt":"2026-01-05T01:33:08","guid":{"rendered":"https:\/\/lepontdepierre.com\/?page_id=142"},"modified":"2026-01-05T02:34:28","modified_gmt":"2026-01-05T01:34:28","slug":"142-2","status":"publish","type":"page","link":"https:\/\/lepontdepierre.com\/index.php\/142-2\/","title":{"rendered":"La Boutique"},"content":{"rendered":"\n<div class=\"wp-block-group alignfull is-layout-flow wp-block-group-is-layout-flow\">\n<!-- CSS \u00e0 mettre dans Apparence > Personnaliser > CSS additionnel -->\n<style>\n:root {\n    --color-primary: #5D4E3C;\n    --color-secondary: #8B7355;\n    --color-accent: #A89279;\n    --color-dark: #3A2F23;\n    --color-cream: #E8E3D8;\n    --color-warm-white: #F2EFE8;\n    --color-stone: #9B9388;\n    --font-display: 'Cinzel', serif;\n    --font-body: 'Crimson Text', serif;\n}\n\n\/* Hero Section *\/\n.pierre-boutique .hero {\n    position: relative;\n    height: 50vh;\n    min-height: 350px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    background: linear-gradient(135deg, var(--color-secondary) 0%, var(--color-accent) 100%);\n    margin-bottom: 4rem;\n}\n\n.pierre-boutique .hero-content {\n    text-align: center;\n    color: white;\n    padding: 2rem;\n}\n\n.pierre-boutique .hero-title {\n    font-family: var(--font-display);\n    font-size: clamp(2.5rem, 6vw, 4.5rem);\n    font-weight: 600;\n    letter-spacing: 0.15em;\n    text-transform: uppercase;\n    margin-bottom: 1rem;\n}\n\n.pierre-boutique .hero-subtitle {\n    font-family: var(--font-body);\n    font-size: clamp(1.2rem, 2.5vw, 1.8rem);\n    font-style: italic;\n}\n\n\/* Container *\/\n.pierre-boutique .shop-container {\n    max-width: 1400px;\n    margin: 0 auto;\n    padding: 0 2rem 6rem;\n}\n\n\/* Filters & Cart Toggle *\/\n.pierre-boutique .shop-header {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    margin-bottom: 3rem;\n    flex-wrap: wrap;\n    gap: 1.5rem;\n}\n\n.pierre-boutique .filters {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 0.8rem;\n}\n\n.pierre-boutique .filter-btn {\n    padding: 0.7rem 1.8rem;\n    background: white;\n    color: var(--color-dark);\n    border: 2px solid var(--color-stone);\n    font-family: var(--font-display);\n    font-size: 0.8rem;\n    text-transform: uppercase;\n    letter-spacing: 0.08em;\n    cursor: pointer;\n    transition: all 0.3s ease;\n    font-weight: 600;\n    border-radius: 4px;\n}\n\n.pierre-boutique .filter-btn:hover,\n.pierre-boutique .filter-btn.active {\n    background: var(--color-primary);\n    color: white;\n    border-color: var(--color-primary);\n}\n\n.pierre-boutique .cart-toggle {\n    position: relative;\n    padding: 0.8rem 2rem;\n    background: var(--color-primary);\n    color: white;\n    border: none;\n    font-family: var(--font-display);\n    font-size: 0.85rem;\n    text-transform: uppercase;\n    letter-spacing: 0.1em;\n    cursor: pointer;\n    transition: all 0.3s ease;\n    font-weight: 600;\n    border-radius: 4px;\n    display: flex;\n    align-items: center;\n    gap: 0.8rem;\n}\n\n.pierre-boutique .cart-toggle:hover {\n    background: var(--color-dark);\n    transform: translateY(-2px);\n}\n\n.pierre-boutique .cart-icon {\n    font-size: 1.2rem;\n}\n\n.pierre-boutique .cart-count {\n    position: absolute;\n    top: -8px;\n    right: -8px;\n    background: #e74c3c;\n    color: white;\n    width: 24px;\n    height: 24px;\n    border-radius: 50%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-size: 0.75rem;\n    font-weight: 700;\n}\n\n\/* Products Grid *\/\n.pierre-boutique .products-grid {\n    display: grid;\n    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));\n    gap: 2rem;\n    margin-bottom: 3rem;\n}\n\n.pierre-boutique .product-card {\n    background: white;\n    border: 2px solid var(--color-stone);\n    border-radius: 8px;\n    overflow: hidden;\n    transition: all 0.4s ease;\n    position: relative;\n}\n\n.pierre-boutique .product-card:hover {\n    transform: translateY(-8px);\n    box-shadow: 0 12px 35px rgba(0, 0, 0, 0.15);\n    border-color: var(--color-secondary);\n}\n\n.pierre-boutique .product-image-wrapper {\n    position: relative;\n    width: 100%;\n    height: 320px;\n    overflow: hidden;\n    background: var(--color-cream);\n}\n\n.pierre-boutique .product-image {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    transition: transform 0.6s ease;\n}\n\n.pierre-boutique .product-card:hover .product-image {\n    transform: scale(1.08);\n}\n\n.pierre-boutique .product-badge {\n    position: absolute;\n    top: 1rem;\n    right: 1rem;\n    background: var(--color-primary);\n    color: white;\n    padding: 0.4rem 0.9rem;\n    font-family: var(--font-display);\n    font-size: 0.7rem;\n    text-transform: uppercase;\n    letter-spacing: 0.08em;\n    font-weight: 700;\n    border-radius: 4px;\n}\n\n.pierre-boutique .product-badge.new {\n    background: #27ae60;\n}\n\n.pierre-boutique .product-badge.promo {\n    background: #e74c3c;\n}\n\n.pierre-boutique .product-info {\n    padding: 1.8rem;\n}\n\n.pierre-boutique .product-category {\n    font-family: var(--font-body);\n    font-size: 0.85rem;\n    color: var(--color-accent);\n    text-transform: uppercase;\n    letter-spacing: 0.1em;\n    margin-bottom: 0.5rem;\n}\n\n.pierre-boutique .product-title {\n    font-family: var(--font-display);\n    font-size: 1.3rem;\n    color: var(--color-dark);\n    margin-bottom: 1rem;\n    font-weight: 600;\n    letter-spacing: 0.03em;\n}\n\n.pierre-boutique .product-description {\n    font-size: 0.95rem;\n    color: #666;\n    line-height: 1.6;\n    margin-bottom: 1.2rem;\n}\n\n.pierre-boutique .product-footer {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    padding-top: 1rem;\n    border-top: 1px solid var(--color-cream);\n}\n\n.pierre-boutique .product-price {\n    font-family: var(--font-display);\n    font-size: 1.8rem;\n    color: var(--color-primary);\n    font-weight: 700;\n}\n\n.pierre-boutique .product-price .currency {\n    font-size: 1.2rem;\n}\n\n.pierre-boutique .add-to-cart-btn {\n    padding: 0.7rem 1.5rem;\n    background: var(--color-primary);\n    color: white;\n    border: none;\n    font-family: var(--font-display);\n    font-size: 0.75rem;\n    text-transform: uppercase;\n    letter-spacing: 0.1em;\n    cursor: pointer;\n    transition: all 0.3s ease;\n    font-weight: 600;\n    border-radius: 4px;\n}\n\n.pierre-boutique .add-to-cart-btn:hover {\n    background: var(--color-dark);\n    transform: translateY(-2px);\n}\n\n\/* Cart Sidebar *\/\n.pierre-boutique .cart-sidebar {\n    position: fixed;\n    top: 0;\n    right: -450px;\n    width: 450px;\n    height: 100vh;\n    background: white;\n    box-shadow: -5px 0 25px rgba(0, 0, 0, 0.2);\n    z-index: 9999;\n    transition: right 0.4s ease;\n    display: flex;\n    flex-direction: column;\n}\n\n.pierre-boutique .cart-sidebar.active {\n    right: 0;\n}\n\n.pierre-boutique .cart-header {\n    padding: 2rem;\n    background: var(--color-primary);\n    color: white;\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n}\n\n.pierre-boutique .cart-title {\n    font-family: var(--font-display);\n    font-size: 1.5rem;\n    text-transform: uppercase;\n    letter-spacing: 0.1em;\n}\n\n.pierre-boutique .cart-close {\n    background: none;\n    border: none;\n    color: white;\n    font-size: 2rem;\n    cursor: pointer;\n    line-height: 1;\n    transition: transform 0.3s ease;\n}\n\n.pierre-boutique .cart-close:hover {\n    transform: rotate(90deg);\n}\n\n.pierre-boutique .cart-items {\n    flex: 1;\n    overflow-y: auto;\n    padding: 2rem;\n}\n\n.pierre-boutique .cart-item {\n    display: flex;\n    gap: 1.5rem;\n    padding-bottom: 1.5rem;\n    margin-bottom: 1.5rem;\n    border-bottom: 1px solid var(--color-cream);\n}\n\n.pierre-boutique .cart-item-image {\n    width: 80px;\n    height: 80px;\n    object-fit: cover;\n    border-radius: 6px;\n    border: 2px solid var(--color-cream);\n}\n\n.pierre-boutique .cart-item-info {\n    flex: 1;\n}\n\n.pierre-boutique .cart-item-title {\n    font-family: var(--font-display);\n    font-size: 1rem;\n    color: var(--color-dark);\n    margin-bottom: 0.5rem;\n    font-weight: 600;\n}\n\n.pierre-boutique .cart-item-price {\n    color: var(--color-primary);\n    font-weight: 600;\n    margin-bottom: 0.5rem;\n}\n\n.pierre-boutique .cart-item-quantity {\n    display: flex;\n    align-items: center;\n    gap: 0.8rem;\n}\n\n.pierre-boutique .qty-btn {\n    width: 28px;\n    height: 28px;\n    border: 1px solid var(--color-stone);\n    background: white;\n    border-radius: 4px;\n    cursor: pointer;\n    font-weight: 700;\n    transition: all 0.2s ease;\n}\n\n.pierre-boutique .qty-btn:hover {\n    background: var(--color-primary);\n    color: white;\n    border-color: var(--color-primary);\n}\n\n.pierre-boutique .qty-value {\n    font-weight: 600;\n    min-width: 30px;\n    text-align: center;\n}\n\n.pierre-boutique .remove-item {\n    background: none;\n    border: none;\n    color: #e74c3c;\n    cursor: pointer;\n    font-size: 1.2rem;\n    transition: transform 0.2s ease;\n}\n\n.pierre-boutique .remove-item:hover {\n    transform: scale(1.2);\n}\n\n.pierre-boutique .cart-empty {\n    text-align: center;\n    padding: 4rem 2rem;\n}\n\n.pierre-boutique .cart-empty-icon {\n    font-size: 4rem;\n    margin-bottom: 1rem;\n    opacity: 0.3;\n}\n\n.pierre-boutique .cart-empty-text {\n    font-family: var(--font-display);\n    font-size: 1.2rem;\n    color: var(--color-accent);\n}\n\n.pierre-boutique .cart-footer {\n    padding: 2rem;\n    background: var(--color-cream);\n    border-top: 2px solid var(--color-stone);\n}\n\n.pierre-boutique .cart-total {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    margin-bottom: 1.5rem;\n    padding-bottom: 1rem;\n    border-bottom: 2px solid var(--color-stone);\n}\n\n.pierre-boutique .cart-total-label {\n    font-family: var(--font-display);\n    font-size: 1.3rem;\n    text-transform: uppercase;\n    letter-spacing: 0.1em;\n}\n\n.pierre-boutique .cart-total-amount {\n    font-family: var(--font-display);\n    font-size: 2rem;\n    color: var(--color-primary);\n    font-weight: 700;\n}\n\n.pierre-boutique .checkout-btn {\n    width: 100%;\n    padding: 1.2rem;\n    background: var(--color-primary);\n    color: white;\n    border: none;\n    font-family: var(--font-display);\n    font-size: 0.9rem;\n    text-transform: uppercase;\n    letter-spacing: 0.12em;\n    cursor: pointer;\n    transition: all 0.3s ease;\n    font-weight: 700;\n    border-radius: 6px;\n}\n\n.pierre-boutique .checkout-btn:hover {\n    background: var(--color-dark);\n    transform: translateY(-2px);\n}\n\n\/* Cart Overlay *\/\n.pierre-boutique .cart-overlay {\n    position: fixed;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    background: rgba(0, 0, 0, 0.6);\n    z-index: 9998;\n    opacity: 0;\n    visibility: hidden;\n    transition: all 0.3s ease;\n}\n\n.pierre-boutique .cart-overlay.active {\n    opacity: 1;\n    visibility: visible;\n}\n\n\/* Responsive *\/\n@media (max-width: 968px) {\n    .pierre-boutique .products-grid {\n        grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));\n        gap: 1.5rem;\n    }\n    \n    .pierre-boutique .cart-sidebar {\n        width: 100%;\n        right: -100%;\n    }\n}\n\n@media (max-width: 640px) {\n    .pierre-boutique .shop-header {\n        flex-direction: column;\n        align-items: stretch;\n    }\n    \n    .pierre-boutique .cart-toggle {\n        width: 100%;\n        justify-content: center;\n    }\n}\n<\/style>\n\n<!-- HTML -->\n<div class=\"pierre-boutique\">\n    <div class=\"hero\">\n        <div class=\"hero-content\">\n            <h1 class=\"hero-title\">Boutique<\/h1>\n            <p class=\"hero-subtitle\">Cr\u00e9ations artisanales en cuir<\/p>\n        <\/div>\n    <\/div>\n\n    <div class=\"shop-container\">\n        <div class=\"shop-header\">\n            <div class=\"filters\">\n                <button class=\"filter-btn active\" data-filter=\"all\">Tous<\/button>\n                <button class=\"filter-btn\" data-filter=\"sacoche\">Sacoches<\/button>\n                <button class=\"filter-btn\" data-filter=\"bracelet\">Bracelets<\/button>\n                <button class=\"filter-btn\" data-filter=\"porte-monnaie\">Porte-monnaie<\/button>\n                <button class=\"filter-btn\" data-filter=\"autres\">Autres<\/button>\n            <\/div>\n            \n            <button class=\"cart-toggle\" id=\"cartToggle\">\n                <span class=\"cart-icon\">\ud83d\uded2<\/span>\n                Panier\n                <span class=\"cart-count\" id=\"cartCount\">0<\/span>\n            <\/button>\n        <\/div>\n\n        <div class=\"products-grid\" id=\"productsGrid\"><\/div>\n    <\/div>\n\n    <!-- Cart Overlay -->\n    <div class=\"cart-overlay\" id=\"cartOverlay\"><\/div>\n\n    <!-- Cart Sidebar -->\n    <div class=\"cart-sidebar\" id=\"cartSidebar\">\n        <div class=\"cart-header\">\n            <h2 class=\"cart-title\">Mon Panier<\/h2>\n            <button class=\"cart-close\" id=\"cartClose\">\u00d7<\/button>\n        <\/div>\n        \n        <div class=\"cart-items\" id=\"cartItems\">\n            <div class=\"cart-empty\">\n                <div class=\"cart-empty-icon\">\ud83d\udecd\ufe0f<\/div>\n                <p class=\"cart-empty-text\">Votre panier est vide<\/p>\n            <\/div>\n        <\/div>\n        \n        <div class=\"cart-footer\">\n            <div class=\"cart-total\">\n                <span class=\"cart-total-label\">Total<\/span>\n                <span class=\"cart-total-amount\"><span class=\"currency\">\u20ac<\/span><span id=\"cartTotal\">0<\/span><\/span>\n            <\/div>\n            <button class=\"checkout-btn\">Commander<\/button>\n        <\/div>\n    <\/div>\n<\/div>\n\n<!-- JavaScript -->\n<script>\n(function() {\n    const products = [\n        {\n            id: 1,\n            title: \"Collection Duo Premium\",\n            category: \"sacoche\",\n            categoryLabel: \"Sacoche\",\n            price: 89,\n            image: \"https:\/\/lepontdepierre.com\/wp-content\/uploads\/2025\/12\/Gemini_Generated_Image_dk53l0dk53l0dk53.png\",\n            description: \"Deux tailles compl\u00e9mentaires en cuir pleine fleur\",\n            badge: \"Populaire\"\n        },\n        {\n            id: 2,\n            title: \"La Compacte \u00c9l\u00e9gante\",\n            category: \"sacoche\",\n            categoryLabel: \"Sacoche\",\n            price: 65,\n            image: \"https:\/\/lepontdepierre.com\/wp-content\/uploads\/2025\/12\/Gemini_Generated_Image_b44ty0b44ty0b44t.png\",\n            description: \"Design minimaliste pour l'essentiel\",\n            badge: \"new\"\n        },\n        {\n            id: 3,\n            title: \"L'Artisanale Signature\",\n            category: \"sacoche\",\n            categoryLabel: \"Sacoche\",\n            price: 95,\n            image: \"https:\/\/lepontdepierre.com\/wp-content\/uploads\/2025\/12\/Gemini_Generated_Image_cssym8cssym8cssy.png\",\n            description: \"Courbes douces et finitions raffin\u00e9es\"\n        },\n        {\n            id: 4,\n            title: \"Bracelets Personnalis\u00e9s\",\n            category: \"bracelet\",\n            categoryLabel: \"Bracelet\",\n            price: 15,\n            image: \"https:\/\/lepontdepierre.com\/wp-content\/uploads\/2025\/12\/Gemini_Generated_Image_fxzzqffxzzqffxzz.png\",\n            description: \"Gravure \u00e0 la main, plusieurs couleurs\",\n            badge: \"Personnalisable\"\n        },\n        {\n            id: 5,\n            title: \"Porte-monnaie Bib\",\n            category: \"porte-monnaie\",\n            categoryLabel: \"Porte-monnaie\",\n            price: 10,\n            image: \"https:\/\/lepontdepierre.com\/wp-content\/uploads\/2025\/12\/Gemini_Generated_Image_wgfc63wgfc63wgfc.png\",\n            description: \"Compact et pratique au quotidien\"\n        },\n        {\n            id: 6,\n            title: \"Porte-monnaie Grand-P\u00e8re\",\n            category: \"porte-monnaie\",\n            categoryLabel: \"Porte-monnaie\",\n            price: 12,\n            image: \"https:\/\/lepontdepierre.com\/wp-content\/uploads\/2025\/12\/Gemini_Generated_Image_wgfc63wgfc63wgfc.png\",\n            description: \"Style vintage intemporel\"\n        },\n        {\n            id: 7,\n            title: \"Ceinture Signature\",\n            category: \"autres\",\n            categoryLabel: \"Ceinture\",\n            price: 75,\n            image: \"https:\/\/lepontdepierre.com\/wp-content\/uploads\/2025\/12\/Gemini_Generated_Image_43v7jb43v7jb43v7.png\",\n            description: \"Cuir pleine fleur, boucle laiton massif\",\n            badge: \"Signature\"\n        },\n        {\n            id: 8,\n            title: \"Mini Cartable\",\n            category: \"autres\",\n            categoryLabel: \"Accessoire\",\n            price: 18,\n            image: \"https:\/\/lepontdepierre.com\/wp-content\/uploads\/2025\/12\/Gemini_Generated_Image_wgfc63wgfc63wgfc.png\",\n            description: \"Parfait pour les petits objets\"\n        }\n    ];\n\n    let cart = [];\n    const productsGrid = document.getElementById('productsGrid');\n    const cartToggle = document.getElementById('cartToggle');\n    const cartClose = document.getElementById('cartClose');\n    const cartSidebar = document.getElementById('cartSidebar');\n    const cartOverlay = document.getElementById('cartOverlay');\n    const cartItems = document.getElementById('cartItems');\n    const cartCount = document.getElementById('cartCount');\n    const cartTotal = document.getElementById('cartTotal');\n    const filterBtns = document.querySelectorAll('.pierre-boutique .filter-btn');\n\n    function createProductCard(product) {\n        const badgeClass = product.badge === 'new' ? 'new' : product.badge === 'promo' ? 'promo' : '';\n        return `\n            <div class=\"product-card\" data-category=\"${product.category}\">\n                <div class=\"product-image-wrapper\">\n                    <img decoding=\"async\" src=\"${product.image}\" alt=\"${product.title}\" class=\"product-image\">\n                    ${product.badge ? `<div class=\"product-badge ${badgeClass}\">${product.badge}<\/div>` : ''}\n                <\/div>\n                <div class=\"product-info\">\n                    <div class=\"product-category\">${product.categoryLabel}<\/div>\n                    <h3 class=\"product-title\">${product.title}<\/h3>\n                    <p class=\"product-description\">${product.description}<\/p>\n                    <div class=\"product-footer\">\n                        <div class=\"product-price\">\n                            <span class=\"currency\">\u20ac<\/span>${product.price}\n                        <\/div>\n                        <button class=\"add-to-cart-btn\" onclick=\"pierreShop.addToCart(${product.id})\">\n                            Ajouter\n                        <\/button>\n                    <\/div>\n                <\/div>\n            <\/div>\n        `;\n    }\n\n    function displayProducts(filter = 'all') {\n        const filtered = filter === 'all' ? products : products.filter(p => p.category === filter);\n        productsGrid.innerHTML = filtered.map(p => createProductCard(p)).join('');\n    }\n\n    function addToCart(productId) {\n        const product = products.find(p => p.id === productId);\n        const existing = cart.find(item => item.id === productId);\n        \n        if (existing) {\n            existing.quantity++;\n        } else {\n            cart.push({ ...product, quantity: 1 });\n        }\n        \n        updateCart();\n        openCart();\n    }\n\n    function removeFromCart(productId) {\n        cart = cart.filter(item => item.id !== productId);\n        updateCart();\n    }\n\n    function updateQuantity(productId, delta) {\n        const item = cart.find(item => item.id === productId);\n        if (item) {\n            item.quantity += delta;\n            if (item.quantity <= 0) {\n                removeFromCart(productId);\n            } else {\n                updateCart();\n            }\n        }\n    }\n\n    function updateCart() {\n        const total = cart.reduce((sum, item) => sum + (item.price * item.quantity), 0);\n        const count = cart.reduce((sum, item) => sum + item.quantity, 0);\n        \n        cartCount.textContent = count;\n        cartTotal.textContent = total;\n        \n        if (cart.length === 0) {\n            cartItems.innerHTML = `\n                <div class=\"cart-empty\">\n                    <div class=\"cart-empty-icon\">\ud83d\udecd\ufe0f<\/div>\n                    <p class=\"cart-empty-text\">Votre panier est vide<\/p>\n                <\/div>\n            `;\n        } else {\n            cartItems.innerHTML = cart.map(item => `\n                <div class=\"cart-item\">\n                    <img decoding=\"async\" src=\"${item.image}\" alt=\"${item.title}\" class=\"cart-item-image\">\n                    <div class=\"cart-item-info\">\n                        <div class=\"cart-item-title\">${item.title}<\/div>\n                        <div class=\"cart-item-price\">\u20ac${item.price}<\/div>\n                        <div class=\"cart-item-quantity\">\n                            <button class=\"qty-btn\" onclick=\"pierreShop.updateQuantity(${item.id}, -1)\">-<\/button>\n                            <span class=\"qty-value\">${item.quantity}<\/span>\n                            <button class=\"qty-btn\" onclick=\"pierreShop.updateQuantity(${item.id}, 1)\">+<\/button>\n                        <\/div>\n                    <\/div>\n                    <button class=\"remove-item\" onclick=\"pierreShop.removeFromCart(${item.id})\">\u00d7<\/button>\n                <\/div>\n            `).join('');\n        }\n    }\n\n    function openCart() {\n        cartSidebar.classList.add('active');\n        cartOverlay.classList.add('active');\n    }\n\n    function closeCart() {\n        cartSidebar.classList.remove('active');\n        cartOverlay.classList.remove('active');\n    }\n\n    \/\/ Event listeners\n    cartToggle.addEventListener('click', openCart);\n    cartClose.addEventListener('click', closeCart);\n    cartOverlay.addEventListener('click', closeCart);\n\n    filterBtns.forEach(btn => {\n        btn.addEventListener('click', function() {\n            filterBtns.forEach(b => b.classList.remove('active'));\n            this.classList.add('active');\n            displayProducts(this.dataset.filter);\n        });\n    });\n\n    \/\/ Global access\n    window.pierreShop = {\n        addToCart,\n        removeFromCart,\n        updateQuantity\n    };\n\n    \/\/ Initialize\n    displayProducts();\n})();\n<\/script>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Boutique Cr\u00e9ations artisanales en cuir Tous Sacoches Bracelets Porte-monnaie Autres \ud83d\uded2 Panier 0 Mon Panier \u00d7 \ud83d\udecd\ufe0f Votre panier est vide Total \u20ac0 Commander<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-142","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/lepontdepierre.com\/index.php\/wp-json\/wp\/v2\/pages\/142","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/lepontdepierre.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/lepontdepierre.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/lepontdepierre.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/lepontdepierre.com\/index.php\/wp-json\/wp\/v2\/comments?post=142"}],"version-history":[{"count":3,"href":"https:\/\/lepontdepierre.com\/index.php\/wp-json\/wp\/v2\/pages\/142\/revisions"}],"predecessor-version":[{"id":145,"href":"https:\/\/lepontdepierre.com\/index.php\/wp-json\/wp\/v2\/pages\/142\/revisions\/145"}],"wp:attachment":[{"href":"https:\/\/lepontdepierre.com\/index.php\/wp-json\/wp\/v2\/media?parent=142"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}