Support for JetEngine and JetWooBuilder Thumbnail Widget

I have to add something. I just realized, that when you load the shop page. The stock-situation of the first product fetched is displayed correctly for both, the shortcode, and the add to cart button widget. From the second product in the listing, only the shortcode integration shows the correct stock status from the beginning.

Hi Hakik

Although I explained the issue in one of my replies, I just took a video and explained it live. You’re right, this is much easier :).

https://www.loom.com/share/90a04b17231c4a2696fc88306b0411e1?sid=91038e12-a675-4a73-a1b3-345cae496e32

Thank you very much for your help and best wishes, Stefan

Hi

In the meantime, I talked to Dhul.

The issue regarding the dropdown that is converted into buttons, although it shouldn’t, is a bug. Dhul said the chances are high that I’ll get a fix for that on Sunday.

In addition, I talked to the client, and he said that the solution using the “add to cart” widget is the way to go, although the change of the thumbnail doesn’t work right now. Therefore, I removed the shortcode from the listing. If we could make it happen to work with the change of the thumbnail, that would be amazing.

As well as the other issue, where the stock status isn’t updated for all listed products from the beginning, needs to be fixed somehow. If possible.

Thank you and best regards, Stefan

Hi Hakik

Thank you for your reply.

Add to cart issue

I also tried using the WooCommerce shortcode [add_to_cart id="xy"]. Unfortunately, it only shows the price but no options.

There’s also a “Custom Add To Cart” widget, which seems to be from WooCommerce itself. Unfortunately, it’s the same behavior.

Probably I go with the shortcode version and only show the color attribute on the shop page. Then a button saying “select size”, or whatever, which then leads to the detail page where the client will add the final product selection to the cart.

Dropdown issue

According to Dhul, this seems to be a bug in the pro version. He reported it internally.

I now have a better understanding of what’s possible and what’s not. Thank you for your help. I think we can close this ticket for now.

Best regards, Stefan

Hi Hakik

Me again :). After a lot of back and forth, debugging, and trying other stuff, I’m at the point where I basically just need to solve one issue to have a more or less good solution for the client (for now).

It’s about the fact that the Thumbnails aren’t updated in the shop/archive view. Interestingly, it works for some products but not the majority.

I took a video for better understanding: https://www.loom.com/share/a8dc296cac434198a65f1303223b6e41?sid=f3712f71-9505-4c1f-8efc-c42fb8efe054

The access in this ticket is still valid, in case you want to have a look.

Thank you and best regards, Stefan

Hi Hakik

Thank you very much 🙏🏻.

Nope, no CDN. Just caching from Cloudways. Which includes Object Caching. But I also disabled that previously, and it was the same behavior. Not sure why it’s working with only some.

Is the magic happening using JS? Can we/I debug it in the browser?

Thank you and best regards, Stefan

Hi Hakik

Sorry for the late response. Thank you for the idea regarding the srcset. You’re right. I disabled the responsive image in the frontend using a snippet. Now, everything seems to work fine.

Although, now I’m facing the issue that your plugin uses the woocommerce_thumbnail image size. Unfortunately, this is not optimal, because I’m using another size that is scaled, instead of cropped.

Is there a way to tell your plugin to use another image size?

Thank you and best regards, Stefan

Hi Hakik

It seems the script is also not firing when filtering the products. Have a look here: https://www.loom.com/share/1a583ce7ab184b04b24979eae29d4f0c?sid=af0cd078-b294-4dfd-9a97-5770f0ba4546

You once added a snippet because your script wasn’t firing after the “load more” event from JetListingGrid.

I have added a snippet using the Code Snippets plugin to resolve the “Swatches are not clickable after clicking load more button”. You will find it in the list of snippets after clicking on All Snippets.

Can you extend your snippet to solve this issue, or is this different?

Thank you and best regards, Stefan

Hi Hakik

Thank you for your feedback.

Regarding the filter plugin. I’m using JetSmartFilter from Crocoblock. The same developer as JetEngine which is the listing engine.

Thank you and best regards, Stefan

Hi Hakik

Thank you for your reply. I’m going to try. Not sure how to do it, as the listing is from JetEngine (Crocoblock).

I removed the other srcset tags by disabling the responsive image feature of WordPress using a filter.

// disable srcset on frontend
function disable_wp_responsive_images() {
return 1;
}
add_filter(‘max_srcset_image_width’, ‘disable_wp_responsive_images’);

But thank you for the push in the right direction.

Best regards, Stefan

Hi Hakik

Thank you for the hint :). I was able to remove the src from the filtered products. All good now.

Thank you very much 🙏🏻

Best wishes, Stefan