About
Globo is the company specializing in website design and development in Vietnam.
45C, 210 Hoang Quoc Viet Street, HN
globosoftware
contact@globosoftware.net
Follow Us

PageFly Landing Page Builder

You are here:
Estimated reading time: < 1 min

App URL: https://apps.shopify.com/pagefly

Steps to manage

  1. Open the PageFly app.
  2. In Product Template editing tab, click Add shopify element button
  3. Select Product Details element.
  4. Drag and drop it here:
  5. Click Add element button.
  6. Select HTML/Liquid then drag and drop it here:
  7. Click Open code editor
  8. Add the code snippet below > click Save & Close:
    <div class="gpo-product-variants"></div>
    

  9. Select Product Add to Cart > Attributes > More Settings
  10. Click Add New Item
  11. Input “type” in Enter Key, and input “submit” in Enter Value
  12. Save and Publish

  13. Place the below script code before the </body> tag in the theme.liquid file:

    <script>
      var check = false;
      var ga_interval = setInterval(checkApp, 100);
      function checkApp() {
        let cloneAtc = document.querySelector('.gpo-clone-atc-button');
            if (cloneAtc) {
               check = true;
               clearInterval(ga_interval);
            }
            if (check) {
               cloneAtc.removeAttribute('data-product-id');
            }
      }
    </script>

 

Was this article helpful?
Dislike 14
Views: 970