Question 1

How to Set Up a Free Gift Using a $0 Product in Shopify

Accepted Answer

If you're looking to run a free gift promotion through your Shopify store while using our Cart Drawer app, this guide is for you. Shopify only supports one automatic discount at a time, which can cause conflicts when using multiple discount-based apps (like subscriptions, bundles, etc.).

To avoid discount conflicts and ensure your free gift is added seamlessly during checkout, we recommend offering the gift as a $0 product rather than applying a discount. This method keeps the experience smooth for shoppers and prevents technical issues at checkout.

In this article, we’ll walk you through the process of setting up a $0-priced gift product that integrates perfectly with your Cart Drawer app — while also protecting your store from customers trying to exploit the system.

Step 1: Duplicate the Gift Product

Go to your Shopify Admin.
Navigate to Products, and select the product you want to offer as a gift.
Click Duplicate.
In the duplicated product:

Set the price to $0.00.
Set the status to "Active".
Make sure your quantity is set up unlimited.
Ensure it’s available in the Online Store sales channel.

Step 2: Hide the $0 Product From Public View

To avoid customers directly accessing or manipulating the gift item, take the following actions:

a. **Remove the Add to

Question 2

Oxify Cart Drawer x Replo Landing Page Designer

Accepted Answer

If you're building custom product or landing pages using Replo, and you're using Oxify 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 Oxify 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 Oxify 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) Oxify Cart Drawer won’t automatically open unless you manually trigger it using JavaScript. The good news? This is quick and easy to set up.

