WooCommerce images not showing after latest update

effusionindia
(@effusionindia)

9 months, 2 weeks ago

Hi,
After yesterday’s update, the woocommerce images are not showing on the single product page. I deactivated the plugin and then the images are showing.

PLease look into this plugin conflict with WooCommerce

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

Plugin Author sarkparanjothi
(@sarkparanjothi)

9 months, 2 weeks ago

I have checked everything working for me.
Can you post woocommerce version and php error log about wcff.

protostack
(@protostack)

9 months, 2 weeks ago

I’m getting the same issue.

(index):392 Uncaught TypeError: $ is not a function
Error is occurring in this block

<script> var $ = jQuery;
$(document).ready(function(){
// Error occurs on the next line
$(document).on(“change”, “[data-has_field_rules=yes]”, function(){
});
});
</script>

I believe you want

<script> var $ = jQuery;
$(document).ready(function(){
var $ = jQuery;
$(document).on(“change”, “[data-has_field_rules=yes]”, function(){
});
});
</script>

Daniel Mesteru
(@daniel-mesteru)

9 months, 1 week ago

+1. Woocommerce product images not working and the virtual products selection is not working either after the last update (2.0.8)

WC: 3.3.5
WP: 4.9.5

Nickolabs
(@nickolabs)

9 months ago

I’m also having the same issue.

WC : 3.3.5 and
WP : 4.9.6.

I believe it’s a jQuery conflit. I noticed the Quantity button were also not working properly. When disabling the display of the custom fields from WC Field Factory, everything (quantity buttons and image included) loads and works fine.

Nickolabs
(@nickolabs)

8 months, 4 weeks ago

So following @protostack‘s suggestion (thanks!), I edited the wp-content/plugins/wc-fields-factory/includes/wcff-injector.php file, on line 142 and added the “var $ = jQuery;” declaration inside the ready function.

It works now, but hopefully the next update won’t crush this fix!

ristoa
(@ristoa)

8 months, 3 weeks ago

Thanks @protostack
This hotfix works perfect. Wasted lot of time before I found this post
leeshields
(@leeshields)

5 months, 3 weeks ago
Hi, I’ve just come across this issue, the fix above doesn’t look like it works now? Or at least the file has changed and I’m not putting it in the right place!?

Anyone else?

Lee
- This reply was modified 5 months, 3 weeks ago by .
leeshields
(@leeshields)

5 months, 3 weeks ago

Found Protostacks new update replacing line 644 (in my case) with

$color_picker_script .= ‘$(document).ready(function() {var $=jQuery;if( typeof $.spectrum != “undefined” ){‘;

Just for anyone else that comes across this, credit to Protostack

Lee
Nickolabs
(@nickolabs)

5 months, 3 weeks ago
@sarkparanjothi Please, update and fix this issue. I can’t watch over my client’s website every time I update this plugin and having to charge fee for my time I have to spend editing the plugin’s source code!

To summerize :
You still need to edit wp-content/plugins/wc-fields-factory/includes/wcff-injector.php file, on line 182 (no longer 142) and add the “var $ = jQuery;” declaration inside the ready(function()). For simplicity’s sake, I parsed the tabulation for display here…
```
$(document).ready(function(){
	var $ = jQuery;
	$(document).on("change", "[data-has_field_rules=yes]", function(){
```
Then you also need to edit the same file at line 645 with @leeshields addition to the fix and replace
$color_picker_script .= '$(document).ready(function() {if( typeof $.spectrum != "undefined" ){';
with :
$color_picker_script .= '$(document).ready(function() {var $=jQuery;if( typeof $.spectrum != “undefined” ){';
- This reply was modified 5 months, 3 weeks ago by Nickolabs. Reason: Adding code
- This reply was modified 5 months, 3 weeks ago by Nickolabs. Reason: More code
natlia
(@natlia)

5 months, 3 weeks ago

Hi,
I have the same problem. I edited the file wcff-injector.php, unfortunately, it not work for me. Any idea?
Thank you!

loganzendesign
(@loganzendesign)

4 months, 3 weeks ago

I have the same issue but I don’t have wc-fields-factory folder, I also searched for the wcff-injector.php it couldn’t be found in my website folder anywhere??!!

Any ideas anyone
wordninja
(@wordninja)

2 months ago
Let’s wrap this in an enclosure where ever used.
```
(function($){
  $(document).ready(function(){
    $(document).on("change", "[data-has_field_rules=yes]", function(){
    ...
    });
  });
)(jQuery);
```
- This reply was modified 2 months ago by wordninja.
- This reply was modified 2 months ago by wordninja.
- This reply was modified 2 months ago by wordninja.
Nickolabs
(@nickolabs)

2 months ago

Good point there @wordninja. Didn’t cause conflict in my setup but never too cautious!