Shipping bag not clickable

Solved
vkulynych
New Member
3 0 0

I am having trouble with the shopping bag in the top right corner of the debut theme. It is unable to click and take you to the shopping cart. I have done some edits and put in some apps that may have caused a change to the existing themes shopping bag. If I click the shopping bag it won't take you to the shopping cart on both the desktop and mobile version.  If you press and hold the bag in the mobile version it will pop open the shopping cart.

I am still able to add items to the cart and to click the View Cart button in the popup window when adding an item to the cart.  I am wondering if anyone can assist with this? 

0 Likes

Hello @vkulynych,

Please share:
- your store URL;
- page URL with the issue you mention;
- storefront password (if your store has one).

If the store is not online yet, please follow this quick tutorial to learn how to safely and temporarily share an offline/unpublished theme URL.

Kind regards,
Diego

◦ Product page slider & thumbnails with swiping for free themes: Minimal | Debut | Brooklyn | Supply
◦ Replace apps with simple copy/paste code snippets. Examples clicking here.
0 Likes
vkulynych
New Member
3 0 0

https://shop.apexpredatorbrewing.com

Our page is online.  It's every page that has an issue as it is the shopping bag itself that won't take you to the shopping cart.

 

Thank you.

0 Likes

This is an accepted solution.

@vkulynych,

1. In your Shopify Admin go to online store > themes > actions > edit code
2. In your theme.liquid file, find the </body> (press CTRL + F or command + F on Mac)
3. paste this code right above the </body> tag:

 

 

<script>
function redirectToCart(){
var $cart = document.querySelector(`.site-header a[href*='/cart']`);

if (!$cart){
    return;
}

$cart.addEventListener('click', function(){

window.location.href = `https://apex-predator-brewing.myshopify.com/cart`
});
}

redirectToCart();
</script>

 

 


The code above will fix the problem, however it's just masking a deeper issue.

There is some app that is purposefully handling the "on click" events of your cart. The app seems to be from "sasquatchstudio.co".


It fails to do so on some occasions and then breaks the redirect, hence leading you to experience this bug. it's important to find out which app it is and request the devs to fix it, because it may be breaking other stuff in your theme that you are unaware of and can harm your conversions.

Kind regards,
Diego

◦ Product page slider & thumbnails with swiping for free themes: Minimal | Debut | Brooklyn | Supply
◦ Replace apps with simple copy/paste code snippets. Examples clicking here.
vkulynych
New Member
3 0 0

Thank you.  That fixed the shopping bag.  I have contacted the app support as well.  It is the app called Canteen - Deposits and Fees.  It handles charging for bottle deposits on purchases - adds the fee and makes it so it's automatic and not deletable if a can deposit item is in your cart.  Will I experience a shopping bag issue down the road again or will the code fix it for the long term?  I am hoping they can fix the bug in their software but I may have to find another solution for can deposits.  Any suggestions?

0 Likes

Hey @vkulynych,

This particular code is a permanent fix to redirect the users to cart whenever they click on the shopping bag button.

Unfortunately I am unaware of any app that achieves this same functionality, I hope you can find one soon and/or that they fix this issue in their app as well. It could be worthwhile asking it here in the community, someone else may know an alternative.

Wishing you all the best.

Kind regards,
Diego

◦ Product page slider & thumbnails with swiping for free themes: Minimal | Debut | Brooklyn | Supply
◦ Replace apps with simple copy/paste code snippets. Examples clicking here.
0 Likes