Skip to main content
All CollectionsHelp Articles for New UITroubleshooting
Autopilot offer not showing in your Cart Drawer (New UI)
Autopilot offer not showing in your Cart Drawer (New UI)
Lasandra Miller avatar
Written by Lasandra Miller
Updated over a week ago

If you launched the Autopilot offer and all your other settings are correct, but the offer doesn’t show in your Cart Drawer follow the steps below:

1. Right Click anywhere on your website and select Inspect

2. Copy and paste this function in the console and press enter on your keyboard InCartUpsell.prototype.findOfferWhenReady();

3. If the offer does not appear after running that function, please reach out to support for assistance.

OR

If the offer appears, copy and paste the code snippet in your theme.liquid file right before the ending body tag. You can find your theme.liquid file by going to Online Store on your Shopify Admin >Themes > click the ellipsis (...) on the theme that you want to add the code to (in this case that would be your current live theme) > select Edit Code. Under Layout, select theme.liquid and scroll down until you see the ending body tag </body>.

If you are unable to locate the ending body tag, click anywhere in the theme.liquid file then press CTRL + F if you are using Windows or Command + F if you are using Mac. This will open a search bar where you can type and search for anything in your theme. In this case you need to type the word body and click enter until you see the ending body tag </body>.

4.Once you have successfully located the ending body tag </body>, copy and paste any of the JavaScript snippet below directly above the ending body tag and then press Save.

<!--IN CART UPSELL BEGINS-->
<script>

let interval_check;
interval_check = setInterval(checkAI, 500);
function checkAI() {
if(typeof(my_offers) != "undefined" && my_offers!= null){
clearInterval(interval_check);
// debugger;
for(var i = 0; i < my_offers.length; i++){
if(my_offers[i].offerable_type == "auto"){
my_offers[i].in_ajax_cart = true;
InCartUpsell.prototype.findOfferWhenReady();
}
}
}
}
</script>
<!--IN CART UPSELL ENDS-->


OR


<!--IN CART UPSELL BEGINS-->

<script>

let interval;

setInterval(check,1000);

let nudge;

function check(){

nudge = document.querySelector(".nudge-offer");

if(typeof(my_offers) != null && typeof(my_offers) != "undefined" && nudge == null){

InCartUpsell.prototype.findOfferWhenReady();

clearInterval(interval);

}

}

</script>

<!--IN CART UPSELL ENDS-->


After saving your changes, perform a page refresh to confirm they have been applied. To ensure the most current changes are displayed, clearing the cache of your browser may also be necessary.

Did this answer your question?