Variable Product Help

Hi,

How can I display products like in the images (9 & 10) – if you see single product images, it has variable colors in the product image itself, and within respective color has different sizes (L, M, S etc)

And second question is: if u see the image (11) – the variables products listed as individual products.

Thanks in advance.

Attachments:

You must be logged in to view attached files.

Hello,

In order to make variations to change on a swatch clicking Navigate to Theme Settings > Shop > Attribute swatches,> enable “Use images from product variations”

Make sure each variation in a variable product has an image: http://prntscr.com/kk870w

the variables products listed as individual products. – if you want to make variations as simple products you need to create theme simple products.

Best Regard

Hi,

Thank u very much for the swift reply. As instructed, I enabled “Use images from product variations. But nothing is happening. What I am missing? Plz bear with me, I am not that much technical. Can u plz access my backend and fix this. Millions of thanks in advance.

the variables products listed as individual products. – if you want to make variations as simple products you need to create theme simple products. — I didn’t understand it 🙁

Hello,

Please check your credentials I cannot log in.

Best Regards

My bad, I changed the permalinks, plz view the updated link and same credential. thanks

Hello,

Your variable product works properly https://gyazo.com/4a6e4f86aa60eaa8bd2928e80698f5a1

You need first of all chose the size and then the color.

Best Regards

Yes, it works fine, thank u very much.

1) But can u plz tell me how to make actual image (like image-10)?, instead of color swatch.
https://shoppy.mn/products/sweater-l-s-3j72e14b1-26f?t=emeghtei/khuvtsas/dulaan-tsamts

2) Secondly, if you see image-11, the products which are same style but different colors are showing in the product listing. In case of our website. The variable products are listed like 1 image. plz refer to this link – https://shoppy.mn/t/emeghtei/khuvtsas/dulaan-tsamts?brand%5B0%5D=United%20Colors%20of%20Benetton

I hope you get what I meant.
Thanks in advance.

Attachments:

You must be logged in to view attached files.

Hello,

Navigate to Theme Settings > Shop > Attribute swatches > enable “Use images from product variations”

Make sure each variation in a variable product has an image: http://prntscr.com/kk870w

Your second question is not clear enough. If you want to show the swathes on the grid, enable them in heme Settings > Shop > Attribute swatches choose pa_color (your color attribute)

If you want to enable a quick shop, navigate to the Theme Settings > Shop and enable it.

Best Regards

Hi, Thanks for the help. Regarding;

Q1. It works like charm. But images look very small, hardly figure out the image. Is it possible to make it bigger? Plz see image-24 and image-25

Q2. If u see the image-26: u can see variable products with 2 different colors are listed as 2 entities. But in our case, plz see image-27: same variable products with 2 different colors listed as 1 entity. I hope it makes sense. Therefore is it possible to listed like image-26?

Here is the links for the image-26: https://www.superdry.com/womens/jackets#sorting=1
Here is the links for the image-27: http://properties.mn/portfolio/shinesongolt/shop/

Thank u in advance.

Attachments:

You must be logged in to view attached files.

Hello,

Please provide the product URL I will provide custom CSS to enlarge the swatches.

No, there is no option to make variations as separate items. You can create separate single products.

Best Regards

hi,

here the link. Thanks

FYI – this plugin helps to resolve this issue;

https://iconicwp.com/products/woocommerce-show-single-variations/

Hello,

Please add this code to the Theme Settings > Custom CSS > Global:

body .swatches-select .colored-swatch, 
body .swatches-select .image-swatch {
    width: 75px;
    height: 75px;
    border-radius: 50%;
}

This code will increase the swatches. http://prntscr.com/nbgpfo You can set any width and height. If you want to remove the border-radius, set zero.

Best Regards

Hi,

Works like a charm. Just for the side note – I gave 5/5 and wrote good review on themeforest. Your customer support/design are awesome, like 24/7.

I bought many themes with support but I never have this amazing customer support. Again I can’t thank enough. Keep up the good work. I hope my humble encouragement brings more more energy to ur work.

Here is my review 🙂 – https://themeforest.net/item/woodmart-woocommerce-wordpress-theme/reviews/20264492

Hello,

Thank you very much for warm feedback and many thanks for the review. We are always happy to help you, write to us when you have any difficulties or issues with our theme.

Best Regards

[Author]

Posts