{"id":470,"date":"2025-06-07T12:16:15","date_gmt":"2025-06-07T12:16:15","guid":{"rendered":"https:\/\/spiceroad.fr\/?page_id=470"},"modified":"2025-07-03T06:47:31","modified_gmt":"2025-07-03T06:47:31","slug":"demande-produit","status":"publish","type":"page","link":"https:\/\/spiceroad.fr\/en_gb\/demande-produit\/","title":{"rendered":"Demande produit"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"470\" class=\"elementor elementor-470\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9bd14ca e-flex e-con-boxed e-con e-parent\" data-id=\"9bd14ca\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8b6ea3b elementor-widget__width-inherit elementor-widget elementor-widget-heading\" data-id=\"8b6ea3b\" data-element_type=\"widget\" data-e-type=\"widget\" id=\"produit-title\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Demande produit<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-8483bca elementor-widget elementor-widget-html\" data-id=\"8483bca\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div id=\"produit-thumbnail-wrapper\" style=\"position: relative; display: inline-block;\">\r\n    <div id=\"image-loader\" style=\"position: absolute; top: 0; left: 0;          width: 100%; height: 100%; display: flex; align-items: center;          justify-content: center; background: rgba(255,255,255,0.8); z-index: 1;\">\r\n        <span>Chargement...<\/span>\r\n    <\/div>\r\n    <img decoding=\"async\" id=\"produit-thumbnail\" src=\"\" alt=\"Image du produit\" style=\"max-width:300px; display:block;\" \/>\r\n<\/div>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-17c0819 elementor-button-align-center elementor-widget__width-initial elementor-widget elementor-widget-form\" data-id=\"17c0819\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;step_next_label&quot;:&quot;Next&quot;,&quot;step_previous_label&quot;:&quot;Previous&quot;,&quot;button_width&quot;:&quot;100&quot;,&quot;step_type&quot;:&quot;number_text&quot;,&quot;step_icon_shape&quot;:&quot;circle&quot;}\" data-widget_type=\"form.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<form class=\"elementor-form\" method=\"post\" name=\"Demande produit\" action=\"\">\n\t\t\t<input type=\"hidden\" name=\"post_id\" value=\"470\"\/>\n\t\t\t<input type=\"hidden\" name=\"form_id\" value=\"17c0819\"\/>\n\t\t\t<input type=\"hidden\" name=\"referer_title\" value=\"Demande produit - spiceroad.fr\" \/>\n\n\t\t\t\t\t\t\t<input type=\"hidden\" name=\"queried_id\" value=\"470\"\/>\n\t\t\t\n\t\t\t<div class=\"elementor-form-fields-wrapper elementor-labels-above\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-hidden elementor-field-group elementor-column elementor-field-group-product_refname elementor-col-100\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<input size=\"1\" type=\"hidden\" name=\"form_fields[product_refname]\" id=\"form-field-product_refname\" class=\"elementor-field elementor-size-sm  elementor-field-textual\">\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-text elementor-field-group elementor-column elementor-field-group-name elementor-col-50 elementor-field-required elementor-mark-required\">\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"form-field-name\" class=\"elementor-field-label\">\n\t\t\t\t\t\t\t\tLastname\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<input size=\"1\" type=\"text\" name=\"form_fields[name]\" id=\"form-field-name\" class=\"elementor-field elementor-size-sm  elementor-field-textual\" placeholder=\"Lastname\" required=\"required\">\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-text elementor-field-group elementor-column elementor-field-group-firstname elementor-col-50 elementor-field-required elementor-mark-required\">\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"form-field-firstname\" class=\"elementor-field-label\">\n\t\t\t\t\t\t\t\tFirstname\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<input size=\"1\" type=\"text\" name=\"form_fields[firstname]\" id=\"form-field-firstname\" class=\"elementor-field elementor-size-sm  elementor-field-textual\" placeholder=\"Firstname\" required=\"required\">\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-text elementor-field-group elementor-column elementor-field-group-phone elementor-col-50\">\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"form-field-phone\" class=\"elementor-field-label\">\n\t\t\t\t\t\t\t\tPhone\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<input size=\"1\" type=\"text\" name=\"form_fields[phone]\" id=\"form-field-phone\" class=\"elementor-field elementor-size-sm  elementor-field-textual\" placeholder=\"Your phone number\">\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-email elementor-field-group elementor-column elementor-field-group-email elementor-col-50 elementor-field-required elementor-mark-required\">\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"form-field-email\" class=\"elementor-field-label\">\n\t\t\t\t\t\t\t\tEmail\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<input size=\"1\" type=\"email\" name=\"form_fields[email]\" id=\"form-field-email\" class=\"elementor-field elementor-size-sm  elementor-field-textual\" placeholder=\"Email\" required=\"required\">\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-text elementor-field-group elementor-column elementor-field-group-business elementor-col-50\">\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"form-field-business\" class=\"elementor-field-label\">\n\t\t\t\t\t\t\t\tCompany\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<input size=\"1\" type=\"text\" name=\"form_fields[business]\" id=\"form-field-business\" class=\"elementor-field elementor-size-sm  elementor-field-textual\" placeholder=\"Company name\">\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-select elementor-field-group elementor-column elementor-field-group-activity elementor-col-50 elementor-field-required elementor-mark-required\">\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"form-field-activity\" class=\"elementor-field-label\">\n\t\t\t\t\t\t\t\tActivity\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field elementor-select-wrapper remove-before\">\n\t\t\t<div class=\"select-caret-down-wrapper\">\n\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-eicon-caret-down\" viewbox=\"0 0 571.4 571.4\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M571 393Q571 407 561 418L311 668Q300 679 286 679T261 668L11 418Q0 407 0 393T11 368 36 357H536Q550 357 561 368T571 393Z\"><\/path><\/svg>\t\t\t<\/div>\n\t\t\t<select name=\"form_fields[activity]\" id=\"form-field-activity\" class=\"elementor-field-textual elementor-size-sm\" required=\"required\">\n\t\t\t\t\t\t\t\t\t<option value=\"Choisir\">Choose<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"Commer\u00e7ant\">Retailer<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"Artisan\">Artisan<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"Distributeur\">Distributor<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"Industriel\">Manufacturer<\/option>\n\t\t\t\t\t\t\t<\/select>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-text elementor-field-group elementor-column elementor-field-group-objet_message elementor-col-100 elementor-field-required elementor-mark-required\">\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"form-field-objet_message\" class=\"elementor-field-label\">\n\t\t\t\t\t\t\t\tObject\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<input size=\"1\" type=\"text\" name=\"form_fields[objet_message]\" id=\"form-field-objet_message\" class=\"elementor-field elementor-size-sm  elementor-field-textual\" required=\"required\">\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-textarea elementor-field-group elementor-column elementor-field-group-message elementor-col-100 elementor-field-required elementor-mark-required\">\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"form-field-message\" class=\"elementor-field-label\">\n\t\t\t\t\t\t\t\tMessage\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t<textarea class=\"elementor-field-textual elementor-field  elementor-size-sm\" name=\"form_fields[message]\" id=\"form-field-message\" rows=\"4\" placeholder=\"Message\" required=\"required\"><\/textarea>\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-text\">\n\t\t\t\t\t<input size=\"1\" type=\"text\" name=\"form_fields[field_20576b0]\" id=\"form-field-field_20576b0\" class=\"elementor-field elementor-size-sm\" style=\"display:none !important;\">\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-group elementor-column elementor-field-type-submit elementor-col-100 e-form__buttons\">\n\t\t\t\t\t<button class=\"elementor-button elementor-size-sm\" type=\"submit\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Send<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/button>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<input type=\"hidden\" name=\"trp-form-language\" value=\"en_gb\"\/><\/form>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-fb24073 elementor-widget elementor-widget-html\" data-id=\"fb24073\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<script>\nfunction getPostIdFromURL() {\n    const params = new URLSearchParams(window.location.search);\n    return params.get('id');\n}\n\nconst postId = getPostIdFromURL();\n\nif (postId) {\n    fetch(`\/wp-json\/wp\/v2\/produits\/${postId}?_embed`)\n        .then(response => {\n            if (!response.ok) throw new Error('Erreur API');\n            return response.json();\n        })\n        .then(data => {\n            \/\/ Titre du produit\n            const titre = data.title.rendered;\n\n            \/\/ Affichage dans le <h2>\n            const titreElement = document.getElementById('produit-title');\n            if (titreElement) {\n                titreElement.textContent = titre;\n            }\n\n            \/\/ Injection dans le champ <input hidden>\n            const inputElement = document.getElementById('form-field-product_refname');\n            if (inputElement) {\n                inputElement.value = titre;\n            }\n\n            \/\/ Image mise en avant\n            const imageElement = document.getElementById('produit-thumbnail');\n            const loaderElement = document.getElementById('image-loader');\n            const media = data._embedded?.['wp:featuredmedia']?.[0];\n\n            if (media && media.source_url) {\n                imageElement.style.display = 'none';\n\n                imageElement.onload = function () {\n                    loaderElement.style.display = 'none';\n                    imageElement.style.display = 'block';\n                };\n\n                imageElement.src = media.source_url;\n                imageElement.alt = media.alt_text || 'Image du produit';\n            } else {\n                loaderElement.style.display = 'none';\n                imageElement.style.display = 'none';\n            }\n        })\n        .catch(error => {\n            console.error('Erreur lors de la r\u00e9cup\u00e9ration :', error);\n            const titreElement = document.getElementById('produit-title');\n            if (titreElement) {\n                titreElement.textContent = \"Produit introuvable\";\n            }\n            document.getElementById('image-loader').style.display = 'none';\n            document.getElementById('produit-thumbnail').style.display = 'none';\n        });\n}\n\n\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>Demande produit Chargement&#8230;<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-470","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/spiceroad.fr\/en_gb\/wp-json\/wp\/v2\/pages\/470","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/spiceroad.fr\/en_gb\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/spiceroad.fr\/en_gb\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/spiceroad.fr\/en_gb\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/spiceroad.fr\/en_gb\/wp-json\/wp\/v2\/comments?post=470"}],"version-history":[{"count":83,"href":"https:\/\/spiceroad.fr\/en_gb\/wp-json\/wp\/v2\/pages\/470\/revisions"}],"predecessor-version":[{"id":1264,"href":"https:\/\/spiceroad.fr\/en_gb\/wp-json\/wp\/v2\/pages\/470\/revisions\/1264"}],"wp:attachment":[{"href":"https:\/\/spiceroad.fr\/en_gb\/wp-json\/wp\/v2\/media?parent=470"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}