{"id":5047,"date":"2025-09-24T17:25:22","date_gmt":"2025-09-24T15:25:22","guid":{"rendered":"https:\/\/xdiag.org\/?page_id=5047"},"modified":"2025-11-04T19:13:57","modified_gmt":"2025-11-04T18:13:57","slug":"xdiag-buy-subscription","status":"publish","type":"page","link":"https:\/\/xdiag.org\/fr\/xdiag-buy-subscription\/","title":{"rendered":"Xdiag Buy subscription"},"content":{"rendered":"<!-- XDIAG: Purchase Steps (place ABOVE the product gallery) -->\n<section class=\"xdiag-steps-wrap\" aria-labelledby=\"xdiag-steps-title\">\n  <h2 id=\"xdiag-steps-title\" class=\"xdiag-steps-title\">How to get your subscription<\/h2>\n\n  <ol class=\"xdiag-steps\">\n    <li class=\"xdiag-step\">\n      <span class=\"xdiag-step-num\">1<\/span>\n      <div class=\"xdiag-step-body\">\n        <h3 class=\"xdiag-step-head\">Choose your plan<\/h3>\n        <p class=\"xdiag-step-text\">Pick the subscription that fits your needs.<\/p>\n      <\/div>\n    <\/li>\n\n    <li class=\"xdiag-step\">\n      <span class=\"xdiag-step-num\">2<\/span>\n      <div class=\"xdiag-step-body\">\n        <h3 class=\"xdiag-step-head\">Open product &amp; add to cart<\/h3>\n        <p class=\"xdiag-step-text\">\n          Click <strong>Subscribe Now<\/strong> to open the product page, then click <strong>Add to Cart<\/strong> to continue.\n        <\/p>\n      <\/div>\n    <\/li>\n\n    <li class=\"xdiag-step\">\n      <span class=\"xdiag-step-num\">3<\/span>\n      <div class=\"xdiag-step-body\">\n        <h3 class=\"xdiag-step-head\">Check your email<\/h3>\n        <p class=\"xdiag-step-text\">\n          You\u2019ll first receive setup instructions, then a second email with your login details.\n        <\/p>\n      <\/div>\n    <\/li>\n  <\/ol>\n<\/section>\n\n<style>\n  .xdiag-steps-wrap{\n    margin:32px 0 22px;\n    background:#ffffff;\n    border:2px solid #e7e7e7;\n    border-radius:14px;\n    padding:18px;\n  }\n  .xdiag-steps-title{\n    margin:0 0 14px;\n    font-size:22px;\n    font-weight:800;\n    text-transform:uppercase;\n    color:#1e1c22;\n    border-left:6px solid #ae0808;\n    padding-left:12px;\n  }\n\n  .xdiag-steps{\n    list-style:none;\n    margin:0;\n    padding:0;\n    display:grid;\n    grid-template-columns: repeat(3, minmax(0,1fr));\n    gap:16px;\n    align-items:stretch;\n  }\n\n  .xdiag-step{\n    display:flex;\n    gap:12px;\n    background:#f8f8f8;\n    border:1px solid #ececec;\n    border-radius:12px;\n    padding:14px;\n    align-items:flex-start;\n    transition:transform .2s ease, box-shadow .2s ease, border-color .2s ease;\n  }\n  .xdiag-step:hover{\n    transform:translateY(-2px);\n    box-shadow:0 10px 20px rgba(0,0,0,.06);\n    border-color:#ae0808;\n  }\n\n  .xdiag-step-num{\n    flex:0 0 auto;\n    width:34px; height:34px;\n    border-radius:999px;\n    background:#ae0808;\n    color:#fff;\n    display:inline-flex;\n    align-items:center;\n    justify-content:center;\n    font-weight:800;\n    font-size:16px;\n    line-height:1;\n  }\n\n  .xdiag-step-body{display:grid; gap:4px}\n  .xdiag-step-head{\n    margin:0; font-size:15px; font-weight:800; color:#1e1c22;\n  }\n  .xdiag-step-text{\n    margin:0; font-size:14px; color:#333;\n  }\n\n  \/* Responsive *\/\n  @media (max-width: 900px){\n    .xdiag-steps{grid-template-columns:1fr; gap:12px;}\n    .xdiag-step{padding:12px;}\n  }\n<\/style><!-- Animated Arrow pointing down -->\n<div class=\"xdiag-arrow-wrap\">\n  <img decoding=\"async\" src=\"https:\/\/xdiag.org\/wp-content\/uploads\/2025\/09\/arrowdown.gif\" \n       alt=\"Scroll Down\" class=\"xdiag-arrow\">\n<\/div>\n\n<style>\n  .xdiag-arrow-wrap{\n    display:flex;\n    justify-content:center;\n    margin:20px 0 30px;\n  }\n  .xdiag-arrow{\n    width:60px;\n    height:auto;\n    animation:pulse 1.6s infinite;\n  }\n\n  \/* extra pulsing effect *\/\n  @keyframes pulse{\n    0%,100%{transform:translateY(0) scale(1);}\n    50%{transform:translateY(6px) scale(1.05);}\n  }\n<\/style><!-- XDIAG: Featured Products -->\n<section class=\"xdiag-picks-wrap\">\n  <h2 class=\"xdiag-picks-title\">Xdiag Buy subscription Products<\/h2>\n  <div id=\"xdiag-picks\" class=\"xdiag-picks\" data-ids=\"3405,2063,52,20,5411\"><\/div> \n<\/section>\n\n<style>\n  .xdiag-picks-wrap { margin: -15px 0; }\n  .xdiag-picks-title{\n    margin:0 0 20px;font-size:24px;font-weight:800;text-transform:uppercase;color:#1e1c22;\n    border-left:6px solid #ae0808;padding-left:12px;\n  }\n\n  \/* Responsive grid for products *\/\n  .xdiag-grid{display:grid;gap:22px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}\n  @media (max-width:1024px){.xdiag-grid{grid-template-columns:repeat(3,1fr)}}\n  @media (max-width:768px){.xdiag-grid{grid-template-columns:repeat(2,1fr)}}\n  @media (max-width:460px){.xdiag-grid{grid-template-columns:1fr}}\n\n  \/* Card design *\/\n  .xdiag-card{\n    display:flex;flex-direction:column;background:#fff;border:2px solid #e7e7e7;border-radius:14px;\n    text-decoration:none;color:inherit;overflow:hidden;height:100%;\n    transition:transform .25s ease, box-shadow .25s ease, border-color .25s ease;\n  }\n  .xdiag-card:hover{border-color:#ae0808;box-shadow:0 14px 28px rgba(0,0,0,.15);transform:translateY(-3px)}\n\n  \/* Product image \u2013 lowered by 10px for better spacing *\/\n  .xdiag-figure{\n    aspect-ratio: 4 \/ 3;\n    background:#fafafa;\n    overflow:hidden;\n    padding-top:10px;\n    box-sizing:border-box;\n  }\n  .xdiag-figure img{\n    width:100%;\n    height:100%;\n    object-fit:contain;\n    display:block;\n    transition:transform .4s ease;\n  }\n  .xdiag-card:hover .xdiag-figure img{\n    transform:scale(1.03);\n  }\n\n  \/* Body section under the image *\/\n  .xdiag-body{padding:18px;display:grid;gap:10px;text-align:center;background:#fff}\n\n  \/* Product title *\/\n  .xdiag-name{font-size:16px;font-weight:700;line-height:1.35;min-height:2.7em;color:#111}\n\n  \/* Product price *\/\n  .xdiag-price{\n    font-size:20px;\n    font-weight:800;\n    color:#ae0808;\n  }\n  .xdiag-price .price{display:inline-block !important;color:#ae0808 !important;font-weight:800}\n  .xdiag-price .woocommerce-Price-amount{white-space:nowrap}\n\n  \/* Subscribe button *\/\n  .xdiag-btn{\n    margin-top:6px;display:inline-block;text-align:center;padding:11px 14px;border-radius:8px;\n    background:#ae0808;color:#fff;font-weight:800;text-transform:uppercase;font-size:13px;\n    transition:background .25s ease\n  }\n  .xdiag-btn:hover{background:#1e1c22;color:#fff}\n<\/style>\n\n<script>\n(function(){\n  const mount = document.getElementById('xdiag-picks');\n  if(!mount) return;\n\n  \/\/ \u2705 omogo\u010da poljubno \u0161tevilo ID-jev (tudi 5 ali ve\u010d)\n  const ids = (mount.dataset.ids || '').split(',').map(s=>s.trim()).filter(Boolean);\n\n  const fmt = (c, minor)=> new Intl.NumberFormat(undefined,{style:'currency', currency:c}).format((Number(minor)||0)\/100);\n\n  function fallbackPrice(p){\n    try{\n      if(p?.prices?.price) return fmt(p.prices.currency_code, p.prices.price);\n      if(p?.prices?.regular_price) return fmt(p.prices.currency_code, p.prices.regular_price);\n    }catch(e){}\n    return '';\n  }\n\n  async function load(){\n    try{\n      if(ids.length===0){ \n        mount.innerHTML='<p>No product IDs defined.<\/p>'; \n        return; \n      }\n\n      const url = `\/wp-json\/wc\/store\/v1\/products?include=${ids.join(',')}&per_page=${ids.length}`;\n      const res = await fetch(url,{credentials:'same-origin'});\n      if(!res.ok) throw new Error('HTTP '+res.status);\n      const items = await res.json();\n\n      const byId = Object.fromEntries(items.map(p=>[String(p.id),p]));\n      const ordered = ids.map(id=>byId[String(id)]).filter(Boolean);\n      if(!ordered.length){ mount.innerHTML='<p>No products found. Check IDs.<\/p>'; return; }\n\n      mount.innerHTML = `\n        <div class=\"xdiag-grid\">\n          ${ordered.map(p=>{\n            const img = p.images?.[0]?.src || '';\n            const priceHtml = p.prices?.price_html || '';\n            const fallback = !priceHtml ? `<span class=\"price\">${fallbackPrice(p)}<\/span>` : '';\n            return `\n              <a class=\"xdiag-card\" href=\"${p.permalink}\">\n                <figure class=\"xdiag-figure\">\n                  ${img ? `<img decoding=\"async\" src=\"${img}\" alt=\"${p.name.replace(\/\"\/g,'&quot;')}\" loading=\"lazy\">` : ``}\n                <\/figure>\n                <div class=\"xdiag-body\">\n                  <div class=\"xdiag-name\">${p.name}<\/div>\n                  <div class=\"xdiag-price\">${priceHtml || fallback}<\/div>\n                  <span class=\"xdiag-btn\">Subscribe Now<\/span>\n                <\/div>\n              <\/a>\n            `;\n          }).join('')}\n        <\/div>`;\n    }catch(e){\n      console.error(e);\n      mount.innerHTML = '<p>\u26a0 Error loading products.<\/p>';\n    }\n  }\n  load();\n})();\n<\/script><div style=\"height:46px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>","protected":false},"excerpt":{"rendered":"<p>How to get your subscription 1 Choose your plan Pick the subscription that fits your needs. 2 Open product &amp; add to cart Click Subscribe Now to open the product page, then click Add to Cart to continue. 3 Check your email You\u2019ll first receive setup instructions, then a second email with your login details&#8230;.<\/p>","protected":false},"author":4,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_seopress_robots_primary_cat":"","_seopress_titles_title":"Xdiag \u2013 Buy Subscription Online | Official Access","_seopress_titles_desc":"Buy your official Xdiag subscription online. Activate all brands, full diagnostic functions and updates. Easy purchase, instant delivery.","_seopress_robots_index":"","_kad_blocks_custom_css":"","_kad_blocks_head_custom_js":"","_kad_blocks_body_custom_js":"","_kad_blocks_footer_custom_js":"","_kad_post_transparent":"disable","_kad_post_title":"","_kad_post_layout":"","_kad_post_sidebar_id":"","_kad_post_content_style":"default","_kad_post_vertical_padding":"hide","_kad_post_feature":"","_kad_post_feature_position":"","_kad_post_header":false,"_kad_post_footer":false,"iawp_total_views":8586,"footnotes":""},"class_list":["post-5047","page","type-page","status-publish","hentry"],"taxonomy_info":[],"featured_image_src_large":false,"author_info":{"display_name":"xdiag12","author_link":"https:\/\/xdiag.org\/fr\/author\/xdiag12\/"},"comment_info":0,"_links":{"self":[{"href":"https:\/\/xdiag.org\/fr\/wp-json\/wp\/v2\/pages\/5047","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/xdiag.org\/fr\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/xdiag.org\/fr\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/xdiag.org\/fr\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/xdiag.org\/fr\/wp-json\/wp\/v2\/comments?post=5047"}],"version-history":[{"count":32,"href":"https:\/\/xdiag.org\/fr\/wp-json\/wp\/v2\/pages\/5047\/revisions"}],"predecessor-version":[{"id":5452,"href":"https:\/\/xdiag.org\/fr\/wp-json\/wp\/v2\/pages\/5047\/revisions\/5452"}],"wp:attachment":[{"href":"https:\/\/xdiag.org\/fr\/wp-json\/wp\/v2\/media?parent=5047"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}