{"id":861,"date":"2025-11-05T21:49:01","date_gmt":"2025-11-05T20:49:01","guid":{"rendered":"https:\/\/iglabyv.com\/?page_id=861"},"modified":"2025-11-09T01:39:08","modified_gmt":"2025-11-09T00:39:08","slug":"faq","status":"publish","type":"page","link":"https:\/\/iglabyv.com\/en\/faq\/","title":{"rendered":"FAQ"},"content":{"rendered":"<div id=\"fws_69e35754c120f\"  data-column-margin=\"default\" data-midnight=\"dark\"  class=\"wpb_row vc_row-fluid vc_row\"  style=\"padding-top: 0px; padding-bottom: 0px; \"><div class=\"row-bg-wrap\" data-bg-animation=\"none\" data-bg-animation-delay=\"\" data-bg-overlay=\"false\"><div class=\"inner-wrap row-bg-layer\" ><div class=\"row-bg viewport-desktop\"  style=\"\"><\/div><\/div><\/div><div class=\"row_col_wrap_12 col span_12 dark left\">\n\t<div  class=\"vc_col-sm-12 wpb_column column_container vc_column_container col no-extra-padding inherit_tablet inherit_phone\"  data-padding-pos=\"all\" data-has-bg-color=\"false\" data-bg-color=\"\" data-bg-opacity=\"1\" data-animation=\"\" data-delay=\"0\" >\n\t\t<div class=\"vc_column-inner\" >\n\t\t\t<div class=\"wpb_wrapper\">\n\t\t\t\t\n<div class=\"wpb_text_column wpb_content_element\" >\n\t<div class=\"wpb_wrapper\">\n\t\t\r\n    <style>\r\n    \/* ===== Styles (\u043d\u0430 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0430\u0442\u0430) ===== *\/\r\n    #faq-app { font-family:'Poppins',sans-serif; max-width:1100px; margin:0 auto; padding:60px 20px; color:#1c1c1c; display:flex; gap:40px; flex-wrap:wrap; }\r\n    #faq-app .faq-sidebar { flex:0 0 280px; border-right:1px solid rgba(0,0,0,0.1); padding-right:20px; }\r\n    #faq-app .faq-category { display:flex; align-items:center; gap:10px; padding:10px 0; border-bottom:1px solid rgba(0,0,0,0.1); cursor:pointer; color:rgba(0,0,0,0.7); transition:transform .25s,color .25s; background:transparent!important; }\r\n    #faq-app .faq-category.active, #faq-app .faq-category:hover { color:#1c1c1c; transform:translateX(3px); }\r\n    #faq-app .faq-icon svg { width:20px; height:20px; stroke:currentColor; stroke-width:2; fill:none; display:block; }\r\n\r\n    #faq-app .faq-content { flex:1; min-width:0; }\r\n    #faq-app .faq-questions { display:none; }\r\n    #faq-app .faq-questions.active { display:block; }\r\n    #faq-app .faq-question { padding:12px 0; border-bottom:1px solid rgba(0,0,0,0.1); cursor:pointer; color:rgba(0,0,0,0.7); }\r\n    #faq-app .faq-question.active, #faq-app .faq-question:hover { color:#1c1c1c; }\r\n\r\n    #faq-app .faq-answer-block { display:none; margin-top:25px; }\r\n    #faq-app .faq-answer-block.active { display:block; }\r\n    #faq-app #answer-title { font-size:22px; margin-bottom:10px; }\r\n    #faq-app #answer-text { font-size:16px; line-height:1.6; }\r\n    #faq-app .loading-text { color:#999; font-style:italic; }\r\n\r\n    \/* Feedback box *\/\r\n    #faq-app .feedback-box { margin-top:30px; padding:20px; border:1px solid rgba(0,0,0,0.1); border-radius:10px; background:rgba(0,0,0,0.03); }\r\n    #faq-app .feedback-step { display:none; }\r\n    #faq-app .feedback-step.active { display:block; }\r\n\r\n    \/* \u0411\u0443\u0442\u043e\u043d\u0438 \u0414\u0430\/\u041d\u0435 \u2013 \u0434\u0430 \u0438\u0437\u0433\u043b\u0435\u0436\u0434\u0430\u0442 \u043a\u0430\u0442\u043e \u043e\u0447\u0430\u043a\u0432\u0430\u043d\u043e *\/\r\n    #faq-app .feedback-buttons { display:flex; gap:12px; margin-top:12px; }\r\n    #faq-app .feedback-buttons .yes-btn,\r\n    #faq-app .feedback-buttons .no-btn {\r\n      appearance:none; -webkit-appearance:none;\r\n      display:inline-flex; align-items:center; justify-content:center;\r\n      padding:8px 22px; border:1px solid rgba(0,0,0,0.3);\r\n      border-radius:999px; background:#fff; color:#1c1c1c; font-weight:500;\r\n      cursor:pointer; transition:background .2s,border-color .2s,transform .05s;\r\n    }\r\n    #faq-app .feedback-buttons .yes-btn:hover,\r\n    #faq-app .feedback-buttons .no-btn:hover { background:rgba(0,0,0,0.05); border-color:#1c1c1c; }\r\n    #faq-app .feedback-buttons .yes-btn:active,\r\n    #faq-app .feedback-buttons .no-btn:active { transform:translateY(1px); }\r\n    #faq-app .feedback-buttons .yes-btn { border-color:#1c1c1c; }\r\n\r\n    \/* \u0411\u0443\u043b\u0435\u0442\u0438 \u2013 \u0435\u0434\u0438\u043d \u043f\u043e\u0434 \u0434\u0440\u0443\u0433 *\/\r\n    #faq-app .feedback-options { margin-top:12px; }\r\n    #faq-app .feedback-options label {\r\n      display:block; \/* \u043a\u043b\u044e\u0447\u043e\u0432\u043e \u0437\u0430 \u0432\u0435\u0440\u0442\u0438\u043a\u0430\u043b\u043d\u043e \u043f\u043e\u0434\u0440\u0435\u0436\u0434\u0430\u043d\u0435 *\/\r\n      margin-bottom:8px;\r\n      cursor:pointer;\r\n    }\r\n    #faq-app .feedback-options input[type=\"radio\"] { margin-right:8px; }\r\n\r\n    #faq-app .feedback-comment { margin-top:12px; }\r\n    #faq-app .feedback-comment textarea {\r\n      width:100%; min-height:80px; padding:10px; border:1px solid rgba(0,0,0,0.15); border-radius:6px; resize:vertical;\r\n    }\r\n    #faq-app .feedback-comment .send-feedback {\r\n      margin-top:10px; padding:10px 22px; border:0; border-radius:999px; background:#1c1c1c; color:#fff; font-weight:600; cursor:pointer;\r\n    }\r\n    #faq-app .feedback-comment .send-feedback:hover { background:#333; }\r\n\r\n    #faq-app .contact-box { margin-top:18px; text-align:center; padding-top:10px; border-top:1px solid rgba(0,0,0,0.1); }\r\n    #faq-app .contact-box a { display:inline-block; background:#1c1c1c; color:#fff; padding:8px 24px; border-radius:999px; text-decoration:none; font-weight:600; }\r\n    #faq-app .contact-box a:hover { background:#e1be7c; color:#000; }\r\n\r\n    @media (max-width: 900px){\r\n      #faq-app { flex-direction:column; }\r\n      #faq-app .faq-sidebar { border-right:none; border-bottom:1px solid rgba(0,0,0,0.1); padding-bottom:20px; }\r\n    }\r\n    <\/style>\r\n\r\n    <div id=\"faq-app\">\r\n      <aside class=\"faq-sidebar\">\r\n                  <div class=\"faq-category active\" data-cat=\"mon-compte\">\r\n            <span class=\"faq-icon\"><svg viewbox=\"0 0 24 24\" width=\"20\" height=\"20\" stroke=\"currentColor\" stroke-width=\"2\" fill=\"none\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n  <circle cx=\"12\" cy=\"8\" r=\"4\"><\/circle>\r\n  <path d=\"M6 20c0-3.3 2.7-6 6-6s6 2.7 6 6\"><\/path>\r\n<\/svg>\r\n<\/span>            <span>My account<\/span>\r\n          <\/div>\r\n                  <div class=\"faq-category\" data-cat=\"commande\">\r\n            <span class=\"faq-icon\"><svg viewbox=\"0 0 24 24\" width=\"20\" height=\"20\" stroke=\"currentColor\" stroke-width=\"2\" fill=\"none\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n  <path d=\"M3 3h18l-2 13H5L3 3z\"><\/path>\r\n  <circle cx=\"9\" cy=\"20\" r=\"1\"><\/circle>\r\n  <circle cx=\"18\" cy=\"20\" r=\"1\"><\/circle>\r\n<\/svg>\r\n<\/span>            <span>Order<\/span>\r\n          <\/div>\r\n                  <div class=\"faq-category\" data-cat=\"livraison\">\r\n            <span class=\"faq-icon\"><svg viewbox=\"0 0 24 24\" width=\"20\" height=\"20\" stroke=\"currentColor\" stroke-width=\"2\" fill=\"none\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n  <rect x=\"1\" y=\"3\" width=\"15\" height=\"13\"><\/rect>\r\n  <path d=\"M16 8h4l3 5v3h-7V8z\"><\/path>\r\n  <circle cx=\"6\" cy=\"19\" r=\"2\"><\/circle>\r\n  <circle cx=\"18\" cy=\"19\" r=\"2\"><\/circle>\r\n<\/svg>\r\n<\/span>            <span>Delivery<\/span>\r\n          <\/div>\r\n                  <div class=\"faq-category\" data-cat=\"retour-remboursement\">\r\n            <span class=\"faq-icon\"><svg viewbox=\"0 0 24 24\" width=\"20\" height=\"20\" stroke=\"currentColor\" stroke-width=\"2\" fill=\"none\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n  <polyline points=\"1 4 1 10 7 10\"><\/polyline>\r\n  <path d=\"M3.51 15a9 9 0 1 0 .49-9h-2\"><\/path>\r\n<\/svg>\r\n<\/span>            <span>Returns &amp; refunds<\/span>\r\n          <\/div>\r\n              <\/aside>\r\n\r\n      <section class=\"faq-content\">\r\n                            <div class=\"faq-questions active\" id=\"mon-compte\" >\r\n                          <div class=\"faq-question\" data-id=\"870\">\r\n                Do I need to create an account to place an order?              <\/div>\r\n                          <div class=\"faq-question\" data-id=\"869\">\r\n                How do I create an IGLA BY V account?              <\/div>\r\n                      <\/div>\r\n                            <div class=\"faq-questions\" id=\"commande\" style=\"display:none\">\r\n                          <div class=\"faq-question\" data-id=\"871\">\r\n                How do I place an order?              <\/div>\r\n                          <div class=\"faq-question\" data-id=\"872\">\r\n                Can I modify or cancel an order?              <\/div>\r\n                      <\/div>\r\n                            <div class=\"faq-questions\" id=\"livraison\" style=\"display:none\">\r\n                          <div class=\"faq-question\" data-id=\"873\">\r\n                Which countries do you ship to, and what are your delivery times and methods?              <\/div>\r\n                          <div class=\"faq-question\" data-id=\"918\">\r\n                What are the shipping costs?              <\/div>\r\n                          <div class=\"faq-question\" data-id=\"874\">\r\n                How can I track my order?              <\/div>\r\n                      <\/div>\r\n                            <div class=\"faq-questions\" id=\"retour-remboursement\" style=\"display:none\">\r\n                          <div class=\"faq-question\" data-id=\"875\">\r\n                What is your return policy?              <\/div>\r\n                          <div class=\"faq-question\" data-id=\"876\">\r\n                When will I be reimbursed?              <\/div>\r\n                      <\/div>\r\n        \r\n        <div class=\"faq-answer-block\" id=\"answer-block\">\r\n          <h2 id=\"answer-title\"><\/h2>\r\n          <div id=\"answer-text\"><\/div>\r\n\r\n          <div class=\"feedback-box\">\r\n            <div class=\"feedback-step step-1 active\">\r\n              <p>Was this answer helpful?<\/p>\r\n              <div class=\"feedback-buttons\">\r\n                <button type=\"button\" class=\"yes-btn\">Yes<\/button>\r\n                <button type=\"button\" class=\"no-btn\">No<\/button>\r\n              <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"feedback-step step-yes\">\r\n              <p class=\"feedback-thanks\">Thank you for your reply!<\/p>\r\n            <\/div>\r\n\r\n            <div class=\"feedback-step step-no\">\r\n              <p>Thank you! Tell us why it didn't help you:<\/p>\r\n              <div class=\"feedback-options\">\r\n                <label><input type=\"radio\" name=\"reason\" value=\"incomplete\"> The answer is incomplete.<\/label>\r\n                <label><input type=\"radio\" name=\"reason\" value=\"unsatisfied\"> I am not satisfied with the solution.<\/label>\r\n                <label><input type=\"radio\" name=\"reason\" value=\"unclear\"> The instructions are unclear.<\/label>\r\n              <\/div>\r\n              <div class=\"feedback-comment\" style=\"display:none;\">\r\n                <textarea placeholder=\"Your comment...\"><\/textarea>\r\n                <button type=\"button\" class=\"send-feedback\">Send<\/button>\r\n              <\/div>\r\n              <p class=\"feedback-thanks\" style=\"display:none;\">Thank you for your feedback!<\/p>\r\n\r\n              <div class=\"contact-box\">\r\n                <p>Didn't find the answer you were looking for?<\/p>\r\n                <a href=\"mailto:customercare@iglabyv.com\">Contact us<\/a>\r\n              <\/div>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/section>\r\n    <\/div>\r\n\r\n    <script>\r\n    document.addEventListener(\"DOMContentLoaded\", function(){\r\n      const app = document.getElementById('faq-app');\r\n      if(!app) return;\r\n\r\n      const cats = app.querySelectorAll(\".faq-category\");\r\n      const sections = app.querySelectorAll(\".faq-questions\");\r\n      const answerBlock = app.querySelector(\"#answer-block\");\r\n      const answerTitle = app.querySelector(\"#answer-title\");\r\n      const answerText  = app.querySelector(\"#answer-text\");\r\n      const cache = {};\r\n\r\n      function show(el){ el.classList.add('active'); el.style.display='block'; }\r\n      function hide(el){ el.classList.remove('active'); el.style.display='none'; }\r\n\r\n      \/\/ reset feedback to initial step\r\n      function resetFeedback(){\r\n        const fb = answerBlock.querySelector(\".feedback-box\");\r\n        if(!fb) return;\r\n        fb.querySelectorAll(\".feedback-step\").forEach(s => s.classList.remove('active'));\r\n        fb.querySelector(\".step-1\").classList.add('active');\r\n        const cmt = fb.querySelector(\".feedback-comment\");\r\n        if(cmt) cmt.style.display = 'none';\r\n        const thanksNo = fb.querySelector(\".step-no .feedback-thanks\");\r\n        if(thanksNo) thanksNo.style.display = 'none';\r\n        fb.querySelectorAll('.feedback-options input[type=\"radio\"]').forEach(r => r.checked = false);\r\n      }\r\n\r\n      \/\/ categories switch\r\n      cats.forEach(cat => {\r\n        cat.addEventListener('click', () => {\r\n          cats.forEach(c => c.classList.remove('active'));\r\n          cat.classList.add('active');\r\n          sections.forEach(sec => hide(sec));\r\n          const tgt = app.querySelector('#' + cat.dataset.cat);\r\n          if (tgt) show(tgt);\r\n          hide(answerBlock);\r\n        });\r\n      });\r\n\r\n      \/\/ question click -> load answer\r\n      app.querySelectorAll(\".faq-question\").forEach(q => {\r\n        q.addEventListener('click', () => {\r\n          app.querySelectorAll(\".faq-question\").forEach(el => el.classList.remove('active'));\r\n          q.classList.add('active');\r\n          const id = q.dataset.id;\r\n          answerTitle.textContent = q.textContent.trim();\r\n          show(answerBlock);\r\n\r\n          if (cache[id]) {\r\n            answerText.innerHTML = cache[id];\r\n            resetFeedback();\r\n            return;\r\n          }\r\n          answerText.innerHTML = '<p class=\"loading-text\">Chargement...<\/p>';\r\n          fetch('?faq_answer=' + id)\r\n            .then(r => r.text())\r\n            .then(t => {\r\n              cache[id] = t;\r\n              answerText.innerHTML = t;\r\n              resetFeedback();\r\n            })\r\n            .catch(() => {\r\n              answerText.innerHTML = \"<p>Erreur lors du chargement.<\/p>\";\r\n              resetFeedback();\r\n            });\r\n        });\r\n      });\r\n\r\n      \/\/ Feedback (event delegation)\r\n      answerBlock.addEventListener('click', (e) => {\r\n        const yes = e.target.closest('.yes-btn');\r\n        const no  = e.target.closest('.no-btn');\r\n        const send= e.target.closest('.send-feedback');\r\n        const fb  = answerBlock.querySelector('.feedback-box');\r\n        if(!fb) return;\r\n\r\n        if (yes) {\r\n          fb.querySelectorAll(\".feedback-step\").forEach(s => s.classList.remove('active'));\r\n          fb.querySelector(\".step-yes\").classList.add('active');\r\n          sendFeedback(answerTitle.textContent, 'Oui', '', '');\r\n          return;\r\n        }\r\n        if (no) {\r\n          fb.querySelectorAll(\".feedback-step\").forEach(s => s.classList.remove('active'));\r\n          fb.querySelector(\".step-no\").classList.add('active');\r\n          return;\r\n        }\r\n        if (e.target.matches('.feedback-options input[name=\"reason\"]')) {\r\n          const commentBox = fb.querySelector('.feedback-comment');\r\n          if (commentBox) commentBox.style.display = 'block';\r\n          return;\r\n        }\r\n        if (send) {\r\n          const checked = fb.querySelector('.feedback-options input[name=\"reason\"]:checked');\r\n          const reason  = checked ? checked.parentElement.textContent.trim() : '';\r\n          const comment = (fb.querySelector('.feedback-comment textarea')?.value || '').trim();\r\n          sendFeedback(answerTitle.textContent, 'Non', reason, comment);\r\n          const commentBox = fb.querySelector('.feedback-comment');\r\n          if (commentBox) commentBox.style.display = 'none';\r\n          const thanksNo = fb.querySelector('.step-no .feedback-thanks');\r\n          if (thanksNo) thanksNo.style.display = 'block';\r\n        }\r\n      });\r\n\r\n      function sendFeedback(question, answer, reason, comment) {\r\n        fetch('https:\/\/iglabyv.com\/wp-admin\/admin-ajax.php', {\r\n          method: 'POST',\r\n          headers: {'Content-Type':'application\/x-www-form-urlencoded'},\r\n          body: new URLSearchParams({\r\n            action: 'send_faq_feedback',\r\n            question: question,\r\n            answer: answer,\r\n            reason: reason,\r\n            comment: comment\r\n          })\r\n        });\r\n      }\r\n    });\r\n    <\/script>\r\n    \n\t<\/div>\n<\/div>\n\n\n\n\n\t\t\t<\/div> \n\t\t<\/div>\n\t<\/div> \n<\/div><\/div>","protected":false},"excerpt":{"rendered":"Mon compte Commande Livraison Retour &amp; remboursement Dois-je cr\u00e9er un compte pour passer commande ? Comment cr\u00e9er un compte IGLA BY V ? Comment passer une commande? Puis-je modifier ou...","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"om_disable_all_campaigns":false,"_uf_show_specific_survey":0,"_uf_disable_surveys":false,"footnotes":""},"class_list":["post-861","page","type-page","status-publish"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/iglabyv.com\/en\/wp-json\/wp\/v2\/pages\/861","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/iglabyv.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/iglabyv.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/iglabyv.com\/en\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/iglabyv.com\/en\/wp-json\/wp\/v2\/comments?post=861"}],"version-history":[{"count":3,"href":"https:\/\/iglabyv.com\/en\/wp-json\/wp\/v2\/pages\/861\/revisions"}],"predecessor-version":[{"id":877,"href":"https:\/\/iglabyv.com\/en\/wp-json\/wp\/v2\/pages\/861\/revisions\/877"}],"wp:attachment":[{"href":"https:\/\/iglabyv.com\/en\/wp-json\/wp\/v2\/media?parent=861"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}