If you're building custom product or landing pages using Replo, and you're using IA Cart Drawer to enhance your cart experience, this guide is for you.

By default, Replo sends shoppers to the Shopify cart page after clicking "Add to Cart." But if you're using IA Cart Drawer, you'll want the sleek drawer experience to appear instead — without a redirect.

That means we need to make a small tweak so IA Cart Drawer functions as expected.

Let’s walk you through it.

🚨 Why It Doesn’t Work Out of the Box

When someone clicks "Add to Cart" on a Replo page, Replo’s default behavior is to:

• Redirect to the Shopify Cart Page
• Redirect to Checkout
• Or stay on the same page (but without triggering any drawer)
  IA Cart Drawer won’t automatically open unless you manually trigger it using JavaScript. The good news? This is quick and easy to set up.

🔧 Let’s Set It Up

Step 1: Open Your Page in Replo

• Head to the Replo editor and open the page you're working on (product page, landing page, etc.)
• Click directly on the Add to Cart button in the preview

Step 2: Configure the Button Interaction

• On the right sidebar, find and click on the "Interactions" tab
• You’ll see an action called "Add Product to Cart" — leave this as it is (this adds the item to the cart)
  

Step 3: Add JavaScript to Trigger the Drawer

• Click the "+" button to add a second interaction
• Choose “Run JavaScript” from the dropdown
• Click “Launch Code Editor”
• Paste this code:

window.openIACartDrawer();

• Click Save Code

✅ This code tells the IA Cart Drawer to open whenever a product is added.

Step 4: Turn Off Cart Redirect

• Still in the Interactions panel, select the "Add Product to Cart" interaction
• Find the option "Go to cart after?" and toggle it off

📌 Important: Redirecting to the cart will stop the drawer from opening — this step is essential.

Step 5: Publish Your Page

Once everything is in place:

• Click the "Publish" button in the Replo editor
• Test the Add to Cart button to make sure the IA Cart Drawer appears instantly

✅ You're All Set!

Now, when someone clicks “Add to Cart,” the IA Cart Drawer should open smoothly — no page reloads, no friction.

If it’s not working, double-check:

• You added the JavaScript exactly as shown
• The “Go to cart after?” toggle is turned off
• You published your changes

FOR MORE FUNCTION YOU CAN VISIT : https://secretive-woodwind-e38.notion.site/?pvs=74

💬 Need Help?

Still stuck? Reach out to our support team — we’ll help you get it sorted in no time.

Updated on: 02/07/2025