Site logo

Archived topic

Add to cart button not showing

10 replies · Started by Giacomo on July 8, 2021

Viewing posts 1–11 of 11

On mobile, the introductory part of the woocommerce single product page is not visible. The user sees the image, a huge white space (to scroll for a few seconds) and then the additional information.
Basically the button to order is missing: D
If I deactivate the "woocommerce" module, everything reappears, even if the graphics are messy.
You can help me? Thank you :)

link to product: https://www.diventarefelici.it/risorsa/indipendenza-emotiva/

Hi there,

Can you put up a clone of the site on a staging site w/ woocommerce module enabled and link us to it? So we can observe what may be going wrong w/ it.

You can use the private information text field to link us to the page. Let us know. :D

In the staging works...

Hi there,

is the Woo module still enabled on the site URL you shared?
As its loading correctly for me.

So it works fine on the staging ... can you re-enable the module on the live site and clear any caches so i can see the error?

Done

Looks like the cache/optimization plugin is messing with the CSS load order.
You can test that by temporarily disabling it.

If its an issue with the cache then add this CSS to force the mobile layout into place:

@media(max-width: 768px) {

    .woocommerce #content div.product div.images,
    .woocommerce div.product div.images,
    .woocommerce-page #content div.product div.images,
    .woocommerce-page div.product div.images {
        float: none !important;
    }
}

Yes,
is wprocket :)
With your code now wordks :)
In future update of caching plugin i can try to delete this css code?

You can try removing it later - not sure it will fix it though. When WP rocket optimizes the code it doesn't always maintain the correct order of things - so this kinda thing can happen, and a little CSS to fix it isn't really a problem :)

Glad to be of help.

Thanks David,
Top :)

This archived topic is closed to new replies.