Woocommerce Add to Cart Icon Small Quirk on Window & Android

Hey there,

Thanks for reaching out!

If you go to?Jetpack →?Settings →?Performance?if using WP-Admin) and de-activate the following settings:

• Speed up image load times: We host your images from our servers, providing faster image loading for your readers.
• Speed up static file load times: We host static assets like JavaScript and CSS from our servers, alleviating the load on your site.

Does this resolve the issue?

Seems no effect, besides, the stars signs are now incorrectly displayed as well…

They just become “ssssss”

• This reply was modified 7 months ago by loyukfai.

Hello there,

Turning off that revealed that there’s CSS that’s causing the issues you’re facing.

It looks like the box is being caused by:

.wc-block-grid__product-add-to-cart.wp-block-button .wp-block-button__link.added::after {
    content: "";
    display: inline-block;
    font-family: WooCommerce;
    height: auto;
    margin-left: 0.5em;
    width: auto;
}

The S’s are being caused by:

.wc-block-grid__product-rating .star-rating span:before, .wc-block-grid__product-rating .wc-block-grid__product-rating__stars span:before {
    color: inherit;
    content: "SSSSS";
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    white-space: nowrap;
}

The CSS is being loaded by this file: https://c0.wp.com/p/woocommerce/8.8.2/assets/client/blocks/wc-blocks.css

Is the performance setting still active as above? If not, if you were to turn this off, and clear the sites cache, does this resolve?

I hope this extra insight is useful!

Let me look into it, I just disabled the options and refreshed but it remains the same.

I will try to find some time to look into it further this weekend.

Thanks!

Never mind I switched to another theme.

Thanks for looking into it!