Try to fix safari mobile

spolischook · Mar 24, 2024 · 2ba7580 · 2ba7580
1 parent ea5229f
commit 2ba7580
Showing 1 changed file with 27 additions and 11 deletions.
diff --git a/layouts/art-works/single.html b/layouts/art-works/single.html
@@ -99,20 +99,36 @@ <h1 class="text-4xl font-bold pb-2 text-tiger-300">{{ .Title }}</h1>
         let unavailableToBuyButton = document.getElementById('unavailable-to-buy-button');
         let buyButtonProcess = document.getElementById('buy-button-process');
 
-        buyButton.classList.add('hidden');
-        buyButtonProcess.classList.add('hidden');
+        // fixed page back from browser cache
+        window.addEventListener("pageshow",function(event) {
+            let historyTraversal = event.persisted ||
+                ( typeof window.performance != "undefined" &&
+                    window.performance.navigation.type === 2 );
+            if (historyTraversal) {
+                setupBuyButton();
+            }
+        });
 
-        const productId = '{{ (printf "gid://shopify/Product/%d" .Params.shopifyId) | base64Encode }}';
-        client.product.fetch(productId).then((product) => {
-            let available = false;
-            buyButtonSpinner.classList.add('hidden');
+        function setupBuyButton() {
+            buyButton.classList.add('hidden');
+            buyButtonProcess.classList.add('hidden');
+            buyButtonSpinner.classList.remove('hidden');
+            unavailableToBuyButton.classList.add('hidden');
 
-            if (!product) { unavailableToBuyButton.classList.remove('hidden'); return; }
-            if (!product.variants) { unavailableToBuyButton.classList.remove('hidden'); return; }
-            if (!product.variants[0].available) { unavailableToBuyButton.classList.remove('hidden'); return; }
+            const productId = '{{ (printf "gid://shopify/Product/%d" .Params.shopifyId) | base64Encode }}';
+            client.product.fetch(productId).then((product) => {
+                let available = false;
+                buyButtonSpinner.classList.add('hidden');
 
-            buyButton.classList.remove('hidden');
-        });
+                if (!product) { unavailableToBuyButton.classList.remove('hidden'); return; }
+                if (!product.variants) { unavailableToBuyButton.classList.remove('hidden'); return; }
+                if (!product.variants[0].available) { unavailableToBuyButton.classList.remove('hidden'); return; }
+
+                buyButton.classList.remove('hidden');
+            });
+        }
+
+        setupBuyButton();
 
         buyButton.addEventListener('click', function() {
             buyButton.classList.add('hidden');