Update productPage.js

Author: SharkJohny

assets/js/components/productPage.js

@@ -684,25 +684,34 @@ function priplatky(setupData, texts) {
   }
 }
 
+// Otevře akordeon, zachová max 2 otevřená okna (nejstarší zavře), scrolluje na nové
+function openNextAccordion($next) {
+  $next.addClass("active");
+  const $allOpen = $(
+    ".content-wrap > .position-wrap.active, .content-wrap > .parameter-wrap.active, " +
+    ".upsale-buttons.trunk.active, .upsale-buttons.boxs.active"
+  );
+  if ($allOpen.length > 2) {
+    $allOpen.first().removeClass("active");
+  }
+  // Čekáme na dokončení CSS animací předchozích akordeonů, pak teprve počítáme offset
+  setTimeout(() => {
+    $("html, body").animate({ scrollTop: $next.offset().top - 80 }, 400);
+  }, 600);
+}
+
 // Single event listener for .upsale-button
 $(document).on("click", ".upsale-button", function (e) {
   // Check if the clicked element is within .upsale-buttons.trunk
   updateUpsale(this, e);
 
-  // Po výběru koberce: otevři boxs sekci a zavři trunk
+  // Po výběru koberce: otevři boxs sekci
   const $trunk = $(this).closest(".upsale-buttons.trunk");
   if ($trunk.length && !$(this).hasClass("none")) {
     setTimeout(() => {
       const $boxs = $(".upsale-buttons.boxs");
       if ($boxs.is(":visible")) {
-        // Nejdřív zavři trunk, pak až layout usadí otevři boxs a scrolluj
-        $trunk.removeClass("active");
-        setTimeout(() => {
-          $boxs.addClass("active");
-          setTimeout(() => {
-            $("html, body").animate({ scrollTop: $boxs.offset().top - 80 }, 400);
-          }, 400);
-        }, 500);
+        openNextAccordion($boxs);
       }
     }, 600);
   }
@@ -1379,49 +1388,53 @@ $("body").on("click", ".button.option-button", function (e) {
     }
   }, 200);
 
-  // Auto-postup pro kroky 2+ (kroky 0 a 1 zůstávají na tlačítko)
+  // Auto-postup pro všechny wrappy s next-step-button kromě kroku 0 a 1
   const $currentWrap = $(this).closest(".position-wrap, .parameter-wrap");
   const orderNum = parseInt($currentWrap.find(".order").first().text());
-  if (!isNaN(orderNum) && orderNum >= 2) {
-    const allWraps = $(".content-wrap").children(".position-wrap, .parameter-wrap");
-    const currentIndex = allWraps.index($currentWrap);
-    if (currentIndex >= 0 && currentIndex < allWraps.length - 1) {
-      setTimeout(() => {
-        $currentWrap.removeClass("active");
-        setTimeout(() => {
-          const $next = allWraps.eq(currentIndex + 1);
-          $next.addClass("active");
-          $("html, body").animate({ scrollTop: $next.offset().top - 80 }, 400);
-        }, 600);
-      }, 800);
-    }
-  }
-
-  if (!$(".goToAction")[0]) {
-    console.log("goToAction");
-
-    // Nejdřív zavři aktuální krok
-    $currentWrap.removeClass("active");
+  const isStep0or1 = orderNum === 0 || orderNum === 1;
+  const hasNextBtn = $currentWrap.find(".next-step-button").length > 0;
+  const isInBoxConfig = !!$currentWrap.closest(".config-wrap, .box-config").length;
 
+  if (hasNextBtn && !isStep0or1 && !isInBoxConfig) {
+    // Hledáme next wrap se zpožděním 400ms — dáme čas Shoptetu přidat nové dynamické kroky do DOM
     setTimeout(() => {
-      $(".upsale-Banner").fadeIn(400);
-      $(".upsale-Banner").show();
-      $(".upsale-buttons.position-wrap.parameter-cars.parameter-wrap.boxs").hide();
-
-      if ($(".upsale-buttons.position-wrap.trunk .upsale-button.radio.active")[0]) {
-        $(".upsale-buttons.position-wrap.parameter-cars.parameter-wrap.boxs").show().addClass("active");
-      } else {
-        // Otevři trunk sekci, scrolluj až po dokončení fadeIn
-        const $trunk = $(".upsale-buttons.trunk");
-        $trunk.addClass("active");
-        setTimeout(() => {
-          $("html, body").animate({ scrollTop: $trunk.offset().top - 80 }, 400);
-        }, 450);
+      const allContentWraps = $(".content-wrap").children(".position-wrap, .parameter-wrap");
+      const contentIndex = allContentWraps.index($currentWrap);
+
+      let $nextWrap = null;
+      if (contentIndex >= 0 && contentIndex < allContentWraps.length - 1) {
+        $nextWrap = allContentWraps.eq(contentIndex + 1);
+      } else if (contentIndex === -1) {
+        // Dynamicky přidaný wrap mimo content-wrap — hledej next sibling v tom samém parentu
+        const $siblings = $currentWrap.parent().children(".position-wrap, .parameter-wrap");
+        const sibIndex = $siblings.index($currentWrap);
+        if (sibIndex >= 0 && sibIndex < $siblings.length - 1) {
+          $nextWrap = $siblings.eq(sibIndex + 1);
+        }
       }
-      if (!$(".parameter-id-" + koberce)[0]) {
-        $(".upsale-buttons.boxs").show().addClass("active");
+
+      if ($nextWrap) {
+        openNextAccordion($nextWrap);
+      } else if (!$(".goToAction")[0]) {
+        console.log("goToAction");
+        $(".upsale-Banner").fadeIn(400);
+        $(".upsale-Banner").show();
+        $(".upsale-buttons.position-wrap.parameter-cars.parameter-wrap.boxs").hide();
+
+        if ($(".upsale-buttons.position-wrap.trunk .upsale-button.radio.active")[0]) {
+          const $boxs = $(".upsale-buttons.boxs");
+          $boxs.show();
+          openNextAccordion($boxs);
+        } else {
+          openNextAccordion($(".upsale-buttons.trunk"));
+        }
+        if (!$(".parameter-id-" + koberce)[0]) {
+          const $boxs = $(".upsale-buttons.boxs");
+          $boxs.show();
+          openNextAccordion($boxs);
+        }
       }
-    }, 800);
+    }, 400);
   }
 });
 function priceActualization(e) {