Using Slide Cart with GemPages

Slide Cart is compatible with GemPages, but an additional configuration is necessary for both apps to work together. Follow the steps below to ensure a smooth integration.

Step 1: Enable Slide Cart's App Embed

1. Navigate to Online Store -> Themes -> Customize -> App embeds.
2. Ensure that the Slide Cart's app embed toggle is enabled in your theme.

Step 2: Set Button Behavior on GemPages

1. Open GemPages and set the button behavior.

Options such as "Stay on the same page," "Do nothing," or "Keep Shopping" should be selected instead of "Go to cart."

Step 3: Enable Integration Toggle

1. Navigate to the Integrations section found under the Appearance tab.
2. Enable the integration toggle.

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.