Shapes Theme Errors, Weird Underlines

[SANCFOOD]

Hey, we've been working with the Shapes theme on shopify and have not heard back from the developers so I thought we would ask the community about this problem. Currently we have a hover effect on certain text that puts a squiggly line underneath the links. The problem is that it's glitching and making it appear broken instead of one solid line. 

Another issue is the cart not updating immediately once something is added to the cart. It takes moving to another page or refreshing to show it had been added. Any ideas on how to fix this? 

[goldi07]

Hello @SANCFOOD 

For your Shapes theme issues, here’s how you can troubleshoot and fix them:

1. Squiggly Line Hover Effect Glitch
The issue likely comes from text-decoration: underline wavy;, which can render inconsistently across browsers.

Fix Options:

. Use border-bottom instead:

a {
    text-decoration: none;
    border-bottom: 2px solid currentColor;
}

 . If you want to keep the wavy effect, try adding text-underline-offset:

a {
    text-decoration: underline wavy;
    text-underline-offset: 2px;
}

. If it's a font rendering issue, test another font temporarily to check if it improves.

2. Cart Not Updating Immediately
This typically happens due to missing AJAX cart updates. To fix:

.  Enable AJAX Cart Update Check if cart.js is handling AJAX updates correctly. If missing, add this in theme.js or cart.js:

$(document).on('submit', 'form[action="/cart/add"]', function(e) {
    e.preventDefault();
    let form = $(this);
    $.post(form.attr('action'), form.serialize(), function() {
        $.getJSON('/cart.js', function(cart) {
            $('.cart-count').text(cart.item_count);
        });
    });
});

. Ensure cart.js is Loaded If your theme uses an older method, make sure theme.js has:

$(document).ready(function() {
    Shopify.onItemAdded = function() {
        Shopify.getCart(function(cart) {
            $('.cart-count').text(cart.item_count);
        });
    };
});

. Check if Shopify Cart API is Blocked Open Developer Console (F12) → Network tab, filter requests by "cart". If you see a failed request, your theme may be blocking AJAX updates.

Thank you 😊