fbpx
Want To Add Extra Images Per Product Variation For Free? Download Now

Swatches Title Location

Is it possible to move the titles ABOVE the swatches, instead of in front of them?

This would make things line up so much nicer!

Hakik Zaman

Hi Kerry,

Thanks for reaching to us. Did you try our this feature?

Could you please explain a bit more? You can also record me reproducing your issue using tool like this- https://www.useloom.com
It helps me to quickly figure out issue.

Thank you

Hi There,

This does not require a video. I’m attaching a photo of what I mean. 

See how the words “Style” and “Color” are on the left of the swatches/dropdown? Is it possible to move those titles ABOVE the color swatches or drop-down selections?

I have a few items in my store where the titles are not as short or simple as “color”, “size” or “style”. I require more space, but with this current setup, the words run right into the swatches. This could be fixed if the titles could sit above and not beside the swatches.

I would do the “more” option to limit the number of visible swatches, but even that sometimes doesn’t accommodate a longer title – and it isn’t working in my site (as you can see here).

 

Hakik Zaman

Hello Kerry,

Sorry for the inconvenience.

Unfortunately, the screenshot was not attached properly. You can take a screenshot using lightshot and paste the screenshot url here.

You can also give the exact product link. So that I can check what is happening there.

Thanks in advance for your cooperation.

No worries!

Here are a couple of links to show you what I mean.

https://canadianlibrarysupply.ca/product/demco-libraryquiet-booktruck-3-sloped-shelves/

https://canadianlibrarysupply.ca/product/titan-strongarm-steel-book-supports/

https://canadianlibrarysupply.ca/product/smith-system-flavors-stack-chairs/

I have several color options there – things don’t line up because that title is on the left. Color swatches could line up better if the title was above rather than beside the swatches… or at least I had the option to switch back and forth. My titles, when they are longer than one word, really mess up the alignment.

Hakik Zaman

Hello Kerry,

If you need the title like this, could you please paste the below code here- Appearance > Customize > Additional CSS then hit Publish button.

div.product table.variations tr {
flex-direction: column;
}

Please let me know, if you need something like this.

Thanks

Hakik Zaman

Hi Kerry,

Glad to hear, your issue is resolved.

We really get excited & honored when you use our plugin in your site.

If you found my support helpful, my humble request to you to write your beautiful thought here.

Your rating keeps us inspired.

Thanks