{"id":1002,"date":"2024-11-25T10:12:11","date_gmt":"2024-11-25T10:12:11","guid":{"rendered":"https:\/\/batch.zoedev.tech\/?page_id=1002"},"modified":"2024-12-05T11:36:29","modified_gmt":"2024-12-05T11:36:29","slug":"products-filter","status":"publish","type":"page","link":"https:\/\/batch.zoedev.tech\/fr\/products-filter\/","title":{"rendered":"produits filtre"},"content":{"rendered":"<p>Recherche de cha\u00eenes de pneus<\/p>\n<p>\t\t\t\t\t<a role=\"button\" id=\"size-dialog\"><br \/>\n\t\t\t\t\t\t\t\t\tComment lire la taille de vos pneus ?<br \/>\n\t\t\t\t\t<\/a><br \/>\n\t\t\t    <div class=\"custom-product-filter-container\">\n      <div class=\"filter-sidebar\">\n        \n    <div class=\"tire-size-filter\">\n        <h3>Taille des pneus<\/h3>\n        <form method=\"get\" id=\"tire-filter-form\" action=\"\">\n            <select name=\"tire_size\" class=\"tire-size-select\" style=\"width: 100%\">\n                <option value=\"\">S\u00e9lectionner la taille du pneu<\/option>\n                                    <option value=\"145\/65-15\" \n                        >\n                        145\/65-15                    <\/option>\n                                    <option value=\"145\/70-14\" \n                        >\n                        145\/70-14                    <\/option>\n                                    <option value=\"145\/70-15\" \n                        >\n                        145\/70-15                    <\/option>\n                                    <option value=\"145\/80-13\" \n                        >\n                        145\/80-13                    <\/option>\n                                    <option value=\"145\/80-15\" \n                        >\n                        145\/80-15                    <\/option>\n                                    <option value=\"155\/60-15\" \n                        >\n                        155\/60-15                    <\/option>\n                                    <option value=\"155\/65-14\" \n                        >\n                        155\/65-14                    <\/option>\n                                    <option value=\"155\/70-14\" \n                        >\n                        155\/70-14                    <\/option>\n                                    <option value=\"155\/70-15\" \n                        >\n                        155\/70-15                    <\/option>\n                                    <option value=\"155\/80-13\" \n                        >\n                        155\/80-13                    <\/option>\n                                    <option value=\"165\/60-14\" \n                        >\n                        165\/60-14                    <\/option>\n                                    <option value=\"165\/60-15\" \n                        >\n                        165\/60-15                    <\/option>\n                                    <option value=\"165\/65-13\" \n                        >\n                        165\/65-13                    <\/option>\n                                    <option value=\"165\/65-14\" \n                        >\n                        165\/65-14                    <\/option>\n                                    <option value=\"165\/70-13\" \n                        >\n                        165\/70-13                    <\/option>\n                                    <option value=\"165\/70-14\" \n                        >\n                        165\/70-14                    <\/option>\n                                    <option value=\"165\/70-360\" \n                        >\n                        165\/70-360                    <\/option>\n                                    <option value=\"165\/70-365\" \n                        >\n                        165\/70-365                    <\/option>\n                                    <option value=\"165\/75-13\" \n                        >\n                        165\/75-13                    <\/option>\n                                    <option value=\"165\/75-14\" \n                        >\n                        165\/75-14                    <\/option>\n                                    <option value=\"165\/80-13\" \n                        >\n                        165\/80-13                    <\/option>\n                                    <option value=\"165\/80-14\" \n                        >\n                        165\/80-14                    <\/option>\n                                    <option value=\"175\/55-15\" \n                        >\n                        175\/55-15                    <\/option>\n                                    <option value=\"175\/60-14\" \n                        >\n                        175\/60-14                    <\/option>\n                                    <option value=\"175\/60-15\" \n                        >\n                        175\/60-15                    <\/option>\n                                    <option value=\"175\/65-13\" \n                        >\n                        175\/65-13                    <\/option>\n                                    <option value=\"175\/65-14\" \n                        >\n                        175\/65-14                    <\/option>\n                                    <option value=\"175\/70-13\" \n                        >\n                        175\/70-13                    <\/option>\n                                    <option value=\"175\/75-13\" \n                        >\n                        175\/75-13                    <\/option>\n                                    <option value=\"185\/50-14\" \n                        >\n                        185\/50-14                    <\/option>\n                                    <option value=\"185\/55-14\" \n                        >\n                        185\/55-14                    <\/option>\n                                    <option value=\"185\/60-13\" \n                        >\n                        185\/60-13                    <\/option>\n                                    <option value=\"185\/60-14\" \n                        >\n                        185\/60-14                    <\/option>\n                                    <option value=\"195\/45-15\" \n                        >\n                        195\/45-15                    <\/option>\n                                    <option value=\"195\/50-14\" \n                        >\n                        195\/50-14                    <\/option>\n                                    <option value=\"195\/55-13\" \n                        >\n                        195\/55-13                    <\/option>\n                                    <option value=\"195\/60-13\" \n                        >\n                        195\/60-13                    <\/option>\n                                    <option value=\"205\/50-14\" \n                        >\n                        205\/50-14                    <\/option>\n                                    <option value=\"215\/50-13\" \n                        >\n                        215\/50-13                    <\/option>\n                                    <option value=\"777\/77-78\" \n                        >\n                        777\/77-78                    <\/option>\n                                    <option value=\"888\/88-89\" \n                        >\n                        888\/88-89                    <\/option>\n                            <\/select>\n        <input type=\"hidden\" name=\"trp-form-language\" value=\"fr\"\/><\/form>\n    <\/div>\n<\/div>\n        \n        <div class=\"product-listing\">\n            <div class=\"tire-guide-container\">\n        <div class=\"guide-step\">\n            <div class=\"content-wrapper\">\n                <h2>\u00c9tape 1 : V\u00e9rifiez la taille de vos pneus<\/h2>\n                <div class=\"step-content\">\n                    <p>- D\u00e9terminer la taille du pneu : Regardez le flanc de votre pneu pour trouver la taille (par exemple, 205\/55R16).<\/p>\n                <\/div>\n            <\/div>  \n                <div class=\"image-wrapper\">\n                    <img decoding=\"async\" src=\"https:\/\/batch.zoedev.tech\/wp-content\/uploads\/2024\/11\/1.jpg\" alt=\"Owner's manual\">\n                <\/div>\n        <\/div>\n\n        <div class=\"guide-step reverse\">\n        \n            <div class=\"content-wrapper\">\n            <h2>\u00c9tape 2 : Utiliser la barre de recherche de la cha\u00eene de pneus<\/h2>\n            <div class=\"step-content\">\n                <p>- Recherchez votre taille : Utilisez la barre de recherche de cha\u00eenes de pneus sur cette page pour saisir la taille de votre pneu.<\/p>\n                <p>- Filtrez et affinez vos options : R\u00e9duisez vos choix en appliquant des filtres tels que le type de v\u00e9hicule, la conception de la cha\u00eene, le mat\u00e9riau et la marque.<\/p>\n            <\/div>\n            <\/div>\n            <div class=\"image-wrapper\">\n                <img decoding=\"async\" src=\"https:\/\/batch.zoedev.tech\/wp-content\/uploads\/2024\/11\/filter.png\" alt=\"Tire size inspection\">\n            <\/div>\n        <\/div>\n\n        <div class=\"guide-step\">\n            <div class=\"content-wrapper\">\n            <h2>\u00c9tape 3 : Examiner les d\u00e9tails du produit<\/h2>\n                <div class=\"step-content\">\n                <p>- S\u00e9lectionnez un produit et v\u00e9rifiez les sp\u00e9cifications : V\u00e9rifiez les d\u00e9tails du produit pour vous assurer qu'il correspond \u00e0 la taille de vos pneus et qu'il r\u00e9pond \u00e0 vos besoins en termes de performances.<\/p>\n                <\/div>\n            <\/div>  \n                <div class=\"image-wrapper\">\n                    <img decoding=\"async\" src=\"https:\/\/batch.zoedev.tech\/wp-content\/uploads\/2024\/12\/detail.png\" alt=\"Owner's manual\">\n                <\/div>\n        <\/div>\n\n        <div class=\"guide-step reverse\">\n        \n            <div class=\"content-wrapper\">\n            <h2>\u00c9tape 4 : Nous contacter pour obtenir de l'aide<\/h2>\n            <div class=\"step-content\">\n            <p>- Conseils d'experts : Utilisez le chat en direct, le formulaire de contact Partagez avec nous la taille de vos pneus et les d\u00e9tails de votre v\u00e9hicule, et nous vous recommanderons les meilleures options pour vos besoins.<\/p>\n            <\/div>\n            <\/div>\n            <div class=\"image-wrapper\">\n                <img decoding=\"async\" src=\"https:\/\/batch.zoedev.tech\/wp-content\/uploads\/2024\/12\/contact-us.png\" alt=\"Tire size inspection\">\n            <\/div>\n        <\/div>\n\n        <div class=\"guide-footer\">\n            <p>En suivant ces \u00e9tapes et en utilisant notre barre de recherche de cha\u00eenes de pneus, vous pouvez rapidement trouver et acheter les bonnes cha\u00eenes de pneus pour am\u00e9liorer votre s\u00e9curit\u00e9 et vos performances dans les conditions de conduite hivernales. Si vous avez besoin d'aide, n'h\u00e9sitez pas \u00e0 contacter notre \u00e9quipe pour obtenir des conseils d'experts !<\/p>\n        <\/div>\n    <\/div>\n\n    <style>\n         .tire-guide-container {\n            width: 100%;\n            margin: 0 auto;\n            font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif;\n            color: #333;\n            line-height: 1.6;\n\t\t\t display: flex;\n\t\t\tflex-wrap: wrap;\n\t\t\tjustify-content: space-between;\n        }\n\n        .guide-step {\n            display: flex;\n            align-items: flex-start;\n            gap: 40px;\n\t\t\twidth: 45%;\n\t\t\tmargin: 0 40px 40px 0px;\n        }\n\n        .guide-step.reverse {\n\t\t\tmargin: 0 0 40px 40px;\n        }\n\n        .content-wrapper {\n            flex: 1;\n        }\n\n        .image-wrapper {\n            flex: 1;\n        }\n\n        .guide-step h2 {\n            font-size: 32px;\n            color: #333;\n            margin: 0 0 20px 0;\n            padding: 0;\n            font-weight: 500;\n        }\n\n        .step-content {\n            color: #555;\n        }\n\n        .step-content p {\n            margin-bottom: 15px;\n            font-size: 16px;\n            line-height: 1.6;\n        }\n\n        .guide-step img {\n            max-width: 100%;\n            height: auto;\n            border-radius: 4px;\n\t\t\twidth: 300px;\n        }\n\n        @media (max-width: 768px) {\n            .guide-step,\n            .guide-step.reverse {\n                flex-direction: column;\n                gap: 20px;\n            }\n\n            .guide-step h2 {\n                font-size: 24px;\n            }\n\n            .step-content p {\n                font-size: 14px;\n            }\n\n            .content-wrapper,\n            .image-wrapper {\n                width: 100%;\n            }\n        }\n    <\/style>\n       \n        <\/div>\n    <\/div>\n\n    <style>\n        .custom-product-filter-container {\n            display: flex;\n            gap: 30px;\n\t\t\tflex-direction: column;\n        }\n        .filter-sidebar {\n              width: 100%;\n\t\t\t  height: 14vh;\n\t\t\t  text-align: center;\n        }\n        .product-listing {\n            flex: 1;\n        }\n        .tire-size-filter h3 {\n            margin-bottom: 15px;\n            font-size: 30px;\n            font-weight: bold;\n        }\n        .select2-container--default .select2-selection--single {\n            height: 60px;\n            border: 1px solid #ddd;\n\t\t\tborder-radius: 30px;\n        }\n\t\t.select2-selection__placeholder{\n\t\t\t  font-size: 24px!important;\n\t\t\tline-height: 40px!important;\n\t\t}\n\t\t.select2-container--default .select2-selection--single .select2-selection__arrow b{\n\t\t\t\tborder-width: 10px 9px 0 9px ;\n\t\t\t\tmargin-left: -24px;\n\t\t}\n\t\t.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b{\n\t\t\t    border-width: 0 10px 11px 10px;\n\t\t\t\tmargin-left: -24px;\n\t\t}\n\t\t \n\t\t.select2-container--default .select2-selection--single .select2-selection__clear{\n\t\t\tmargin-right: 30px;\n\t\t}\n        .select2-container--default .select2-selection--single .select2-selection__rendered {\n            font-size: 28px;\n\/*             padding-left: 12px; *\/\n        }\n        .select2-container--default .select2-selection--single .select2-selection__arrow {\n            height: 38px;\n        }\n        .select2-dropdown {\n            border: 1px solid #ddd;\n        }\n        .select2-search--dropdown .select2-search__field {\n            padding: 8px;\n            border: 1px solid #ddd;\n        }\n\t\t.select2-container--default .select2-results>.select2-results__options {\n\t\t\tmax-height: 300px;\n\t\t}\n        .select2-results__option {\n            padding: 8px 12px;\n        }\n        .select2-container--default .select2-results__option--highlighted[aria-selected] {\n            background-color: #4a90e2;\n        }\n        @media (max-width: 768px) {\n            .custom-product-filter-container {\n                flex-direction: column;\n            }\n            .filter-sidebar {\n                width: 100%;\n            }\n        }\n         \/* \u65b0\u589e\u7684\u4ea7\u54c1\u5c55\u793a\u6837\u5f0f *\/\n         .filter-title {\n            font-size: 28px;\n            font-weight: bold;\n            margin-bottom: 0;\n            color: #333;\n\t\t\tline-height: 35px;\n        }\n        \n        .products-grid {\n            display: flex;\n            flex-direction: column;\n            gap: 30px;\n        }\n        \n        .product-item {\n            display: flex;\n            gap: 30px;\n            padding: 20px;\n            background: #fff;\n            border: 1px solid #eee;\n        }\n        \n        .product-image {\n            flex: 0 0 300px;\n        }\n        \n        .product-image img {\n            width: 100%;\n            height: auto;\n        }\n        \n        .product-details {\n            flex: 1;\n        }\n        \n        .product-title {\n            font-size: 24px;\n            font-weight: bold;\n            margin-bottom: 15px;\n            color: #333;\n        }\n        \n        .product-description {\n            color: #666;\n            margin-bottom: 20px;\n            line-height: 1.6;\n        }\n        \n        .product-meta {\n            margin-top: 20px;\n        }\n        \n        .meta-item {\n            margin-bottom: 10px;\n        }\n        \n        .meta-item strong {\n            display: inline-block;\n            width: 120px;\n            color: #333;\n        }\n        \n        @media (max-width: 768px) {\n            .product-item {\n                flex-direction: column;\n            }\n            \n            .product-image {\n                flex: none;\n                width: 100%;\n            }\n        }\n        .products-grid {\n            display: flex;\n            flex-direction: column;\n            gap: 30px;\n        }\n        \n        .product-item-link {\n            text-decoration: none;\n            color: inherit;\n            display: block;\n            border: 1px solid #e0e0e0;\n            border-radius: 4px;\n            overflow: hidden;\n            transition: all 0.3s ease;\n        }\n        \n        .product-item-link:hover {\n            box-shadow: 0 2px 15px rgba(0,0,0,0.1);\n            transform: translateY(-2px);\n        }\n        \n        .product-item {\n            display: flex;\n            gap: 30px;\n            padding: 20px;\n            background: #fff;\n        }\n        \n        .product-image {\n            flex: 0 0 300px;\n        }\n        \n        .product-image img {\n            width: 100%;\n            height: auto;\n            display: block;\n        }\n        \n        .product-details {\n            flex: 1;\n        }\n        \n        .product-title {\n            font-size: 24px;\n            font-weight: bold;\n            margin-bottom: 15px;\n            color: #333;\n        }\n        \n        .product-description {\n            color: #666;\n            margin-bottom: 20px;\n            line-height: 1.6;\n        }\n        \n        .product-meta {\n            margin-top: 20px;\n            color: #333;\n        }\n        \n        .meta-item {\n            margin-bottom: 10px;\n        }\n        \n        .meta-item strong {\n            display: inline-block;\n            width: 120px;\n        }\n        \n \n \n \n    <\/style>\n\n    <script>\n    jQuery(document).ready(function($) {\n        $('.tire-size-select').select2({\n \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0placeholder: \"Select Tire Size\",\n            allowClear: true,\n            width: '100%'\n        });\n\n        $('.tire-size-select').on('change', function() {\n            $('#tire-filter-form').submit();\n        });\n    });\n    <\/script>\n    <\/p>","protected":false},"excerpt":{"rendered":"<p>Tire Chain Search How to read your tire size?<\/p>","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-1002","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/batch.zoedev.tech\/fr\/wp-json\/wp\/v2\/pages\/1002","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/batch.zoedev.tech\/fr\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/batch.zoedev.tech\/fr\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/batch.zoedev.tech\/fr\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/batch.zoedev.tech\/fr\/wp-json\/wp\/v2\/comments?post=1002"}],"version-history":[{"count":25,"href":"https:\/\/batch.zoedev.tech\/fr\/wp-json\/wp\/v2\/pages\/1002\/revisions"}],"predecessor-version":[{"id":1589,"href":"https:\/\/batch.zoedev.tech\/fr\/wp-json\/wp\/v2\/pages\/1002\/revisions\/1589"}],"wp:attachment":[{"href":"https:\/\/batch.zoedev.tech\/fr\/wp-json\/wp\/v2\/media?parent=1002"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}