Product Pages: Product elements all over each other

Resolved lindholmfotografie
(@lindholmfotografie)

5 years, 9 months ago

Suddenly, the dropdown list for the product variations and the tabs with the product descriptions are on top of the product image. When a product page loads, it’s displayed correctly for a second, and then all these elements scramble up.

Wordpress and all active plugins including Woo Commerce are in their latest versions.

Any idea?

The page I need help with: [log in to see the link]

Viewing 6 replies - 1 through 6 (of 6 total)

Peter Lawrenson
(@lorro)

5 years, 9 months ago

You may have not fully reset your caching plugin or your CDN service.

If you still have the problem, please temporarily enable mouse right-click functions so the markup can be examined with browser tools.

Thread Starter lindholmfotografie
(@lindholmfotografie)

5 years, 9 months ago

Thanks for your reply. I cleared the cache again. I’m not using any CDN service. Problem persists. Please let me know how to re-enable right mouse click. I cannot find anything in the settings or in other menus.

Plugin Support Kel C. a11n
(@kellymetal)

5 years, 9 months ago

Hi there,

Taking a look at the browser console while viewing your product page, I see there are several errors relating to JavaScript and CSS files:

Link to image: https://d.pr/i/BTGXJr

Also, layout issues like what you are seeing are most often caused by conflicts with code in the active theme, or between other active plugins.

To check for conflicts and narrow down what is causing this issue, please temporarily switch your theme back to the default Storefront theme and disable all plugins except for WooCommerce, then check to see if the issue with the page layout is fixed. If it is, then switch your theme back and reactivate plugins one-by-one until you find the one that is causing the issue.

You can read about testing for conflicts in our documentation here:
https://docs.woocommerce.com/document/how-to-test-for-conflicts/

To avoid affecting your customers, you may want to do this on a test/staging site. If you don’t have one already, your hosting company might offer one as part of your package. Alternatively, you can use a free plugin like https://wordpress.org/plugins/wp-staging/

Thread Starter lindholmfotografie
(@lindholmfotografie)

5 years, 9 months ago

I started by deactivating Woo Commerce related plugins. The error was caused by the plugin “Product Image Zoom for WooCommerce”.

The page now works as it should.

Thanks for your help. Let’s close the ticket.

Plugin Support Kel C. a11n
(@kellymetal)

5 years, 9 months ago

Hi there,

I’m glad to hear you were able to narrow down the cause of the issue! : )

If you have a chance, you could report the issue to the developers of that plugin here to see if they are already aware of it, or might have a fix:
https://wordpress.org/plugins/woocommerce-image-zoom/

Take care, and have a wonderful day!

Thread Starter lindholmfotografie
(@lindholmfotografie)

5 years, 9 months ago

Done!
https://wordpress.org/support/topic/problem-report-your-plugin-causes-woo-commerce-page-elements-to-scramble-up/#new-topic-0

Viewing 6 replies - 1 through 6 (of 6 total)

The topic ‘Product Pages: Product elements all over each other’ is closed to new replies.