Characteristics display

Hi,

I am looking to customize my product page as per this docs and same would apply for size selection. :

www.hikashop.com/support/documentation/2...isplay-by-color.html

So question. Would it be possible to apply this only for product page and keep words in module filtering?

We have 2 characteristics. One is for size and other for color. As we create product for every color there is no need to display color characteristic on product page. Is there a way to hide it? I have looked into css but it looks like there is no class applied...

Thanks

I have found what i need and it works but there is one issue.

If i use dropdown selection of characterictics in product page and default variant is sold system will remove that selection and shows next possible variant. That's ok
However if i use radio button system will show that item is sold out and non of the possible variants is selected.

Tried with protostar template and it was same...

How can this be fixed?

Thanks

Hi,

Sorry, maybe I was not clear enough.

So the issue is that if product has variants like sizes S, M, L, XL and default variant is set to S as example, and If this variant is sold out and you come to product page you will see that product is soldout. This is happening if Characteristics selection method is set to radio buttons. All works fine with dropdown selection. I think system should select next possible variant automatically but it does not....

You can check this link: kyra.lt/demoadmin/tampres/leginsai-pinky-pilka
Default product variant is S which has quantity of 0 and you get Sold out message until you choose one of the possible variants.

This is misleading for buyer experiences and to work for it as it should I would have to set another variant as default if default variants would be sold out manually for every product...

I have attached screenshots to be more clear and I hope you understand what is the issue.

Thanks

Hi,

I would be happy to try it but which of the files I should modify?
I have done quick search and couldn't find. I assume its not in one of the view files..

Thanks

Hi,

So i have tried to replace code and nothing has changed

Still wont select next variant using radio buttons

Any other solution?

Thanks

Hi,

Unfortunately it didn't work!

I may be wrong but this your code looks for me same as in your previous post??

Thanks

Hi,

I can confirm that you code is working, thank you for looking into this.

However I have another few questions.

1. To modify the look of the radio buttons I have added span classes to characteristics like that:

<span class="test">S</span>

.hikashop_product_characteristics_table td label > input:checked + span  {
  border: 1px solid #3598db;
  color: #fff;
  background-color: #3598db;
}
.hikashop_product_characteristics_table td label span  {
     margin-right: 0px;
     border: 1px solid #666666;
     width: 64px;
     height: 40px;
     display: inline-block;
     text-align: center;
     vertical-align: middle;
     border-radius: 2px;
     color: #666666;
     padding-top: 9px;
     text-decoration: none;
     font-size: 18px;
     cursor:pointer;
 }

<span class="test">S</span>

Thank you very much. All works fine now! As usual brilliant support. Keep it up!

Just last question. Will this be added by default to hikashop or i should save these changes?

Thank you

Hi,

Thats's great but I just added few products and found few more small issues. Everything works fine but if this could be updated then it would be good.

1. In product->add variants->and select characteristic. For faster search i enter first letter of my characteristic and it find it asap, just need to press save.
However if search for "S" it will find span class...same applies to other letters from "span class". I have attached screenshot with name "variants1" So you should understand what mean.

2. If default product variant is unpublished span class isnt applied. I guess its because of input checked use. If published all is fine.
Should i look into my css or it is more related to your code? I have attached 2 more screenshots to be more clear.

The code to give color for checked variant i use is this:

.hikashop_product_characteristics_table td label > input:checked + span

Hi,

1. I see. thanks for clarification.

2. I understand what you mean. I don't try to select default variant...The problem is that if default variant is unpublished, the next possible variant has no checked="checked" inside input and my span class with color isn't applied because of this.
That's not a big deal. I keep product published until all variants are sold. I just found this small issue and tho I will share or something

Thanks

Hi,

So I just found another issue and have no idea how to fix it.

If product is sold out and characteristics display method is set to radio buttons I get js error and all js on that product page isn't working.

Uncaught TypeError: Cannot set property 'checked' of null(anonymous function)
@ golfas-dragon-melyna:572i
@ jquery.min.js:2fireWith
@ jquery.min.js:2ready
@ jquery.min.js:2K
@ jquery.min.js:2

I tried with default file with no modifications and it was same. How could I fix it?

Thanks