Site logo

[Support request] Add to cart button not showing

Home Forums Support [Support request] Add to cart button not showing

Home Forums Support Add to cart button not showing

Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • #1848472
    Giacomo

    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/

    #1848494
    Elvin
    Staff
    Customer Support

    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. ๐Ÿ˜€

    #1848608
    Giacomo

    In the staging works…

    #1848678
    David
    Staff
    Customer Support

    Hi there,

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

    #1848694
    Giacomo

    No, the module is deactivated.
    This is a staging site link to a woocommerce product page (in the staging site the module is active): https://www.staging7.diventarefelici.it/risorsa/colazione-positiva/

    #1848725
    David
    Staff
    Customer Support

    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?

    #1848842
    Giacomo

    Done

    #1848845
    David
    Staff
    Customer Support

    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;
        }
    }
    #1849022
    Giacomo

    Yes,
    is wprocket ๐Ÿ™‚
    With your code now wordks ๐Ÿ™‚
    In future update of caching plugin i can try to delete this css code?

    #1849048
    David
    Staff
    Customer Support

    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.

    #1849112
    Giacomo

    Thanks David,
    Top ๐Ÿ™‚

Viewing 11 posts - 1 through 11 (of 11 total)
  • You must be logged in to reply to this topic.