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

How to add custom CSS?

Accepted Answer

This guide will help you add custom CSS to the IA Cart Drawer on your store. Follow the steps below:

Steps to Add Custom CSS:

Log in to your Shopify Admin Panel **** **** **** **** ****

Navigate to your store's admin dashboard.

Access the IA Cart Drawer App

Go to Apps in the left-hand menu.
Locate and open the IA Cart Drawer app.

Open the Cart Editor

Inside the IA Cart Drawer app, find and click on the Cart Editor option.

Enable the Custom HTML & CSS Feature

In the left-hand side panel, locate the option labeled Custom HTML & CSS.
Click on it to open the settings.
Toggle the feature ON to enable customization.

Add Your Custom CSS

Once the feature is enabled, a text box labeled Custom CSS will appear.
Input your desired CSS code into this box.

Save Your Changes

After adding your custom CSS, click the Save button to apply the changes to your cart drawer.

Sample Code .ia-rewards-banner-progress-wrapper { border-color: #4a6274; border-width: 1px; border-style: solid; }

Additional Notes:

Question 3

Pricing and Billing

Accepted Answer

This guide explains the pricing structure, how billing cycles are calculated, and how to cancel your subscription for the IA Cart Drawer app. The information is presented in simple terms to ensure it's easy to understand.

Pricing Overview

The pricing for the IA Cart Drawer app is based on the total number of store orders processed in a month. Here's the breakdown:

| Total Monthly Store Orders | Price | | ---- | | 0-100 orders | $8.99/month | | 101-300 orders | $14.99/month | | 301-500 orders | $24.99/month | | 501-1000 orders | $39.99/month | | 1001-2000 orders | $69.99/month | | 2001-3000 orders | $89.99/month | | 3001+ orders | $149.99/month | The pricing automatically adjusts based on the total orders processed in your store during the last 30 days.

How Is the Billing Cycle Calculated?

Q: Css Code For Scroll Bar

<pre><code>.ia-upsell-cart { max-height: 100%; overflow-y: scroll; scrollbar-gutter: stable; } /* Thicker WebKit scrollbar */ .ia-upsell-cart::-webkit-scrollbar { width: 12px; } .ia-upsell-cart::-webkit-scrollbar-track { background: #f0f0f0; border-radius: 6px; } .ia-upsell-cart::-webkit-scrollbar-thumb { background-color: #888; border-radius: 6px; border: 3px solid #f0f0f0; } .ia-upsell-cart::-webkit-scrollbar-thumb:hover { background-color: #555; } </code></pre> <h1 id=""> </h1> <p>Add this css code to the CSS Tabs</p>

The billing cycle is 30 days long and begins one day after your free trial ends. You will be charged on the first day of every billing cycle based on the total number of orders your store processed in the previous 30 days. No charges are applied if you uninstall the app before your trial ends.

How to Cancel Your Subscription

To cancel your subscription, go to the Apps section in your Shopify admin dashboard, find the IA Cart Drawer app, and click Uninstall. Billing continues as long as the app is installed, so ensure you uninstall it completely to stop charges.

Additional Information

What Happens After Cancellation?

Once the app is

Question 4

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:

*

Question 5

How to Add Product Options to Your Product Page

Accepted Answer

This guide will help you show custom product options (like checkboxes, colors, text fields, and more) on your Shopify product page.

No coding needed. Just follow these quick and easy steps, and your store will be up and running with powerful product options in minutes! 💪 Let’s get started! 🚀

Step 1: Create and Publish Your Option Set

Open the IA - Infinite Product Options app.
Click on Create Option Set (top-right button).
Add your product options (checkboxes, colors, etc.).
Set Visibility to All Products or choose specific ones.
Set Status to Active. Your product options are now ready!

Step 2: Open Theme Editor

Go to your Shopify Admin Dashboard.
Click Online Store → Themes.
Click the Customize button on your current theme. ![](https://storage.crisp.chat/users/helpdesk/website/-/f/2/9/2/f292220162e4400/screenshot-2025-06-19-at-10002_101c7rd.png =783xauto)

Step 3: Add the IA Block to Product Page

In the theme editor, go to the Product Template (left sidebar).
Scroll and click Add Block under Product Information.
Search for "IA: Infinite Options".
Click to add the block.
Drag it to the position where you want it to show (usually below the price or variant picker).
Click Save (top right).

![Step 2 - Add a Block](https://storage.crisp.chat/users/helpdesk/website/-/f/2/9/2/f292220162e4400/step-2_1maca1l.png =571xauto)

![Step 3 - Add a IA Infinite Product Options

Question 6

Css Code For Scroll Bar

Accepted Answer

.ia-upsell-cart {

  max-height: 100%;

  overflow-y: scroll;

  scrollbar-gutter: stable;

}



/* Thicker WebKit scrollbar */

.ia-upsell-cart::-webkit-scrollbar {

  width: 12px;

}



.ia-upsell-cart::-webkit-scrollbar-track {

  background: #f0f0f0;

  border-radius: 6px;

}



.ia-upsell-cart::-webkit-scrollbar-thumb {

  background-color: #888;

  border-radius: 6px;

  border: 3px solid #f0f0f0;

}



.ia-upsell-cart::-webkit-scrollbar-thumb:hover {

  background-color: #555;

}

Add this css code to the CSS Tabs

Featured & Frequently Read Articles

Browse All Categories