Image Thumbnails for Swatches Not Sizing Correctly

I am on theme StyleShop, and my images for the variations are not sizing correctly on my archive pages, and somewhat not on the product pages either.

Issue 1.pngIssue 2.png

 

I am willing to make a new media setting thumbnail specifically for it, but I’ll need to know a good size. I went through all the thumbnail settings I had and didn’t change much. I’d be interested in just having a 5:3 height:width ratio thumbnail (cropped is fine) for the archive/catalog pages, or whatever your suggestions are.

I got this with the product page, but it won’t go like this for the catalog/archive. Height is 50, width is 30.

Hi Katarina,

Check the shop page now, I’ve fixed the swatches size problem.

Regards,
Ashiq

That’s fantastic! I’ll have to figure out my overall alignment problem later . .

 

Is there a way to show only the first 4, and let it note that there is more? Or even like a slider type of deal? I never got my shop page to go full width, so I’m left with having it being constricted as it is. And every time I select the option to limit it, it disappears.

Hi Katarina,

Is there a way to show only the first 4, and let it note that there is more? Or even like a slider type of deal?

I’m sorry that’s not possible with our plugin.

Regards,
Ashiq

Hi Katarina,

Just checking in, Did you manage to resolve the issue?

Regards,
Ashiq

Isn’t that one of the features your plugin mentions? Even has a tutorial. Would help since I have one or two items that have 10 variations and I’d rather not show all at once.

 

Hi Katarina,

Is there a way to show only the first 4, and let it note that there is more? Or even like a slider type of deal? I never got my shop page to go full width, so I’m left with having it being constricted as it is. And every time I select the option to limit it, it disappears.

You can limit the number of swatches in shop/archive page, Here’s the documentation link.

let it note that there is more? Or even like a slider type of deal?

Currently not possible, but I will add your feature request to our product feature requests.

My mistake for not explaining it clearly.

Regards,
Ashiq

I have followed your documentation – every time I check off ” Show Single Attribute taxonomies on archive page”, the thumbnails disappear from the archive page completely.

Hi Katarina,

Check now, The option is checked off and thumbnails are still appearing.

Regards,
Ashiq

But I need that feature. I have a chair with 16 options showing, it throws off the whole alignment of the archive. It was part of the reason I chose this plugin.

Hi Katarina,

So you want to show swatches in shop page with 4 options, right ?

Regards,
Ashiq

I’d like it to show 4 if there’s only 4, 3 + More if there’s more than 4, ideally.

 

However, I’d be fine with the limiting it to 3+More since that’s outside the initial scope of your plugin, I do believe.

 

Just wondering why the feature itself just . . disappears when checked.

I figured out why it wasn’t working.

 

All of my attributes are custom per product, not using an overall attribute. I fixed it.

 

Perhaps in the future there could be options on how the More looks? Right now it’s kind of bland.

Hi katarina,

That’s great,

Perhaps in the future there could be options on how the More looks? Right now it’s kind of bland.

.woo-variation-swatches-variable-item-more { background-color: #eee; padding: 0px 4px; }
.woo-variation-swatches-variable-item-more a { color: #000; }

Regards,
Ashiq

Thank you!

I am having another issue now. When I click the thumbnails below the shop page product, it does not change the product picture to the selected thumbnail; it remains the same as the first one. It works on the actual product page, just not on the shop page. Any ideas as to why it won’t change over?

Ahmed Ehsaan

Hi Katarina,

Thanks for reaching us. We are sorry for your inconvenience.

Could you send us the latest version of the theme that you are using on your site. We’ll try to investigate your issue installing your theme on our local setup.

You can upload the theme file in Dropbox or Google drive and send the download link here directly.

Looking forward to hearing from you soon.

Thank you

I am working on getting that theme to you.

 

However, in the meantime, the same issue has arisen; the swatches on the shop page aren’t going down in size.

Ahmed Ehsaan

Send us your theme. We’ll try to add necessary css.

 

Thank you

Thank you. Any way to get the variations to actually change when clicked on in the shop page?

I’m glad that the issue got resolved, can I close this ticket now ?

Regards,
Ashiq