Jump to content
Rundblick

[gelöst] Aktive farbauswahl als Variable auslesen

Recommended Posts

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)

 

post-797955-0-47862800-1414096661.jpg

 

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}" />

post-797955-0-47862800-1414096661_thumb.jpg

Edited by Rundblick (see edit history)

Share this post


Link to post
Share on other sites

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

Edited by thepan (see edit history)

Share this post


Link to post
Share on other sites

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 by Rundblick (see edit history)

Share this post


Link to post
Share on other sites

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.

Share this post


Link to post
Share on other sites

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'}');"

Share this post


Link to post
Share on other sites

Hi Rundblick,

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

 

Grüsse

Whiley

Edited by Whiley (see edit history)

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

×
×
  • Create New...

Important Information

Cookies ensure the smooth running of our services. Using these, you accept the use of cookies. Learn More