Support will be provided with delays until 6 June. We are sorry for the inconvenience.
We offer professional Design/Code Customisation and Website Optimisation Service Request Customisation
  • Priority: High
  • Status: Closed
  • Closed by: Marek (marek)
  • Closed on: 11.12.18, 15:22
  • Reason: Closed
  • Comment: Glad to help!

Ticket #12476 - Display variation name

Hi Marek,

I am struggling how to display combination names to the website. Obviously not everyone will recognise shade from the image only. So it would be very helpful to add shade names somewhere on product page. See the image I have attached with options A & B how I imagine it to be displayed. Is it possible?

If not, do you consider to add this option in future updates?

combination names.png (106.7 KiB)

This ticket does not depend on any other tickets.

Marek (marek) 03 Jul 2018, 21:13

Hi, Lisa.
Try following CSS:

body .sr-only {
position: static;
    width: auto;
    height: auto;
    padding: 0;
    margin: 0;
    overflow: hidden;
    clip: rect(0,0,0,0);
    border: 0;
    font-size: 12px;
    line-height: 12px;
    padding-top: 100%;
    display: block;
Lisa Keeling (Lissea) 04 Jul 2018, 12:06

Hi Marek,

Thanks, it's better than nothing but because some of variations are longer it doesn't show full name under the swatch. Is it possible to add these names under all swatches just exactly I created on my previous message?
See image attached with some longer names, as I say it doesn't look good.

names.png (140.2 KiB)
Lisa Keeling (Lissea) 04 Jul 2018, 16:57

Hi Marek,

I have sent you an image with two different options. Could you ignore option A and focus only on option B? Is it possible to create something like this?

Marek (marek) 05 Jul 2018, 12:31

it's require code customisation. I you want I'll ask my colleague Alex to make it for you for some price