Single Product page messed up after latest Update

Solved5 replies3 participantsUpdated by Rose Tyler

  • Avatar: Jannis T
    Jannis T
    Participant

    Hi,
    after the latest theme and plugin update on the staging site, the mobile view of the single product page is messed up. The product thumbnails have a huge height.:
    https://prnt.sc/10obxa0

    I’ve restored the backup i’ve made before updating to the new theme+plugin version and there is no issue with the thumbnails:
    https://prnt.sc/10obxed

    The only custom CSS i have for the thumbnails sizing are your following suggested lines from a previous ticket of mine:
    /* Adjust Single Product thumbnails and image */
    .product-images .woocommerce-product-gallery img {
    max-height: 600px;
    width: auto;
    }
    .product-images .woocommerce-product-gallery .thumbnails-list img {
    max-height: 100px;
    width: auto;
    margin: auto;
    }

    For comparison.
    Product URL after update:
    https://e-zafirakis.ga/product/black-shark-3-xiaomi-ecosystem-smartphone-6-67-8-128gb-sd-865-%ce%bc%ce%b1%cf%8d%cf%81%ce%bf/

    Product URL before update:
    https://e-zafirakis-test.ga/product/black-shark-3-xiaomi-ecosystem-smartphone-6-67-8-128gb-sd-865-%ce%bc%ce%b1%cf%8d%cf%81%ce%bf/

    Please switch to the mobile Version of the product pages

    Thanks in advance,
    JT

    #279845 Copied Theme version: 7.2.6 WooCommerce version: 5.1.0

    5 Answers

    Avatar: Robert Hall
    Robert Hall
    Participant

    Hello

    It is probably looks that your single product page slider is break if you have installed any 3rd party plugins please check your website after deactivating all 3rd party plugin and check with theme defaults plugins.

    https://www.8theme.com/documentation/xstore/plugins/included-plugins/

    If this doesn’t work or you have more questions, just let me know, and I’ll be happy to help!

    Robert Hall
    Customer Support

    #279882 Copied
    Avatar: Jannis T
    Jannis T
    Participant

    Hello Robert,

    i’ve disabled all plugins except xstore-core, wooco and nginx-cache ones but still same issue. I don’t have any custom styles in childs style.css, just the ones in Global-CSS..

    Admin access pasted in private for you

    Regards,
    JT

    Please contact administrator
    for this information.
    #279897 Copied
    Avatar: Rose Tyler
    Rose Tyler
    Support staff

    Hello,

    Download slick.min.js file from this page – https://dropmefiles.com/8k9jP , reupload the file into wp-content/themes/xstore/js/libs/ folder, vis FTP. Then clear cache and check.

    Regards

    #279914 Copied
    Avatar: Jannis T
    Jannis T
    Participant

    Hello,

    done as advised and now it looks “normal” again.
    Will the new .js be included in future patch releases or do i have to keep it for the production site release always saved and applied from now on?

    Thanks for the fast reply,
    JT

    #279930 Copied
    Avatar: Rose Tyler
    Rose Tyler
    Support staff

    Thanks for the reply. The fix will be included in next theme updates also.

    Regards

    #279933 Copied

The issue related to '‘Single Product page messed up after latest Update’' has been successfully resolved, and the topic is now closed for further responses