Shopify - PDP Şablonunu Test Edin

				
					// ─── CONFIG ───
// Just set this to match your Shopify alternate PDP template name:
const pdpVariationName = 'new-pdp';

(function () {
  const href = window.location.href;
  const forbiddenRegex = /[?&#](?:varify-variation-id|varify-variation-name|varify-editor)=/;

  // ─── 0. Bail out if any forbidden param is present ───
  if (forbiddenRegex.test(href)) {
    return;
  }

  // ─── 1. Hide everything until we’ve loaded the variation ───
  document.documentElement.style.visibility = 'hidden';

  const url = new URL(href);
  const params = new URLSearchParams(url.search);

  // ─── 2. Merge existing params (e.g. variant=…) & add view ───
  params.set('view', pdpVariationName);

  // ─── 3. Fetch the variation template HTML ───
  fetch(`${url.pathname}?${params.toString()}`, { credentials: 'same-origin' })
    .then(res => res.text())
    .then(html => {
      // ─── 4. Parse & swap head/body ───
      const doc = new DOMParser().parseFromString(html, 'text/html');
      document.head.replaceWith(doc.head);
      document.body.replaceWith(doc.body);

      // ─── 5. Remove only the `view` param, keep all others ───
      params.delete('view');
      const cleanQS = params.toString();
      const cleanURL = url.pathname + (cleanQS ? `?${cleanQS}` : '') + url.hash;
      history.replaceState(null, '', cleanURL);

      // ─── 6. Un-hide the page ───
      document.documentElement.style.visibility = '';
    })
    .catch(() => {
      // On error, just show the default template
      document.documentElement.style.visibility = '';
    });
})();