Using Slide Cart with GemPages

Slide Cart is compatible and can be used with GemPages. For both apps to work together, some additional steps are necessary.

First, ensure that Slide Cart's app embed toggle is enabled in your theme. Head to Online Store > Themes > Customize > App embeds:

It’s also important to set the button behavior correctly on GemPages. Options such as “Stay on the same page”, “Do nothing”, or “Keep Shopping” should be selected instead of “Go to cart”.

Second, enable the integration toggle by navigating to the ‘Integrations’ section found under ‘Slide Cart Settings > Appearance:

Depending on your version of GemPages, the snippet might change. You can test either of the following snippets:

Version 6:

<script>
  document.addEventListener("DOMContentLoaded", function() {
    document.querySelectorAll('.gf_add-to-cart').forEach(function(el) {
      el.addEventListener('click', function() {
        setTimeout(function() {
          SLIDECART_UPDATE();
          SLIDECART_OPEN();
        },1000)
      })
    })
  })
</script>

Version 7:

<script>
  document.addEventListener("DOMContentLoaded", function() {
    document.querySelectorAll('button.gp-button-atc').forEach(function(el) {
      el.addEventListener('click', function() {
        setTimeout(function() {
          SLIDECART_UPDATE();
          SLIDECART_OPEN();
        },1000)
      })
    })
  })
</script>

If you need further help with the integration, don’t hesitate to reach out to our support.