Quick shop – on variation click – error image

Hello!

The products in the listing and on the product page, the image thumbnails appear correctly with the quick shop disabled.
If I activate the quick shop and leave the option -> “On variation click
” keeps working the image thumbnails, to choose the color:
https://imgur.com/YMCYuNH
https://imgur.com/4tNizWE

But if I change it to -> On variation click, the image thumbnails disappear and only the text remains, I’ve already tried everything and nothing works.
https://imgur.com/NJ4idFJ
https://imgur.com/rTMXh2Z

What could it be?

Hello,

When you enable quick shop for variable product and select the type on “Select Options” click it is showing in this form:
https://ibb.co/c8Jdfq7

And when you select on variation click it is shown in this form:
https://ibb.co/Y3tNZr9.

It is an example of our test site.

Best Regards

Hello!

That’s right, only when I activate the “on variation click” mode here, instead of being the same as yours like this:
https://ibb.co/Y3tNZr9 .

It looks like this:
https://imgur.com/rTMXh2Z
See that Black and Pink “lose” the image.

Now the old fashioned way works: (on select options click)
https://imgur.com/4tNizWE

Did you understand?

would there be some wrong setting here?
I couldn’t identify.

Note: On the product page, it remains normal, only in the store, which looks like this.

Hello,

Please share the wp login details of your site i will check and give you a possible solution.

Best Regards.

Hello!

Yes, I will send the access to verify, I tested it on more than one site, and the same thing happens, as I explained above.

Either it’s a theme bug, or something I’m doing wrong, but it seems to be a bug, I’m waiting for your feedback.

Hello,

WoodMart theme suggests the option to present the attributes as swathes. Swatches are available in text, color or image format. Swatches can be configured for global attributes only.

Choose image swatch from Products -> Attributes -> edit attributes -> choose image swatch.
https://ibb.co/tBq88QN.

https://xtemos.com/docs-topic/variable-products-and-swatches/

Best Regards.

Hello!

But that doesn’t make any sense….

I imagined that if I select in the quick shop type:
– *On select options* -> I can see the real photos of the variations, choose the color and size and buy.

– in the option *on variation click* -> It would be the SAME THING ABOVE, only then, there would be no need to open the options again above the photo, with buttons, it would be easier, direct and beautiful.

Now if you tell me that the *on variation click* method ONLY WORKS with global image, then this function won’t do anything, because what matters is the REAL image of the product, and not just a colored “ball” there… .

does it make sense what I said?

Wouldn’t it be just replicating the function to also show the image below, also being able to choose the size?

Hello,

Please have a look at the screen: https://gyazo.com/ef8996270cfb0f85dfa9c965c85d7852

This is our shop demo. You click the attribute and appropriate image appears.

In order to achieve that you need to add image to every variation in the product settings. Please check this manual: https://xtemos.com/docs-topic/variable-products-and-swatches/

You can see in the manual, that you can add one attribute in the grid. Our demo shows color. Your shop page shows the size.

As soon as you add the image to every variation, you will be able to select the variation, and add it to the cart and the buyer would see what he adds.

Your site admin access not valid now, if you have any difficulties, please provide the site admin access, we will check the current settings and suggest the option to achieve the aim.

Best Regards

Friend, I think you didn’t understand anything I said…lol

Everything you said I already know…

I won’t explain again, I ask you to read above, and understand what I asked.

About the colors, I also found a big defect, because if I put a COLOR in the attribute, the image simply stops working, or I tested it, and all the image thumbnails don’t work if I put a color.

So for the variation thumbnail images to work I can’t put any color in them.

There should be a button to activate either the color or thumbnail of the variation, but it doesn’t…

Maybe you don’t understand what I mean… what I can do is record a video, but I only speak Brazilian Portuguese.

HOWEVER, if I use the quick shop option as in the option *in the click variation*, in this one, the image thumbnail OF THE VARIATION never worked, it only works for the attribute, which was what I said above…. there were dozens of products, with different images, and I want her THUMBNAIL the same as the photo, not a “generic” thumbnail for different products. The color variation, I don’t want a color but a thumbnail of the variation image.

Hello,