${color}[#db8000](🔧 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) ![](https://storage.crisp.chat/users/helpdesk/website/-/f/2/9/2/f292220162e4400/screenshot-2025-07-02-at-83917_16xjli6.png =484xauto)

Step 3: Add

Question 3

Developer Documentation (Methods/Events/CSS Selectors)

Accepted Answer

Lightweight, global helpers for opening/closing the slide cart and adding items programmatically. These functions are injected on the storefront once Oxify Cart is installed and enabled.

Getting Started

Once Oxify Cart is installed on your Shopify store, the public API becomes available on the global window object on storefront pages.

Prerequisites

Active Oxify Cart installation on your Shopify store
Basic understanding of JavaScript
Familiarity with Shopify theme structure

Feature Detection (Important)

Always check that the functions exist before calling them. This prevents errors if the app is disabled or a script hasn’t loaded yet.

<script>
  function isIACartReady() {
    return typeof window.openIACartDrawer === "function" &&
           typeof window.closeIACartDrawer === "function" &&
           typeof window.addItemsToIACartDrawer === "function";
  }
</script>

Best Practices

Check for API availability before calling (see Feature Detection).
Handle failed add-to-cart attempts gracefully (network issues, invalid variant IDs, etc.).
Use event listeners from your theme (e.g., re-render cart badge after add) where applicable.
Test across multiple devices and browsers; verify behavior with other cart apps present.

Browser Compatibility

The IA Cart Public API supports modern browsers:

Chrome (latest)
Firefox (latest)
Safari (latest)
Edge (latest)

Note: Implement feature detection before using these APIs to

Question 4

How to Add Quantity Breaks in Featured Product

Accepted Answer

With the Oxify Product Bundle app, you can display quantity breaks directly inside your Featured Product section on Shopify. This allows your customers to see bundle discounts (like Buy 2, Save 10%) without leaving the product page. Follow these steps:

Step 1: Add a Featured Product

In your Shopify theme editor, click Add Section.
Choose Featured Product.
From the settings panel, select the product you want to feature (e.g., Premium Anti-Aging Cream).
- You will now see the product details (title, image, price, variants, etc.) appear on your storefront. (See screenshot below – Featured product selected with product dropdown)

![](https://storage.crisp.chat/users/helpdesk/website/-/f/2/9/2/f292220162e4400/screenshot-2025-09-14-at-11135_1o8ucs8.png =294xauto)

Step 2: Add the Quantity Bundle Block

In the Featured Product section, click Add block.
Switch to the Apps tab.
Select Oxify: Product Bundle.
- This will insert the Quantity Break block inside your Featured Product section. (See screenshot – "Oxify: Product Bundle" added as a block)

![](https://storage.crisp.chat/users/helpdesk/website/-/f/2/9/2/f292220162e4400/screenshot-2025-09-14-at-11103_1y896vn.png =541xauto)

Step 3: Select the Product in Bundle Block

In the Oxify: Product Bundle block settings, click Select Product.
Choose the same product you used in the Featured Product section.
- Example: *Premium Anti-Aging Skin Care

Question 5

Oxify Cart Drawer vs UpCart: The Ultimate Shopify Cart Drawer Showdown

Accepted Answer

Choosing the right cart drawer app can make a major difference in your Shopify store’s conversion rates and average order value (AOV). Both Oxify Slide Cart Drawer & Gift (formerly IA Cart Drawer Free Gifts) and UpCart – Cart Drawer Cart Builder are top contenders in this space.

Here’s a feature-by-feature breakdown of Oxify and UpCart. | Feature (Cart Drawer) | Oxify | UpCart | | ---- | | Slide / drawer cart | ✓ | ✓ | | In-cart upsells | ✓ | ✓ | | Cross-sells / product recommendations | ✓ | ✓ | | Free gifts in cart | ✓ | ✓ | | Manual gift support | ✓ | ✗ | | Gift selection (customer chooses) | ✓ | ✗ | | Free-shipping bar / rewards motivator | ✓ | ✓ | | Progress bar | ✓ | ✓ | | Countdown / urgency timers | ✓ | ✓ | | Sticky cart button/icon | ✓ | ✓ | | One-click add-ons (e.g., insurance) | ✓ | ✓ | | Shipping protection | ✓ | ✓ | | Warranties | ✓ | ✓ | | Gift wrap | ✓ | ✓ | | Discount/coupon field in cart | ✓ | ✓ | | Discount code creation inside app | ✓ | ✗ | | Custom HTML | ✓ | ✓ | | Custom CSS | ✓ | ✓ | | Shopify Market Support With Rewards | ✓ | ✗ | | Cart announcements / announcement bar | ✓ | ✓ | | Mobile responsive | ✓ | ✓ | | Multi-language | ✓ | ✓ | | Multi-currency | ✓ | ✓ | | Subscription upgrade / in-cart subs | ✓ | ✓ | | Custom notes | ✓ | ✓ | | Terms & conditions checkbox | ✓ | ✓ | | Quantity breaks | ✓ | ✓ | | Volume discounts | ✓ | ✓ | | Tiered discounts | ✓ | ✓ | | “Buy more, save more” offers | ✓ | ✓ | | Frequen

Question 6

How to Test Your App on an Unpublished (Draft) Theme

Accepted Answer

This guide will help you set up and test the IA CART DRAWER app on an unpublished (draft) theme. By following this, you can ensure your changes don't interfere with your live website or affect your live visitors.

Step 1: Duplicate Your Existing Theme

Go to Shopify Admin:

From your Shopify admin dashboard, navigate to Online Store → Themes.

Duplicate Your Theme:

Find your current live theme under Current Theme.
Click on the three-dot menu (⋮) next to it and select Duplicate.
A copy of your theme will be added to your Theme Library.

*Note: The duplicate theme is a safe, unpublished copy where you can test changes.*

Step 2: Disable IA CART DRAWER on Your Live Theme

To avoid affecting your live visitors, disable the IA CART DRAWER on your main (live) theme:

Open Theme Editor:

Under Current Theme, click Customize.

Disable the App Embed:

In the theme editor, look at the left-hand side menu.
Navigate to App Embeds and locate IA CART DRAWER.
Toggle it to Disable.

Save Changes:

Click the Save button on the top-right corner of your screen.

Step 3: Enable IA CART DRAWER on Your Draft Theme

Now that your live theme is unaffected, you can enable the IA CART DRAWER on the draft theme:

Open the Draft Theme:

*

Featured & Frequently Read Articles

Browse All Categories