Variable Product Help

This topic has 14 replies, 2 voices, and was last updated 5 years, 10 months ago by Elise Noromit.

Viewing 15 posts - 1 through 15 (of 15 total)

Author

Posts
April 10, 2019 at 1:40 pm #118052

ab
Participant

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.

April 10, 2019 at 2:56 pm #118075

Elise Noromit
Member

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

April 10, 2019 at 3:40 pm #118078

ab
Participant

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 🙁

April 10, 2019 at 6:42 pm #118109

Elise Noromit
Member

Hello,

Please check your credentials I cannot log in.

Best Regards

April 10, 2019 at 11:08 pm #118131

ab
Participant

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

April 11, 2019 at 8:49 am #118195

Elise Noromit
Member

Hello,

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

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

Best Regards

April 11, 2019 at 9:04 am #118204

ab
Participant

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.

April 11, 2019 at 11:53 am #118247

Elise Noromit
Member

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

April 13, 2019 at 1:58 am #118561

ab
Participant

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.

April 13, 2019 at 10:42 am #118599

Elise Noromit
Member

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

April 13, 2019 at 10:47 am #118600

ab
Participant

hi,

here the link. Thanks

April 13, 2019 at 11:58 am #118608

ab
Participant

FYI – this plugin helps to resolve this issue;

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

April 13, 2019 at 3:41 pm #118635
Elise Noromit
Member
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
April 14, 2019 at 12:41 am #118689

ab
Participant

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

April 14, 2019 at 7:49 am #118710

Elise Noromit
Member

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

Viewing 15 posts - 1 through 15 (of 15 total)

Variable Product Help

Attachments:

Attachments:

Attachments:

Create your WordPress website.