W TRAKCIE Podwójny kolor wariantu produktu.

Witam
Mam w sklepie artykuły które mają podwójny kolor, paleta kolorów tego nie obsługuje, ale domyślam się ze we własnym css można zrobić podmiankę. Chodzi mi o to aby zamienić:
na
w html jest:

<a class="current" title="black/red" data-value="520" style="background-color: rgb(255, 0, 0);"></a>
a chcę żeby było:

<a class="current" title="black/red" data-value="520" style="background: linear-gradient(to right,#0a0000 0%, #0a0000 50%, #ff0000 50%,#ff0000 100%);background-color: white;"></a>


Pozdrawiam

 

No tak tylko jaki kawałek kodu odpowiada za paletę kolorów i jak namierzyć ten konkretny kolor i go podmienić.

 

Coś podobnego jest w tym wątku:
https://forum.home.pl/threads/kolory-w-liscie-wariantow-atrybutow.1916/
@TheL wspomniał tam że trzeba dołożyć id do poszczególnych value. Niestety nie jestem aż tak dobry w te klocki i nie wiem jak przypisać id do poszczególnych kolorów. Będę wdzięczny za pomoc.

 

Znalazłem jak dodać id tak jak w w/w wątku (skrypt: product/index.tpl), ale niestety na kolorach to nie działa, ponieważ tworzona jest dodatkowa tablica z wszystkimi koloram:

HTML:

<div class="stock-color">
<a class="none" title="amber" data-value="203" style="background-color: rgb(138, 104, 44);"></a><a class="none" title="antracyt" data-value="213" style="background-color: rgb(83, 86, 90);"></a>
<a class="none" title="antylope/ antylopa/ antilope" data-value="211" style="background-color: rgb(132, 115, 102);"></a><a class="none" title="ash/ popiel" data-value="175" style="background-color: rgb(190, 186, 167);"></a>
.....
<a class="none" title="york" data-value="178" style="background-color: rgb(198, 151, 109);"></a>
</div>

i w niej trzeba dodać id i wtedy ostylować. Ale albo ja nie mogę znaleźć gdzie ona jest tworzona, albo nie jest ona tworzona jawnie.
Może ktoś pomoże w namierzeniu skryptu z tą tablicą

Pozdrawiam

 

@TheL masz jakiś pomysł, sugestię odnośnie tego tematu?