Difference between revisions of "Template:Zambomart"

→ → Go back HOME to Zamboanga: the Portal to the Philippines.

Latest revision as of 02:58, 11 December 2024

@@ Line 1: / Line 1: @@
-<FHM_iFrame>
+<html>
-  src="https://zamboanga.com/zambomart.html"
+<p style="text-align: center;">Shop <strong><a href="https://shop.zamboanga.com/">Zambo Mart</a></strong>: <a href="https://shop.zamboanga.com/collections/clothing-apparel">Apparel</a> <span style="color: #ff0000;"><strong>|</strong></span> <a href="https://shop.zamboanga.com/collections/bags-shoes">Bags &amp; Shoes</a> <span style="color: #ff0000;"><strong>|</strong></span> <a href="https://shop.zamboanga.com/collections/health-beauty-hair">Beauty</a> <span style="color: #ff0000;"><strong>|</strong></span> <a href="https://shop.zamboanga.com/collections/automobiles-motorcycles">Automotive</a> <strong><span style="color: #ff0000;">|</span></strong> <a href="https://shop.zamboanga.com/collections/consumer-electronics">Electronics</a> <strong><span style="color: #ff0000;">|</span></strong> <a href="https://shop.zamboanga.com/collections/health">Health</a> <strong><span style="color: #ff0000;">|</span></strong> <a href="https://shop.zamboanga.com/collections/herbal-remedies">Herbal</a> <strong><span style="color: #ff0000;">|</span></strong> <a href="https://shop.zamboanga.com/collections/home-products">Home</a> <span style="color: #ff0000;"><strong>|</strong></span> <a href="https://shop.zamboanga.com/collections/jewelry-watches">Jewelry</a> <span style="color: #ff0000;"><strong>|</strong></span> <a href="https://shop.zamboanga.com/collections/pet-supplies">Pets</a> <span style="color: #ff0000;"><strong>|</strong></span> <a href="https://shop.zamboanga.com/collections/toys-kids-babies">Children &amp; Toys</a></p>
-   width="100%"
+   <div id="collection-component-1733610585722"></div>
-   height="500"
+   <script type="text/javascript">
-  frameborder="0"
+    (function () {
-  style="border: none;">
+      var scriptURL = 'https://sdks.shopifycdn.com/buy-button/latest/buy-button-storefront.min.js';
-</FHM_iFrame>
+      if (window.ShopifyBuy) {
+        if (window.ShopifyBuy.UI) {
+          ShopifyBuyInit();
+        } else {
+          loadScript();
+        }
+      } else {
+        loadScript();
+      }
+      function loadScript() {
+        var script = document.createElement('script');
+        script.async = true;
+        script.src = scriptURL;
+        (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(script);
+        script.onload = ShopifyBuyInit;
+      }
+      function ShopifyBuyInit() {
+        var client = ShopifyBuy.buildClient({
+          domain: '0abcd3-2.myshopify.com',
+          storefrontAccessToken: '74143a33b4e207641f8261ee27c5e74d',
+        });
+        ShopifyBuy.UI.onReady(client).then(function (ui) {
+          ui.createComponent('collection', {
+<!--- changed 120924  --->
+            id: '509083713838',
+            node: document.getElementById('collection-component-1733610585722'),
+            moneyFormat: '%24%7B%7Bamount%7D%7D',
+            options: {
+              "product": {
+                "styles": {
+                  "product": {
+                    "@media (min-width: 601px)": {
+                      "max-width": "calc(25% - 20px)",
+                      "margin-left": "20px",
+                      "margin-bottom": "50px",
+                      "width": "calc(25% - 20px)"
+                    },
+                    "img": {
+                      "height": "calc(100% - 15px)",
+                      "position": "absolute",
+                      "left": "0",
+                      "right": "0",
+                      "top": "0"
+                    },
+                    "imgWrapper": {
+                      "padding-top": "calc(75% + 15px)",
+                      "position": "relative",
+                      "height": "0"
+                    }
+                  }
+                },
+                "buttonDestination": "modal",
+                "contents": {
+                  "options": false
+                },
+                "text": {
+                  "button": "View product"
+                }
+              },
+              "cart": {
+                "text": {
+                  "total": "Subtotal",
+                  "button": "Checkout"
+                }
+              }
+            }
+          });
+        });
+      }
+    })();
+  </script>
+</html>

Difference between revisions of "Template:Zambomart"

Latest revision as of 02:58, 11 December 2024

Navigation menu

Search