General Discount Class – Product Page Offer Banner Class:

To show discount blocks like Volume Discounts, Free Gift Offers, or other FAD app widgets on your product page, you have two options:

• Add FAD App Section via Theme Editor
  • Go to Online Store > Themes > Customize.
  • Add the FAD section manually to your product template.
• Use Existing Section Class or ID

If you want to place the block inside an existing section, simply add the CSS class or ID of that section in the “Product Page Offer Banner Class” field.

For example: .offertable or #offertable

Refresh cart:

If your store uses an Ajax Cart, Mini Cart, or Cart Drawer, you may notice that newly added discounts or free gifts from the FAD app don’t appear right away.

This happens because these carts don’t automatically refresh when updates occur.

To fix this, add your store’s cart refresh script in the provided field. This ensures the cart is updated properly when a discount or gift is applied.

Note: If you’re using an Ajax Cart, Mini Cart, or Cart Drawer and the free gift added via the FAD app doesn’t appear immediately, it means your cart drawer isn’t refreshing automatically.

To fix this, you’ll need to implement a cart refresh callback so the app can update the cart properly after a product is added.

If you need help with this? We’ve got you.

• Start a live chat with our support team from the bottom right corner, and we’ll guide you step by step.
• Or, check out our refresh cart drawer guide to find your theme’s refresh callback and learn how to add it under the app settings.

BOGO Discount Class:

Ajax Add to Cart allows customers to add products without reloading the page, creating a faster and smoother experience, especially for mini carts or cart drawers.

If you’re using a custom cart (like a drawer or popup cart), make sure it refreshes correctly when auto-added products like free gifts are applied.

Free Gift Discount Class

Cart Page Offer Banner Class:

Add the CSS class or ID of the section on your cart page where you want to display the free gift offer block.

For example: .totals__total-value or #totals__total-value

Cart Drawer Offer Banner Class:

Enter the class or ID of the section inside your cart drawer where the free gift message should be shown.

For example: .Offertable or #Offertable

Cart Counter Class:

Add the class or ID of your cart item counter element to make sure it updates correctly when a free gift is added or removed.

For example: .cart-count-bubble or #cart-count-bubble

Let Customers Remove the Free Gift:

Enable this option if you want to give customers the ability to manually remove free gift items from the cart.

How it works:

When this box is checked, the app allows the free gift item to behave like a regular product — customers can remove it from the cart if they wish.

Required Code Update:

To activate this feature, you must add the following data-properties code to the parent <div> of the cart line item in your theme:

Note: To enable this functionality, ensure the following property is included in the line item parent div:=”data-properties=”{% if item.properties[‘_free_product’] != blank %}is_gift_{{ item.properties._free_product }}_{{ item.product.handle }}{% endif %}””

For further assistance, you can refer to the relevant file. Check this screenshot for reference: https://prnt.sc/ern6l4ISp_wX