Farbvarianten mit kleinen Bildern darstellen

[Sport Schuster]

Hallo Zusammen,

wir würden gerne in unserem Shop die Farbauswahl mit kleinen Vorschaubildern der Artikel lösen, wie das ganze auch bei Amazon verbreitet ist. Es soll dazu ein kleines Bild 16 x 16px vom jeweiligen Hauptbild des Artikels erstellt werden und dieses als Farbbild dargestellt werden.

Meines wissens nach ist für diese Sache ja das Master / Slave Plugin zuständig, ich habe aber keine Idee wie ich das ganze realisieren könnte, da das Master / Slave Plugin wie es scheint auch nicht verändert werden kann.

Kann vielleicht jemand helfen?

Vielen Dank schon mal im Vorraus

[oldbear]

hi, wieso ?

Beim Hochladen der Bilder bei den Slaves werden doch sowieso Bilder von Typ icon in normalerweise 20x20px erstellt - die kannst Du schon mal heranziehen oder per "width=20" im {img} Tag aus m_info erzeugen, also entweder

{img img=$module_data.products_image type=m_icon class=productImageBorder alt=$module_data.products_name|escape:"html"}

oder

{img img=$module_data.products_image type=m_info width=20 class=productImageBorder alt=$module_data.products_name|escape:"html"}

Was die Darstellung insgesamt angeht, kann man mit etwas php auch sowas erzeugen wie bei T-Shirts & Hoodies »Bio & Fair Trade »Greenality® Streetwear Shop -> Die Grössenbildchen unter den Artikel sind hier allerdings Bilder, die den Attributen ( Grösse ) zugeordnet sind, und zwar nur die verfügbaren Grössen, und das bereits im Produktlisting....

Grüsse

[Sport Schuster]

Hallo oldbear;

erst einmal vielen vielen Dank für die Antwort. Auf So eine Idee wäre ich nie gekommen.

Ich habe das ganze gleich ausprobiert, leider hat es aber nicht funktioniert, es wird nur ein Fragezeichen angezeigt mehr leider nicht. Bsp.

Sport Schuster Sport Shop

Es wäre sehr nett, wenn Sie mir noch etwas weiter helfen könnten, da meine Kenntnisse doch eher bescheiden sind. Mein Quellcode in der ms_default.html Datei sieht bei der Farbauswahl nun wie folgt aus:

<ul class="product_select_color">

{form type=hidden name=id[`$options_data.id`] value=0}

{foreach key=key_data item=item_data from=$options_data.data}

{if $key_data != 0}

<li>

<div{if $item_data.selected} class="selected"{/if}>

<input type="button"{if $item_data.desc} style="background-image:{img img=$module_data.products_image type=m_icon class=productImageBorder alt=$module_data.products_name|escape:"html"}"{/if} onclick="this.form.elements['id[{$options_data.id}]'].value = '{$item_data.id}'; this.form.submit();" />

<!--Bild test-->

{img img=$module_data.products_image type=m_icon class=productImageBorder alt=$module_data.products_name|escape:"html"}

</div>

</li>

{/if}

{/foreach}

</ul>

Was stimmt da nicht? Vielen Dank

[oldbear]

hi,

vom sonstigen Code abgesehen ( nicht überprüft ), dürfte der Fehler wohl hier liegen:

<div {if $item_data.selected} class="selected"{/if}>

das sollte dann schon eher so sein:

{if $item_data.selected}

<div class="selected">

{else}

<div>

{/if}

oder, wenn Du Dir den Original-Quellcode ansiehst,

muss das "if" in class="....." auftauchen

Grüsse

[Sport Schuster]

Vielen Dank für die schnelle Antwort, hab diese classe jetzt vorerst raus genommen, es funktioniert aber leider noch immer nicht, es wird nur ein Fragezeichen angezeigt mehr leider nicht. Mein Code sieht wie folgt aus jetzt

<ul class="product_select_color">

{form type=hidden name=id[`$options_data.id`] value=0}

{foreach key=key_data item=item_data from=$options_data.data}

{if $key_data != 0}

<li>

<input type="button"{if $item_data.desc} style="background-image:{img img=$module_data.products_image type=m_icon class=productImageBorder alt=$module_data.products_name|escape:"html"}"{/if} onclick="this.form.elements['id[{$options_data.id}]'].value = '{$item_data.id}'; this.form.submit();" />

<!--Bild test-->

{img img=$module_data.products_image type=m_icon class=productImageBorder alt=$module_data.products_name|escape:"html"}

</li>

{/if}

{/foreach}

</ul>

Wäre sehr nett, wenn Sie sich das ganze noch schnell ansehen können. Vielen Dank!

[zoon]

<!--Bild test-->

{img img=$module_data.products_image type=m_icon class=productImageBorder alt=$module_data.products_name|escape:"html"}

Hi,

so sollte es gehen:

{img img=$item_data.image type=m_thumb}