Product Page Image Layout Wrong after Update

[Atomicmass]

Hi,

After the latest update, this is what the site’s product page images look like - https://www.atomicmass.com.au/product/olympic-weight-tree/

The images are in the top right corner and they are super tiny.

How do we change them to go back underneath the main image like they were before? Can’t seem to be an option in the theme?

Thanks

[christopher]

Hi there,

Actually, that is the new system of the Woocommerce plugin to use a new gallery system. To force the old gallery view you need to add the CSS code below to X > Launch > Options > CSS:

.single-product .flex-control-nav.flex-control-thumbs {
    float: none;
    position: relative;
    text-align: left;
    padding-left: 0;
    padding-right: 0;
}

.single-product .flex-control-nav.flex-control-thumbs img {
    min-height: 60px;
}

.flex-control-nav.flex-control-thumbs li {
margin: 10px;
}

.woocommerce-product-gallery__trigger img {
    visibility: hidden;
}

.woocommerce-product-gallery__trigger:before {
    font-family: "FontAwesome";
    content: "\f065";
    color: white;
}

Also, the product image sizes will be set from the Woocommerce plugin itself. For more information:

https://theme.co/changelog/#theme-x-5-1-1

Thank you.