> ## Documentation Index
> Fetch the complete documentation index at: https://docs.getjurni.ai/llms.txt
> Use this file to discover all available pages before exploring further.

# Connect the cart on Shopify Pages

> Connect the existing Shopify theme or app cart with the Jurni team; understand the limited custom-code settings and save behavior.

This guide applies to **native Shopify Pages** published at `/pages/your-handle`. It does not configure Jurni's hosted cart or a non-Shopify cart API.

When a Shopify Page adds an item, the default behavior is to take the shopper to Shopify's cart page. To open and refresh your existing theme drawer or cart app instead, the page may need a provider-specific connection.

## Start with the cart your store already uses

Ask your Shopify owner which cart is installed: a theme drawer, Rebuy, or another cart app. Test the Jurni Shopify Page before changing anything. An integration already installed in the theme may handle some behavior, but that must be checked on the actual page.

The goal is to connect the existing cart—not design a new cart inside Jurni.

## Configure the connection with your developer or Jurni

<Steps>
  <Step title="Share a working example">
    Send your technical teammate or the Jurni team the published Jurni Shopify Page, an existing store page where the cart works, and the theme/cart-app name.
  </Step>

  <Step title="Prepare the correct cart code">
    The implementation owner should supply code that refreshes and opens that specific cart after an item is added. Different themes and app versions use different methods; do not paste a random snippet because the cart looks similar.
  </Step>

  <Step title="Use Shopify Pages settings">
    In Jurni's **Settings → Shopify Pages** area, the control is **Cart Custom JavaScript (optional)**. When enabled, it exposes the code field and optional **Cart Section IDs** for Shopify sections the integration needs to refresh.
  </Step>

  <Step title="Save and test">
    Save the code changes with **Save Changes**, update the Shopify publication when needed, and test the published page's Add to cart action and cart icon.
  </Step>
</Steps>

<Warning>
  Turning the custom-code switch on or off saves that behavior change immediately. Code-field edits have a separate **Save Changes** action. Coordinate changes on live campaigns; do not turn it on with unfinished code and assume nothing changes until you publish.
</Warning>

## What the settings do

**Cart Custom JavaScript** runs the configured behavior after adding items or when opening the cart. It is not a place to paste an API secret or install every script the cart vendor provides.

**Cart Section IDs** are Shopify theme section identifiers supplied by the implementation owner, with up to five supported. They are not product IDs or the names of sections in Jurni's editor.

These settings are shared by the shop's Shopify Pages. They do not provide a self-service cart-layout editor, discount engine, or checkout designer. The [general Jurni cart settings](/commerce/cart-display-settings) are a different configuration.

## Verify the complete flow

Add the intended product and variant, check that the cart refreshes and opens, then change the quantity or remove an item and proceed to checkout. Test subscriptions, gifts, and discount behavior relevant to the campaign. Repeat on mobile.

Opening the drawer is only part of the check: it must contain the correct items and total. If the Jurni preview works but the Shopify Page does not, investigate the theme/cart connection on the `/pages/` URL.

## Other storefronts

For a Shopify headless storefront without a theme, or a non-Shopify store, use the [team-assisted purchase paths](/commerce/non-shopify-purchase-flows): cart API, checkout link, store product page, or custom implementation.

## Related guides

* [Set up Shopify Pages](/shopify-pages/setup-publish)
* [Shopify Pages limitations](/shopify-pages/limitations)
* [Cart and checkout behavior](/commerce/cart-checkout-behavior)


## Related topics

- [Cart and Checkout Behavior](/commerce/cart-checkout-behavior.md)
- [Activate Jurni Core for Shopify](/getting-started/activating-jurni-core.md)
- [Connect the tools your brand uses](/integrations/overview.md)
- [Set Up and Publish Shopify Pages](/shopify-pages/setup-publish.md)
- [Purchase paths for headless and non-Shopify stores](/commerce/non-shopify-purchase-flows.md)