• Priority: 0
  • Status: Closed
  • Theme: Alysum
  • Assigned To: Marek
  • Private: No
  • Open Date: 03.07.18, 12:44
  • Opened by: Lisa Keeling
  • Closed by: 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?

Comments

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 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.

Lisa Keeling 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 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