[gelöst] Aktive farbauswahl als Variable auslesen

[Rundblick]

Ich möchte auf der Produktseite die aktive Farbe aufgreifen und an anderer stelle verwenden.

 

Dazu habe ich zum Test ein div mit 

background-color: {$colors.$id_attribute.value}

erzeugt, jedoch wird diese Variable mit jeder Farbe neu überschrieben und bleibt zuletzt aktiv mit dem letzten Farbfeld (in dem beispiel hier das grün)

 

 

Kennt jemand eine Variable mit der ich das Vorhaben umsetzen kann?

 

 

 

in der product.tpl sieht das Farbauswahlfeld so aus (der letzte div unten ist mein test)

{elseif ($group.group_type == 'color')}
<ul id="color_to_pick_list" class="clearfix">
{assign var="default_colorpicker" value=""}
{foreach from=$group.attributes key=id_attribute item=group_attribute}
{assign var='img_color_exists' value=file_exists($col_img_dir|cat:$id_attribute|cat:'.jpg')}
<li{if $group.default == $id_attribute} class="selected"{/if}>
<a href="{$link->getProductLink($product)|escape:'html':'UTF-8'}" id="color_{$id_attribute|intval}" name="{$colors.$id_attribute.name|escape:'html':'UTF-8'}" class="color_pick{if ($group.default == $id_attribute)} selected{/if}"{if !$img_color_exists && isset($colors.$id_attribute.value) && $colors.$id_attribute.value} style="background:{$colors.$id_attribute.value|escape:'html':'UTF-8'};"{/if} title="{$colors.$id_attribute.name|escape:'html':'UTF-8'}">
{if $img_color_exists}
<img src="{$img_col_dir}{$id_attribute|intval}.jpg" alt="{$colors.$id_attribute.name|escape:'html':'UTF-8'}" title="{$colors.$id_attribute.name|escape:'html':'UTF-8'}" width="20" height="20" />
{/if}
</a>
</li>
{if ($group.default == $id_attribute)}
{$default_colorpicker = $id_attribute}
{/if}
{/foreach}
		
<li>
<div style="position: absolute; height: 22px; width: 22px; background-color: {$colors.$id_attribute.value}">
</li>
		
</ul>
<input type="hidden" class="color_pick_hidden" name="{$groupName|escape:'html':'UTF-8'}" value="{$default_colorpicker|intval}" />

Edited October 23, 2014 by Rundblick (see edit history)

[thepan]

Möchtest du, dass sich dein "div"(oder was immer es am ende ist) mit ändert wenn eine andere Farbe ausgewählt wird?

Edited October 23, 2014 by thepan (see edit history)

[Rundblick]

ja genau das kleine div soll die gleiche farbe haben wie die aktuell ausgewählte farbe.

und nein, ich kann kein java.

 

Bei klick kann sich ja z.B. auch die höhe des Preises ändern. Da hätte ich jetzt angefangen zu suchen, nur versteh ich die ganzen verschachtelten Funktionen in der produkt.js nicht

Edited October 24, 2014 by Rundblick (see edit history)

[thepan]

In der "product.js" wird es mehrere Funktionen geben die für das updaten der Seite nach Änderung der Attribute zuständig sind. Später werde Ich nochmal genau schauen.

[Rundblick]

Ein Kumpel brachte die Lösung: Er fügte in den Link noch einen "onclick" ein

onclick="$('#product_color_choice_final').css('background-color','{$colors.$id_attribute.value|escape:'html':'UTF-8'}');"

[Whiley]

Hi Rundblick,

freut mich dass es geklappt hat, ich markiere den thread als gelöst.

 

Grüsse

Whiley

Edited October 24, 2014 by Whiley (see edit history)