Problem with WooCommerce

Hello,

To be honest, there is probably nothing I can do for that issue. The retina part if pretty straightforward, there is no trick. WooCommerce, however, use a lot of tricks and on WooCommerce side we could took take care of this.

Which method are you using? PictureFill? Maybe you can try to switch to the Retina.js method, that might help. But this is just a way to avoid the problem, it is not the proper way to fix it.

Alternatively, you can check in your Developer Tools console, maybe there is a Javascript error we could look into.

Yes! Changing from Picturefill to Retina.js fixed the problem.

I feel I’m stuck in the middle of you and the guys on woocommerce. WP Retina 2x and woocommerce is included in the Theme I use (LaBomba) and it’s extremely hard for me to teel where to put the blame! The woocommerce told me to contact you, and you tell me to contact woocommerce! Maybe I should talk to LaBomba support and make them do the digging…

Anyway! Retina.js made it work! Why is Picturefill recommended?

Thanks
//Per

PictureFill is the “future” HTML markup for the web. Any website (= theme) should support it already. This is for “tomorrow” and that’s why it is better to use it. Chrome (for example) doesn’t require any Javascript polyfill to make it work. It’s natural.

Retina.js is okay too, is actually the method most websites are using (including apple.com I believe). However, it loads the same images twice on the retina devices. I guess… it is fine ?? But not ideal.

The WooCommerce guys should come here and participate in this thread, or a common thread anywhere else. Throwing the fault at each other is not going to help ?? Only collaboration works.

I ran into this same issue. I really wanted to use picturefill for an image heavy website to avoid the double loading of retina.js. I was able to fix it by listening for changes to the product image and updating the srcset. I ended up created a plugin Picturefill fix for WooCommerce in case others wanted an easy way to get it working.

jeremymoseley, what you did is really cool ?? I actually like how you coded a solution for it and the way it’s handled. Did you try to fix this on WooCommerce side actually? That would be a completely different solution, but I would think it would be best if the correction just goes into “one” thing so that it can be integrated. Anyway, maybe you should create a post on the WP Retina 2x support threads about your plugin and what it does and I will pin it to the top. People should know about it.

Thank you Jordy. Initially I copied woocommerce/assets/js/frontend/add-to-cart-variation.js then unregistered the WooCommerce version and registered my version with the added the srcset modifications. Then I realized that I don’t want to check for changes every update, so I ended up with what is currently posted. To get it to work out of the box with WooCommerce I think they would need to load hidden images of all the product variations, then just display the selected variation. As it is now, the image attributes are just replaced.

I will post a new thread!

Super, thank you, good job ??