woocommerce 360 images not working

HI, I have 360 images through woocommerce plugin on website. Was working fine but now the images are small and go up and down the page instead of 360 as you can see on link.

I have checked and is not plugin issue and no conflict with other pligin but theme has changed how it hadling this can you help please

Hello,

Could you please disable all plugins that are not related to our theme and provide us your admin access so we can check it?

Thank you in advance

I have disabled all plugins except Woocmart Core and WP Bakery. You will need to activate Woocommerce and 360 images plugin to see the issue but disabled those as per your request. Thank you.

Please, send us a screenshot of how it works with a default WordPress theme so we can understand the difference between that and WoodMart.

Thank you in advance.

This is using Storefront as you can see like 360 image the image is full and nice and you can spin it 360 degrees. On Woodmart the image is now small and moves up and own the screen

Attachments:

You must be logged in to view attached files.

Try to add the following code snippet to the Custom CSS area in Theme Settings to fix this issue.

.threesixty_images li {
  font-size:0;  
}

I tried but did not work – also now my side footer on fans and fan aseemblies has disappeared where you ask customers to choose brand etc

Sory Shop Main widget area has disappeared – shall i restore site from back up before i updated theme and see if it works?

Be sure that you have added these widgets to the sidebar in Appearance -> Widgets.

they are. they have not appeared since i changed themese to test 260 and change back to woodmart – do you need to log in to look into my issues?

i have fixed it. The change moved the widgets from shop page to main page i just had to move back into shop sidebar so thank you for tip. But the 360 still not resolved

Can you still please help with 360. css code and restore didnt fix as could not restore woodmart theme to before the last update

Please, disable all optimizations plugins and be sure that you have added the code to Theme Settings. Also, don’t forget to clear your browser cache.

remember this is not your 360 but plugin 360 by woocommerce if that helps

i did that and now the 360 spins as normal but the image is small and left aligned to top left of screen

OK I will have to close this off for now as I am not in tomorrow so cannot do changes and need to put security back on website for weekend. Thank you for your helps o far but it has not been fixed so will pick up again on Monday.

The size of this block is set by the plugin’s CSS styles. You need to contact plugin’s developers for help in this question.

OK have been in touch with plugin developer and they are sure this is the issue – additional CSS. I have no idea where this extra css has come from or how to delete it. i have attached the image so you can see

Attachments:

You must be logged in to view attached files.

You can check two custom CSS areas: one is in Theme Settings -> Custom CSS and another one in Appearance -> Customize.
Our theme doesn’t have other areas for user CSS code.

It is not there. I know i have never added this code myself as still learning. It has just appeared. Could it be a setting within theme for product images?

Our theme’s code doesn’t contain such code since it has CSS class that comes with the plugin only.

I have fixed issue – in their update they added that css code into one of their .php files. I have reverted the plugin to the previous update and it is back to normal. Thank you for your help also

Great, you are welcome!

[Author]

Posts