product page issues

[patlectic]

hello,

what are the settings to remove the border and the zoom icon?
thank you.

regards,
patrick

Attachments:

You must be logged in to view attached files.

[David Martin – Support]

Please add this to Theme Options => Custom CSS:

.woocommerce div.product div.images.woocommerce-product-gallery .flex-viewport {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.woocommerce div.product div.images .woocommerce-product-gallery__trigger {
    display: none;
}

[wolfl]

This is a helpful fix, but the bigger issue is that the single product detail view has changed quite considerably in Woocommerce 3.0:

-The scaling of thumbnails is different
-There is the above mentioned thin border on the right and bottom sides of all product images
-Worst of all, none of the relevant settings in the Theme Options make any difference.

For example, we can’t change the zoom setting at all – it just stays the same (zoom/inner), whichever option I choose: https://www.dropbox.com/s/26ni2gn4f3ivbid/Screenshot%202017-04-05%2017.31.51.png?dl=0
https://www.dropbox.com/s/dt328lxoh55tfjc/Screenshot%202017-04-05%2017.31.02.png?dl=0

I realise that this has been a change forced onto you by Woo, but it’s had a pretty big effect on your theme. Is there anything you can do about it?

Thanks.

Attachments:

You must be logged in to view attached files.

[Swift Ideas – Ed]

Hi @wolfl

Please see the description for those options – they are only taken into effect with WooCommerce 2.6 or lower. WooCommerce drastically improved their images setup in the latest update, and we chose to use that to improve compatibility. Hopefully they give us the option to add options to change zoom settings, and extend as we see fit – but as of yet we are still waiting on that.

The shadows should only show when that setting is enabled, we have fixed that CSS for the next update.

– Ed