{"id":593,"date":"2026-09-16T22:21:41","date_gmt":"2026-09-16T20:21:41","guid":{"rendered":"https:\/\/aikidochatou.fr\/?page_id=593"},"modified":"2026-10-14T17:22:46","modified_gmt":"2026-10-14T15:22:46","slug":"boutique-en-ligne","status":"publish","type":"page","link":"https:\/\/aikidochatou.fr\/index.php\/boutique-en-ligne\/","title":{"rendered":"Boutique en ligne"},"content":{"rendered":"\n<div class=\"wp-block-uagb-container uagb-block-ababbeeb alignfull uagb-is-root-container\"><div class=\"uagb-container-inner-blocks-wrap\">\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-7387b849 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-full is-resized\"><img decoding=\"async\" src=\"https:\/\/aikidochatou.fr\/wp-content\/uploads\/2025\/09\/logo_aikido-plus-petit.jpeg\" alt=\"\" class=\"wp-image-205\" style=\"aspect-ratio:1.3952764079937712;width:118px;height:auto\"\/><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"wp-block-buttons is-content-justification-right is-layout-flex wp-container-core-buttons-is-layout-b507c051 wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button is-style-fill\"><a class=\"wp-block-button__link has-ast-global-color-4-color has-luminous-vivid-orange-background-color has-text-color has-background has-link-color wp-element-button\" href=\"https:\/\/aikidochatou.fr\/index.php\/inscriptions\/\">S&rsquo;inscrire en ligne<\/a><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div><\/div>\n\n\n\n<p class=\"has-ast-global-color-3-color has-text-color has-link-color has-large-font-size wp-elements-1 wp-block-paragraph\"><strong>Tenues Officielles A\u00efkido Chatou<\/strong><\/p>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-7387b849 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image aligncenter size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"779\" height=\"1024\" src=\"https:\/\/aikidochatou.fr\/wp-content\/uploads\/2026\/10\/IMG_2922-e1791969613986-779x1024.png\" alt=\"\" class=\"wp-image-921\" style=\"aspect-ratio:0.7607475401175461;width:253px;height:auto\" srcset=\"https:\/\/aikidochatou.fr\/wp-content\/uploads\/2026\/10\/IMG_2922-e1791969613986-779x1024.png 779w, https:\/\/aikidochatou.fr\/wp-content\/uploads\/2026\/10\/IMG_2922-e1791969613986-228x300.png 228w, https:\/\/aikidochatou.fr\/wp-content\/uploads\/2026\/10\/IMG_2922-e1791969613986-768x1010.png 768w, https:\/\/aikidochatou.fr\/wp-content\/uploads\/2026\/10\/IMG_2922-e1791969613986-1168x1536.png 1168w, https:\/\/aikidochatou.fr\/wp-content\/uploads\/2026\/10\/IMG_2922-e1791969613986.png 1179w\" sizes=\"auto, (max-width: 779px) 100vw, 779px\" \/><\/figure>\n<\/div>\n<\/div>\n\n\n\n    <div class=\"ac-container\">\n\n\n        \n        <form method=\"post\">\n\n            <input type=\"hidden\" id=\"ac_nonce\" name=\"ac_nonce\" value=\"0d85f9496b\" \/><input type=\"hidden\" name=\"_wp_http_referer\" value=\"\/index.php\/wp-json\/wp\/v2\/pages\/593\" \/>\n            <div class=\"ac-grid\">\n\n                <div>\n                    <label>Article<\/label>\n                    <select id=\"article\">\n                        <option value=\"T-Shirt\">T-Shirt - 22\u20ac<\/option>\n                        <option value=\"Polo\">Polo - 34\u20ac<\/option>\n                    <\/select>\n                <\/div>\n\n                <div>\n                    <label>Coupe<\/label>\n                    <select id=\"coupe\">\n                        <option>Homme<\/option>\n                        <option>Femme<\/option>\n                    <\/select>\n                <\/div>\n\n                <div>\n                    <label>Couleur<\/label>\n                    <select id=\"couleur\">\n                        <option>Blanc<\/option>\n                        <option>Noir<\/option>\n                        <option>Gris<\/option>\n                    <\/select>\n                <\/div>\n\n                <div>\n                    <label>Taille<\/label>\n                    <select id=\"taille\">\n\t\t\t            <option>XS<\/option>\n                        <option>S<\/option>\n                        <option>M<\/option>\n                        <option>L<\/option>\n                        <option>XL<\/option>\n\t\t\t            <option>2XL<\/option>\n                    <\/select>\n                <\/div>\n\n                <div>\n                    <label>Quantit\u00e9<\/label>\n                    <input type=\"number\" min=\"1\" value=\"1\" id=\"quantite\">\n                <\/div>\n\n            <\/div>\n\n            <button\n                type=\"button\"\n                id=\"ajouter-article\"\n                class=\"ac-secondary-btn\">\n                + Ajouter au panier\n            <\/button>\n<button\n    type=\"button\"\n    id=\"vider-panier\"\n    class=\"ac-danger-btn\">\n    \ud83d\uddd1\ufe0f Vider le panier\n<\/button>\n            <div class=\"ac-total\">\n\n                <h3>Votre commande<\/h3>\n\n                <div id=\"panier-lignes\"><\/div>\n\n                <div class=\"ac-total-value\">\n                    Total : <span id=\"total\">0<\/span> \u20ac\n                <\/div>\n\n            <\/div>\n\n            <input type=\"hidden\" name=\"commande\" id=\"commande\">\n            <input type=\"hidden\" name=\"montant_total\" id=\"montant_total\">\n\n            <h3>Vos coordonn\u00e9es<\/h3>\n\n            <input\n                type=\"text\"\n                name=\"prenom\"\n                placeholder=\"Pr\u00e9nom\"\n                required\n            >\n\n            <input\n                type=\"text\"\n                name=\"nom\"\n                placeholder=\"Nom\"\n                required\n            >\n\n            <input\n                type=\"email\"\n                name=\"email\"\n                placeholder=\"Email\"\n                required\n            >\n\n            <input\n                type=\"tel\"\n                name=\"telephone\"\n                placeholder=\"T\u00e9l\u00e9phone\"\n            >\n\n            <button\n                type=\"submit\"\n                name=\"ac_submit\"\n                class=\"ac-button\"\n            >\n                Envoyer ma pr\u00e9commande\n            <\/button>\n\n        <\/form>\n\n    <\/div>\n\n<style>\n\n\t\n.ac-container{\n    max-width:900px;\n    margin:40px auto;\n    padding:35px;\n    background:#ffffff;\n    border-radius:24px;\n    box-shadow:0 15px 40px rgba(0,0,0,.08);\n}\n\n.ac-header{\n    text-align:center;\n    margin-bottom:30px;\n}\n\n.ac-header img{\n    width:130px;\n    height:130px;\n    border-radius:50%;\n    object-fit:cover;\n    box-shadow:0 10px 25px rgba(0,0,0,.15);\n}\n\n.ac-header h2{\n    color:#0D5C87;\n    margin-top:20px;\n    margin-bottom:5px;\n}\n\n.ac-header p{\n    color:#666;\n}\n\n.ac-grid{\n    display:grid;\n    grid-template-columns:1fr 1fr;\n    gap:15px;\n}\n\n.ac-grid label{\n    display:block;\n    margin-bottom:6px;\n    font-weight:600;\n}\n\n.ac-grid select,\n.ac-grid input,\ninput[type=text],\ninput[type=email],\ninput[type=tel]{\n    width:100%;\n    padding:12px;\n    border:1px solid #ddd;\n    border-radius:10px;\n    box-sizing:border-box;\n}\n\n.ac-secondary-btn{\n    width:100%;\n    margin-top:20px;\n    padding:14px;\n    border:none;\n    border-radius:12px;\n    background:#E7F6FF;\n    color:#0D5C87;\n    font-weight:700;\n    cursor:pointer;\n}\n\n.ac-total{\n    background:#E7F6FF !important;\n    color:#0D5C87 !important;\n    margin-top:25px;\n    padding:25px;\n    border-radius:20px;\n    border:1px solid #CBEAF8;\n    box-shadow:0 4px 12px rgba(13,92,135,.08);\n}\n\n.ac-total h3{\n    color:#0D5C87 !important;\n}\n\n.ac-total-value{\n    color:#0D5C87 !important;\n    background:transparent !important;\n    margin-top:20px;\n    font-size:32px;\n    font-weight:700;\n}\n\n#total{\n    color:#0D5C87 !important;\n    background:transparent !important;\n}\n\n.panier-ligne{\n    padding:10px 0;\n    border-bottom:1px solid rgba(0,0,0,.08);\n}\n\n.ac-button{\n    width:100%;\n    margin-top:25px;\n    padding:18px;\n    border:none;\n    border-radius:14px;\n    background:linear-gradient(135deg,#0D5C87,#1B87C5);\n    color:#fff;\n    font-size:18px;\n    font-weight:700;\n    cursor:pointer;\n}\n\n.ac-success{\n    background:#e7f7ed;\n    padding:15px;\n    border-radius:10px;\n    margin-bottom:20px;\n}\n\n.ac-error{\n    background:#ffe6e6;\n    padding:15px;\n    border-radius:10px;\n    margin-bottom:20px;\n}\n\n.ac-danger-btn{\n    width:100%;\n    margin-top:10px;\n    padding:14px;\n    border:none;\n    border-radius:12px;\n    background:#dc2626;\n    color:#fff;\n    font-weight:700;\n    cursor:pointer;\n}\n\n.ac-danger-btn:hover{\n    background:#b91c1c;\n}\n\n.panier-ligne{\n    display:flex;\n    justify-content:space-between;\n    align-items:center;\n    padding:10px 0;\n    border-bottom:1px solid #ddd;\n}\n\n.supprimer-ligne{\n    border:none;\n    background:none;\n    cursor:pointer;\n    font-size:22px;\n    padding:0;\n}\n#ac-container select,\n.ac-container select{\n    min-height:50px;\n    line-height:1.4;\n    font-size:16px;\n    white-space:nowrap;\n}\n@media(max-width:768px){\n\n    .ac-grid select{\n        width:100% !important;\n        min-height:56px !important;\n        font-size:16px !important;\n        padding:0 40px 0 12px !important;\n        white-space:nowrap !important;\n        overflow:hidden !important;\n        text-overflow:ellipsis !important;\n        box-sizing:border-box !important;\n    }\n\n}\n<\/style>\n\n<script>\n\ndocument.addEventListener('DOMContentLoaded', function(){\n\n    let lignesCommande = [];\n    let totalGeneral = 0;\n\n    function mettreAJourPanier(){\n\n        let commande = '';\n        let total = 0;\n\n        lignesCommande.forEach(function(item){\n\n            if(item){\n\n                commande += item.texte + \"\\n\";\n                total += item.montant;\n\n            }\n\n        });\n\n        document.getElementById('commande').value = commande;\n        document.getElementById('montant_total').value = total;\n        document.getElementById('total').innerHTML = total;\n\n        totalGeneral = total;\n\n    }\n\n    document.getElementById('ajouter-article')\n        .addEventListener('click', function(){\n\n        const article =\n            document.getElementById('article').value;\n\n        const coupe =\n            document.getElementById('coupe').value;\n\n        const couleur =\n            document.getElementById('couleur').value;\n\n        const taille =\n            document.getElementById('taille').value;\n\n        const quantite =\n            parseInt(document.getElementById('quantite').value);\n\n        const prix =\n            article === 'Polo' ? 34 : 22;\n\n        const montant =\n            prix * quantite;\n\n        const texte =\n            article +\n            ' | ' +\n            coupe +\n            ' | ' +\n            couleur +\n            ' | Taille ' +\n            taille +\n            ' | Qt\u00e9 ' +\n            quantite +\n            ' | ' +\n            montant +\n            ' \u20ac';\n\n        const index = lignesCommande.length;\n\n        lignesCommande.push({\n            texte: texte,\n            montant: montant\n        });\n\n        const ligne =\n            document.createElement('div');\n\n        ligne.className = 'panier-ligne';\n\nligne.innerHTML =\n    '<span>' + texte + '<\/span>' +\n    '<button type=\"button\" class=\"supprimer-ligne\" data-index=\"' + index + '\">\u274c<\/button>';\n\n\n        document\n            .getElementById('panier-lignes')\n            .appendChild(ligne);\n\n        mettreAJourPanier();\n\n    });\n\ndocument.addEventListener('click', function(e){\n\n    if(e.target.closest('.supprimer-ligne')){\n\n        const btn = e.target.closest('.supprimer-ligne');\n\n        const index = parseInt(btn.dataset.index);\n\n        lignesCommande[index] = null;\n\n        btn.closest('.panier-ligne').remove();\n\n        mettreAJourPanier();\n    }\n\n});\n\n    document.getElementById('vider-panier')\n        .addEventListener('click', function(){\n\n        if(!confirm('Voulez-vous vraiment vider le panier ?')){\n            return;\n        }\n\n        lignesCommande = [];\n        totalGeneral = 0;\n\n        document.getElementById('panier-lignes').innerHTML = '';\n        document.getElementById('total').innerHTML = '0';\n        document.getElementById('commande').value = '';\n        document.getElementById('montant_total').value = '';\n\n    });\n\n    document.querySelector('form')\n        .addEventListener('submit', function(e){\n\n        if(totalGeneral <= 0){\n\n            e.preventDefault();\n\n            alert('Veuillez ajouter au moins un article.');\n\n        }\n\n    });\n\n});\n<\/script>\n\n\n\n\n\n<p class=\"has-ast-global-color-3-color has-text-color has-link-color wp-elements-2 wp-block-paragraph\"><strong>T-Shirt Officiel<\/strong> &#8211; <strong>Fabrication fran\u00e7aise <\/strong><br>T-shirt de qualit\u00e9, agr\u00e9able \u00e0 porter \u00e0 au taiso comme au quotidien. Le logo A\u00efkido Chatou est <strong>floqu\u00e9 sur la poitrine<\/strong>, offrant une finition moderne et l\u00e9g\u00e8re. Disponible en coupe homme et femme, en blanc, noir ou gris.<\/p>\n\n\n\n<p class=\"has-ast-global-color-3-color has-text-color has-link-color wp-elements-3 wp-block-paragraph\"><strong>Polo Officiel<\/strong> &#8211; <strong>Fabrication fran\u00e7aise <\/strong><br>Polo premium au style plus habill\u00e9, id\u00e9al pour les stages, \u00e9v\u00e9nements et repr\u00e9sentations du club. Le logo A\u00efkido Chatou est <strong>cousu (brod\u00e9) sur la poitrine<\/strong>, garantissant une finition \u00e9l\u00e9gante et durable. Disponible en coupe homme et femme, en blanc, noir ou gris.<\/p>\n\n\n\n<p class=\"has-ast-global-color-3-color has-text-color has-link-color wp-elements-4 wp-block-paragraph\">\u2705 Logo officiel du club<br>\u2705 Pr\u00e9commande r\u00e9serv\u00e9e aux membres et sympathisants du club<\/p>\n\n\n\n<p class=\"has-luminous-vivid-orange-color has-text-color has-link-color wp-elements-5 wp-block-paragraph\"><strong>Attention : les tenues sont produites uniquement en fonction des pr\u00e9commandes enregistr\u00e9es. Pensez \u00e0 r\u00e9server avant la date limite afin de garantir votre commande.<\/strong><\/p>\n\n\n\n<p class=\"has-luminous-vivid-orange-color has-text-color has-link-color wp-elements-6 wp-block-paragraph\"><strong>Paiement au club <\/strong>: voir modalit\u00e9s avec le bureau <\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Tenues Officielles A\u00efkido Chatou T-Shirt Officiel &#8211; Fabrication fran\u00e7aise T-shirt de qualit\u00e9, agr\u00e9able \u00e0 porter \u00e0 au taiso comme au quotidien. Le logo A\u00efkido Chatou est floqu\u00e9 sur la poitrine, offrant une finition moderne et l\u00e9g\u00e8re. Disponible en coupe homme et femme, en blanc, noir ou gris. Polo Officiel &#8211; Fabrication fran\u00e7aise Polo premium au [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_uag_custom_page_level_css":"","site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-593","page","type-page","status-publish","hentry"],"uagb_featured_image_src":{"full":false,"thumbnail":false,"medium":false,"medium_large":false,"large":false,"1536x1536":false,"2048x2048":false},"uagb_author_info":{"display_name":"Admin Aikikai Chatou","author_link":"https:\/\/aikidochatou.fr\/index.php\/author\/admin1214\/"},"uagb_comment_info":0,"uagb_excerpt":"Tenues Officielles A\u00efkido Chatou T-Shirt Officiel &#8211; Fabrication fran\u00e7aise T-shirt de qualit\u00e9, agr\u00e9able \u00e0 porter \u00e0 au taiso comme au quotidien. Le logo A\u00efkido Chatou est floqu\u00e9 sur la poitrine, offrant une finition moderne et l\u00e9g\u00e8re. Disponible en coupe homme et femme, en blanc, noir ou gris. Polo Officiel &#8211; Fabrication fran\u00e7aise Polo premium au\u2026","_links":{"self":[{"href":"https:\/\/aikidochatou.fr\/index.php\/wp-json\/wp\/v2\/pages\/593","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/aikidochatou.fr\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/aikidochatou.fr\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/aikidochatou.fr\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/aikidochatou.fr\/index.php\/wp-json\/wp\/v2\/comments?post=593"}],"version-history":[{"count":17,"href":"https:\/\/aikidochatou.fr\/index.php\/wp-json\/wp\/v2\/pages\/593\/revisions"}],"predecessor-version":[{"id":933,"href":"https:\/\/aikidochatou.fr\/index.php\/wp-json\/wp\/v2\/pages\/593\/revisions\/933"}],"wp:attachment":[{"href":"https:\/\/aikidochatou.fr\/index.php\/wp-json\/wp\/v2\/media?parent=593"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}