Could you please send us a link to the product where it has images for variations on the single product but they are not shown on the catalog page?

Thank you

The client is still messing with all the records.

But in the access I gave you above, just test it….just change the option to – in the option *on variation click*, put a photo in the variation, and it will appear on the product page, but it does NOT appear in the listing , only the text appears.

You can test without problems.

Yes, we understand the problem. Please, send us a link to the concrete product which has images for variations on the single product but they are not shown on the catalog page.

I created a test product for you to see:

See that here, the thumbnails appear:
https://www.driconfort.com.br/produto/calca-legging-fitness-teste-nao-apagar/

But not in the listing:
https://www.driconfort.com.br/categoria/fitness/calca/

Note: You need to log in to the site, as it is still in construction mode.

Try to add the following PHP code snippet to the child theme functions.php file to fix this

add_action( 'woodmart_variation_attributes_on_grid', function ( $count ) {
	global $product;

	return count( $product->get_variation_attributes() );
});

Kind Regards

NOW YES!!! IT WORKED!

Can you apply this fix to the theme?

So you don’t have to leave extra codes?

https://imgur.com/q873nFJ

Note:

Would it be possible to change the image of the photo JUST by clicking on the color, without having to click on the size as well?

We recommend you keep this code even after the update.

We will consider adding an option to change the image on the first attribute click in our future updates.

Kind Regards

Right,
I’ll keep the code for now.

About changing the image on the first click, that would be great, because people will click on the color and already want to see it… I don’t see why there is the need to also choose the size.

After she chooses the color/model, she will choose the size and buy.

I already used a plugin a while ago that it was possible to choose this. If you could switch on the first click, and I would say which attribute was responsible for doing that.

Thanks.

Sure, thank you for the feedback. Feel free to contact us if you have any further questions.

Hello!

I went to put this on another site, and I had problems, the whole home was buggy.
I cleared caches and everything, and nothing worked, I tried more than once.
However, the other pages worked, but the Home did not.
https://imgur.com/xqcgael

It was just deactivating the code and everything was working again.

Could you help me with this?

I left the code disabled in the Code Snippets plugin.
I wanted to use the quick shop a lot in this store, it turned out very well.

Hello,

We just tried to activate this code snippet on your website and the home page worked correctly. Could you please check it from your end now?

Kind Regards

Hello!
It’s just that you need to activate the code and also activate the Quick shop on variation click.

It looks like a conflict with some of the installed plugins. Could you please temporarily disable them all so we can check how it works?

Hello!

On this site, I can’t deactivate the plugins, it can’t stop…

But what I could do was make a clone of it for a test environment….

In this case, you need to create a staging development copy of your website. There, you will be able to do such kind of experiments without any harm to your production website.

Kind Regards

Hello!

Actually this code that you passed, is causing some problem.

The only site I left active, despite working, was extremely slow, crashing the home, very strange.

It was just deactivating the code, it was super fast and normal.

If you want, on this site that I will give you access, as it is still under construction, if you want, you can deactivate plugins and do tests.

But your past code cannot be used in production yet.

It was like generating almost an infinite scroll and getting everything white and stuck…

and the carousels also have a problem, crashing.

What seems to be, that it may be some incompatibility with the elements of products that are in Home.

Please, deactivate all plugins on this website and add the code we gave you so we can check how it works.

Thank you

Buddy, there’s some bullshit going on with this code….

I disabled all plugins, and was testing logged in as admin…
All disabled, seemed to be better (obviously almost zero plugins)

Then I decided to release the site from maintenance mode and test it in a visitor tab.

I was activating 1 or 2 plugins, and testing, I did it for almost 1 hour.

On the visitor page, I didn’t even notice problems…
But when I went back to the page logged in with admin, I noticed the problem…but if the problem happens only when logged in as admin, it wouldn’t be a big problem right?

It is important for the customer to be able to use…

But now, trying to edit the home, through the element, I already received an Out of memory screen 2 times, and I had never received this.
https://imgur.com/qRmIk5q

So I think that this code may be generating something wrong and consuming extra resources on the site.

I couldn’t identify if it could be some conflict… because in the logs of the site, it doesn’t show anything.

[Author]

Posts