{"id":57313,"date":"2025-03-16T14:27:24","date_gmt":"2025-03-16T14:27:24","guid":{"rendered":"https:\/\/savondemarseille.boutique\/?p=57313"},"modified":"2025-03-16T22:06:56","modified_gmt":"2025-03-16T22:06:56","slug":"testingcode","status":"publish","type":"post","link":"https:\/\/savondemarseille.boutique\/en\/blog\/testingcode\/","title":{"rendered":"testingcode"},"content":{"rendered":"<div class=\"wpb-content-wrapper\"><div data-vc-full-width=\"true\" data-vc-full-width-temp=\"true\" data-vc-full-width-init=\"false\" class=\"vc_row wpb_row vc_row-fluid\"><div class=\"wpb_column vc_column_container vc_col-sm-12\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\">\n\t<div class=\"wpb_raw_code wpb_raw_html wpb_content_element\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<div class=\"banner\">\n    <a href=\"https:\/\/exemple.com\/produit\" class=\"full-link\"><\/a>\n    <div class=\"banner-content\">\n        <h2> Marseille soap <\/h2>\n        <h3> Produced since 1906, our soaps perpetuate an ancestral artisanal method. <\/h3>\n        <a href=\"https:\/\/exemple.com\/panier\" class=\"btn\"> Add to basket <\/a>\n    <\/div>\n<\/div>\n\n<style>\n    .banner {\n        position: relative;\n        width: 100%;\n        height: 400px; \/* Ajuste la hauteur *\/\n        background: url('https:\/\/savondemarseille.boutique\/wp-content\/uploads\/2025\/03\/SDM-VERT-2.png') center\/cover no-repeat;\n        display: flex;\n        align-items: flex-start;\n        justify-content: flex-start;\n        padding: 40px;\n        box-sizing: border-box;\n        border-radius: 10px;\n        overflow: hidden;\n    }\n\n    \/* Lien couvrant toute la banni\u00e8re *\/\n    .full-link {\n        position: absolute;\n        width: 100%;\n        height: 100%;\n        top: 0;\n        left: 0;\n        z-index: 1;\n    }\n\n    .banner-content {\n        position: relative;\n        z-index: 2;\n        color: #3a3a3a;\n        max-width: 50%;\n        background: rgba(255, 255, 255, 0.7); \/* Fond blanc semi-transparent *\/\n        padding: 20px;\n        border-radius: 8px;\n    }\n\n    h2 {\n        font-size: 2.2em;\n        margin-bottom: 10px;\n        font-weight: bold;\n    }\n\n    h3 {\n        font-size: 1.2em;\n        margin-bottom: 20px;\n    }\n\n    .btn {\n        display: inline-block;\n        background: transparent;\n        color: #3a3\n\n\t\t<\/div>\n\t<\/div>\n<\/div><\/div><\/div><\/div><div class=\"vc_row-full-width vc_clearfix\"><\/div><div class=\"vc_row wpb_row vc_row-fluid\"><div class=\"wpb_column vc_column_container vc_col-sm-12\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\">\n    <div id=\"banner_69f62e9a2482a\" class=\"banner\" data-desktop=\"https:\/\/savondemarseille.boutique\/wp-content\/uploads\/2025\/03\/test5.png\" data-mobile=\"\">\n        <a href=\"#\" class=\"full-link\"><\/a>\n        <div class=\"banner-content\">\n            <div class=\"banner-top\">\n                <div class=\"banner-title-wrapper\">\n                    <a href=\"#\" class=\"content-link\">\n                        <div class=\"banner-title\">\n                            <h2 style=\"color: #000000;\">\n                                Savon de Marseille                            <\/h2>\n                        <\/div>\n                    <\/a>\n                <\/div>\n                <div class=\"banner-description-wrapper\">\n                    <a href=\"#\" class=\"content-link\">\n                        <div class=\"banner-description\">\n                            <p style=\"color: #000000;\">\n                                Fabriqu\u00e9s depuis 1906, nos savons perp\u00e9tuent une m\u00e9thode artisanale ancestrale.Fabriqu\u00e9s depuis 1906, nos savons perp\u00e9tuent une m\u00e9thode artisanale ancestrale.Fabriqu\u00e9s depuis 1906, nos savons perp\u00e9tuent une m\u00e9thode artisanale ancestrale.Fabriqu\u00e9s depuis 1906, nos savons perp\u00e9tuent une m\u00e9thode artisanale ancestrale.Fabriqu\u00e9s depuis 1906, nos savons perp\u00e9tuent une m\u00e9thode artisanale ancestrale.                            <\/p>\n                        <\/div>\n                    <\/a>\n                <\/div>\n            <\/div>\n            <div class=\"banner-bottom\">\n                                <div class=\"banner-button-wrapper\">\n                    <a href=\"#\" class=\"btn\"> \n                        Ajouter au panier                    <\/a>\n                <\/div>\n                            <\/div>\n        <\/div>\n    <\/div>\n\n    <style>\n        #banner_69f62e9a2482a {\n            position: relative;\n            width: 100%;\n            height: 400px;\n            background-size: cover;\n            background-position: center;\n            padding: 40px;\n            box-sizing: border-box;\n            border-radius: 10px;\n            overflow: hidden;\n            transition: background-image 0.3s ease-in-out;\n        }\n\n        .full-link {\n            position: absolute;\n            width: 100%;\n            height: 100%;\n            top: 0;\n            left: 0;\n            z-index: 1;\n        }\n\n        \/*banner-content old*\/\n        \/*\n        .banner-content {\n            position: relative;\n            z-index: 2;\n            background: rgba(255, 255, 255, 0.8);\n            padding: 20px;\n            width: 50%;\n            border-radius: 8px;\n        }\n        *\/\n        .banner{\n            margin: 1%;\n            width: 98% !important;\n        }\n        \n        \/*banner-content V2*\/\n        .banner-content {\n            position: relative;\n            z-index: 2;\n            display: flex;\n            flex-direction: column;\n            align-items: flex-start;\n            width: 50%;\n        }\n        \n        .banner-top{\n            padding: 2%;\n            background: transparent;\n            border-radius: 8px;\n            margin: 2%;\n        }\n        \n        .banner-bottom{\n            margin: 2%;\n        }\n        \n        a.full-link{\n            text-decoration: none;\n        }\n        \n        div > a{\n            text-decoration: none;\n        }\n        \n        \n        \n        \/*btn old*\/\n        \/*\n        .btn {\n            position: relative;\n            z-index: 2;\n            padding: 12px 20px;\n            background: #3a3a3a;\n            color: #fff;\n            text-decoration: none;\n            border-radius: 5px;\n        }\n        *\/\n        \n        \/*btn V2*\/\n        .btn {\n            position: relative;\n            z-index: 2;\n           \n            font-size: 20px;\n            font-weight: 700;\n            color: #3a3a3a;\n            text-transform: none;\n            text-decoration: none;\n            letter-spacing: 0px;\n            line-height: 20px;\n            text-align: center;\n            white-space: normal;\n            padding: 16px 0px;\n            border-style: solid;\n            border-width: 1px;\n            border-color: #3a3a3a;\n            border-radius: 0px;\n            vertical-align: inherit;\n            transform-origin: 50% 50%;\n            transform: perspective(600px) translate3d(0px, 0px, 0px);\n            width: 210px;\n            height: auto;\n            display: block;\n            visibility: inherit;\n            background: #ffffff52;\n            opacity: 1;\n            pointer-events: auto;\n            margin: 1%;\n        }\n        .btn:hover {\n            color: white;\n            border-color: #3a3a3a;\n            background: #3a3a3a;\n        }\n        \n        \n        @media (max-width: 768px) {\n            #banner_69f62e9a2482a {\n                background-image: url('') !important;\n            }\n            \n            .banner{\n                padding: 2% !important;\n            }\n                   .banner-title h2{\n           font-size: 24px;\n    line-height: 26px;\n        }\n            .banner-content {\n                width: 100%;\n            }\n            .banner-description p{\n               display: none;\n               height: 260px;\n           }\n    \n        \n        .banner-bottom {\n    \/* margin: 21%; *\/\n    position: absolute;\n    top: 375px;\n \n}\n    <\/style>\n    \n    \n\n    <script>\n        document.addEventListener(\"DOMContentLoaded\", function () {\n            var banner = document.getElementById(\"banner_69f62e9a2482a\");\n\n            function updateBannerImage() {\n                banner.style.backgroundImage = window.innerWidth <= 768 ? \"url('')\" : \"url('https:\/\/savondemarseille.boutique\/wp-content\/uploads\/2025\/03\/test5.png')\";\n            }\n\n            updateBannerImage();\n            window.addEventListener(\"resize\", updateBannerImage);\n        });\n    <\/script>\n    \n<\/div><\/div><\/div><\/div>\n<\/div>","protected":false},"excerpt":{"rendered":"<p>Marseille soap Made since 1906, our soaps perpetuate an ancestral artisanal method. Add to basket<\/p>","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"inline_featured_image":false,"wds_primary_category":0,"footnotes":""},"categories":[1],"tags":[],"class_list":["post-57313","post","type-post","status-publish","format-standard","hentry","category-uncategorized","category-1","description-off"],"_links":{"self":[{"href":"https:\/\/savondemarseille.boutique\/en\/wp-json\/wp\/v2\/posts\/57313","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/savondemarseille.boutique\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/savondemarseille.boutique\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/savondemarseille.boutique\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/savondemarseille.boutique\/en\/wp-json\/wp\/v2\/comments?post=57313"}],"version-history":[{"count":15,"href":"https:\/\/savondemarseille.boutique\/en\/wp-json\/wp\/v2\/posts\/57313\/revisions"}],"predecessor-version":[{"id":57328,"href":"https:\/\/savondemarseille.boutique\/en\/wp-json\/wp\/v2\/posts\/57313\/revisions\/57328"}],"wp:attachment":[{"href":"https:\/\/savondemarseille.boutique\/en\/wp-json\/wp\/v2\/media?parent=57313"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/savondemarseille.boutique\/en\/wp-json\/wp\/v2\/categories?post=57313"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/savondemarseille.boutique\/en\/wp-json\/wp\/v2\/tags?post=57313"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}