PDA

Archiv verlassen und diese Seite im Standarddesign anzeigen : Produktbilder Ansicht ändern.


Pittler
30.11.2010, 18:14
Hallo, ich bin neu hier und möchte alle herzlich begrüssen.

ich möchte meinen Shop auf Gambio GX Version v1.0.14c SP2.5c umstellen und bin noch am Testen.

Ich möchte gerne die Produktseite ändern also die Bilder als Gallerie einzeln anklickbar und die Artikeloptionen wie Weiterempfehlen und Co daneben und nicht darunter.
Bei älteren Templates gab es wohl schon eine Lösung aber für dieses Template habe ich noch nichts gefunden.

Vieleich kann jemand weiterhelfen :confused:
KlausK
30.11.2010, 19:15
Hallo Karsten!

Ich nehme mal an, du willst das mitgelieferte Gambio GX Standard-Template nutzen.

Zuständig für die Produktansicht ist die Datei standard.html im Verzeichnis
"../DeinShop/templates/gambio/module/product_info/"

Wenn du die Datei in einem ordendlichen Texteditor öffnest, siehst du recht schnell
wie die Datei gegliedert ist. Für die Anzeige Weiterempfehlen ist zum Beispiel die Zeile
82 bis 89 zuständig.

Eventuell ist es für dich besser, alles in eine Tabelle zu packen.
Pittler
30.11.2010, 19:41
Hallo Karsten!

Ich nehme mal an, du willst das mitgelieferte Gambio GX Standard-Template nutzen.

Zuständig für die Produktansicht ist die Datei standard.html im Verzeichnis
"../DeinShop/templates/gambio/module/product_info/"

Wenn du die Datei in einem ordendlichen Texteditor öffnest, siehst du recht schnell
wie die Datei gegliedert ist. Für die Anzeige Weiterempfehlen ist zum Beispiel die Zeile
82 bis 89 zuständig.

Eventuell ist es für dich besser, alles in eine Tabelle zu packen.

Hi Klaus,

ich dachte nur an die Bildansicht. Da gabs für das alte Template mal einen Code zum einfügen welche aber in dem jetzigen nicht passt. Tabelle packen packe ich nicht - bin leider kein Profi. Aber ich sehe dass ein neues Standard-Template im Anmarsch ist. Werd eben einfach noch abwarten.
WalterGestalter
30.11.2010, 20:16
in dem Gambio-Einsteiger-Guide findest du beide Varianten der Bildansicht. Einmal mit tabellen und einmal ohne. Hast du da schon reingeschaut?
Umfangreiche Tippsammlung zum Gambio GX - Downloads - Ecomservice für GPL Shopbetreiber (https://ecomservice.interfile.de/downloads.php?do=file&id=24)

außerdem hilft es den firebug zu installieren. wenn du sonst noch Fragen hast: immer zu! Wir helfen gern... :o)
KlausK
30.11.2010, 22:15
Den Code, den du meinst, kannst du in der aktuellen standard.html so nicht mehr
verwenden. Da müssen noch einige weitere Anpassungen vorgenommen werden.

Wenn du deinen neuen Shop selbst modifizieren willst, solltest du dir unbedingt
Grundkenntnisse in HTML und PHP aneignen. Mit einfach irgendwo einen Code-
Schnipsel einbauen ist es in den meisten Fällen nämlich nicht getan.

Die wichtigsten Referenzen sind hier SELFHTML 8.1.2 (http://de.selfhtml.org) und PHP-Handbuch - Manual (http://www.php.net/manual/de/)

Unter http://de.selfhtml.org/navigation/suche/index.htm?Suchanfrage=tabellen siehst Du übrigens wie
einfach Tabellen gestrickt sind.
Pittler
01.12.2010, 05:32
Vielen Dank!
berny
01.12.2010, 09:34
Ich hab mir die Windows-Hilfe Datei von php herunter geladen, zu finden unter
PHP: Get Download (http://at.php.net/get/php_manual_de.chm/from/a/mirror)

Ist auch sehr gut zu verwenden.
KlausK
01.12.2010, 16:36
Und wer sich jetzt wundert, dass die Hilfedatei zumindest unter Windows XP nicht geht:

Nach dem Download > Rechtsklick auf die Datei > Eigenschaften > Zulassen > OK
WalterGestalter
19.12.2010, 10:32
Boooaaaah, ist das ärgerlich!!
Ich bastle gerade an der Produktansicht im neuen Template und komme nun auch dazu die Bildanicht umbauen zu wollen.
Ich bin kurz davor die alte Shopversion aufzuspielen um meine bildansicht so einzustellen, wie ich das will.
Ich will eben nicht, dass alle bilder gleich aussehen, also kann ich mit dem foreach so gar nicht anfangen kann....

warum bitte, macht man etwas denn komplizierter als es vorher war??
KlausK
20.12.2010, 08:27
Die neue standard.html ist nicht zwingend erforderlich. Für meine Zwecke geht auch immer noch die alte!
Zumindest was meine Produktbildansicht betrifft:

<div style="width: 232px; float: left">
{if $PRODUCTS_IMAGE!=''}<div class="image_box" style="width: {$MIN_IMAGE_WIDTH}px;"><a href="#" onclick="gmProductImages.open_images({$PRODUCTS_ID},0); return false;"><img src="{$PRODUCTS_IMAGE}" alt="{$PRODUCTS_IMAGE_ALT|default:$PRODUCTS_NAME}" title="{$PRODUCTS_IMAGE_ALT|default:$PRODUCTS_NAME}" /></a></div>{/if}
</div>

<div style="width: 210px; float: left">
<table width="204" cellspacing="0" cellpadding="2" border="0">
<tr>
<td width="33%" align="center">{if $PRODUCTS_IMAGE_1 != ''}<a href="#" onclick="gmProductImages.open_images({$PRODUCTS_ID},1); return false;"><img src="{$PRODUCTS_IMAGE_1}" width="64" height="48" alt="{$PRODUCTS_IMAGE_ALT_1|default:$PRODUCTS_NAME}" title="{$PRODUCTS_IMAGE_ALT_1|default:$PRODUCTS_NAME}" /></a>{/if}</td>
<td width="33%" align="center">{if $PRODUCTS_IMAGE_2 != ''}<a href="#" onclick="gmProductImages.open_images({$PRODUCTS_ID},2); return false;"><img src="{$PRODUCTS_IMAGE_2}" width="64" height="48" alt="{$PRODUCTS_IMAGE_ALT_2|default:$PRODUCTS_NAME}" title="{$PRODUCTS_IMAGE_ALT_2|default:$PRODUCTS_NAME}" /></a>{/if}</td>
<td width="33%" align="center">{if $PRODUCTS_IMAGE_3 != ''}<a href="#" onclick="gmProductImages.open_images({$PRODUCTS_ID},3); return false;"><img src="{$PRODUCTS_IMAGE_3}" width="64" height="48" alt="{$PRODUCTS_IMAGE_ALT_3|default:$PRODUCTS_NAME}" title="{$PRODUCTS_IMAGE_ALT_3|default:$PRODUCTS_NAME}" /></a>{/if}</td>
</tr>
<tr>
<td width="33%" align="center">{if $PRODUCTS_IMAGE_4 != ''}<a href="#" onclick="gmProductImages.open_images({$PRODUCTS_ID},4); return false;"><img src="{$PRODUCTS_IMAGE_4}" width="64" height="48" alt="{$PRODUCTS_IMAGE_ALT_4|default:$PRODUCTS_NAME}" title="{$PRODUCTS_IMAGE_ALT_4|default:$PRODUCTS_NAME}" /></a>{/if}</td>
<td width="33%" align="center">{if $PRODUCTS_IMAGE_5 != ''}<a href="#" onclick="gmProductImages.open_images({$PRODUCTS_ID},5); return false;"><img src="{$PRODUCTS_IMAGE_5}" width="64" height="48" alt="{$PRODUCTS_IMAGE_ALT_5|default:$PRODUCTS_NAME}" title="{$PRODUCTS_IMAGE_ALT_5|default:$PRODUCTS_NAME}" /></a>{/if}</td>
<td width="33%" align="center">{if $PRODUCTS_IMAGE_6 != ''}<a href="#" onclick="gmProductImages.open_images({$PRODUCTS_ID},6); return false;"><img src="{$PRODUCTS_IMAGE_6}" width="64" height="48" alt="{$PRODUCTS_IMAGE_ALT_6|default:$PRODUCTS_NAME}" title="{$PRODUCTS_IMAGE_ALT_6|default:$PRODUCTS_NAME}" /></a>{/if}</td>
</tr>
<tr>
<td width="33%" align="center">{if $PRODUCTS_IMAGE_7 != ''}<a href="#" onclick="gmProductImages.open_images({$PRODUCTS_ID},7); return false;"><img src="{$PRODUCTS_IMAGE_7}" width="64" height="48" alt="{$PRODUCTS_IMAGE_ALT_7|default:$PRODUCTS_NAME}" title="{$PRODUCTS_IMAGE_ALT_7|default:$PRODUCTS_NAME}" /></a>{/if}</td>
<td width="33%" align="center">{if $PRODUCTS_IMAGE_8 != ''}<a href="#" onclick="gmProductImages.open_images({$PRODUCTS_ID},8); return false;"><img src="{$PRODUCTS_IMAGE_8}" width="64" height="48" alt="{$PRODUCTS_IMAGE_ALT_8|default:$PRODUCTS_NAME}" title="{$PRODUCTS_IMAGE_ALT_8|default:$PRODUCTS_NAME}" /></a>{/if}</td>
<td width="33%" align="center">{if $PRODUCTS_IMAGE_9 != ''}<a href="#" onclick="gmProductImages.open_images({$PRODUCTS_ID},9); return false;"><img src="{$PRODUCTS_IMAGE_9}" width="64" height="48" alt="{$PRODUCTS_IMAGE_ALT_9|default:$PRODUCTS_NAME}" title="{$PRODUCTS_IMAGE_ALT_9|default:$PRODUCTS_NAME}" /></a>{/if}</td>
</tr>
</table>
</div>
<div style="width: 210px; float: right; padding-right: 10px;">
Merlyn Design
31.12.2010, 00:06
nach den updates von gambio sollte man besser diese variante verwenden, da die images nun in einem array abgelegt werden.

HTML-Code:


{if $images[0].IMAGE!=''}<div align="center"><a href="#" onclick="gmProductImages.open_images({$PRODUCTS_ID},0);retu rn false;"><img src="{$images[0].IMAGE}" width="300" alt="{$PRODUCTS_IMAGE_ALT|default:$PRODUCTS_NAME}" title="{$PRODUCTS_IMAGE_ALT|default:$PRODUCTS_NAME}" /></a></div>{/if}

<table width="90%" border="0" cellspacing="0" cellpadding="2" align="center" style="margin-top: 10px;">
<tr>
<td width="33%" align="center">{if $images[1].IMAGE != ''}<a href="#" onclick="gmProductImages.open_images({$PRODUCTS_ID},1);retu rn false;"><img src="{$images[1].IMAGE}" width="85" alt="{$PRODUCTS_IMAGE_ALT_1|default:$PRODUCTS_NAME}" title="{$PRODUCTS_IMAGE_ALT_1|default:$PRODUCTS_NAME}" style="border: 1px solid #CDCDCD;" /></a>{/if}</td>
<td width="33%" align="center">{if $images[2].IMAGE != ''}<a href="#" onclick="gmProductImages.open_images({$PRODUCTS_ID},2);retu rn false;"><img src="{$images[2].IMAGE}" width="85" alt="{$PRODUCTS_IMAGE_ALT_2|default:$PRODUCTS_NAME}" title="{$PRODUCTS_IMAGE_ALT_2|default:$PRODUCTS_NAME}" style="border: 1px solid #CDCDCD;" /></a>{/if}</td>
<td width="33%" align="center">{if $images[3].IMAGE != ''}<a href="#" onclick="gmProductImages.open_images({$PRODUCTS_ID},3);retu rn false;"><img src="{$images[3].IMAGE}" width="85" alt="{$PRODUCTS_IMAGE_ALT_3|default:$PRODUCTS_NAME}" title="{$PRODUCTS_IMAGE_ALT_3|default:$PRODUCTS_NAME}" style="border: 1px solid #CDCDCD;" /></a>{/if}</td>
</tr>
<tr>
<td width="33%" align="center">{if $images[4].IMAGE != ''}<a href="#" onclick="gmProductImages.open_images({$PRODUCTS_ID},4);retu rn false;"><img src="{$images[4].IMAGE}" width="85" alt="{$PRODUCTS_IMAGE_ALT_4|default:$PRODUCTS_NAME}" title="{$PRODUCTS_IMAGE_ALT_4|default:$PRODUCTS_NAME}" style="border: 1px solid #CDCDCD;" /></a>{/if}</td>
<td width="33%" align="center">{if $images[5].IMAGE != ''}<a href="#" onclick="gmProductImages.open_images({$PRODUCTS_ID},5);retu rn false;"><img src="{$images[5].IMAGE}" width="85" alt="{$PRODUCTS_IMAGE_ALT_5|default:$PRODUCTS_NAME}" title="{$PRODUCTS_IMAGE_ALT_5|default:$PRODUCTS_NAME}" style="border: 1px solid #CDCDCD;" /></a>{/if}</td>
<td width="33%" align="center">{if $images[6].IMAGE != ''}<a href="#" onclick="gmProductImages.open_images({$PRODUCTS_ID},6);retu rn false;"><img src="{$images[6].IMAGE}" width="85" alt="{$PRODUCTS_IMAGE_ALT_6|default:$PRODUCTS_NAME}" title="{$PRODUCTS_IMAGE_ALT_6|default:$PRODUCTS_NAME}" style="border: 1px solid #CDCDCD;" /></a>{/if}</td>
</tr>
<tr>
<td width="33%" align="center">{if $images[7].IMAGE != ''}<a href="#" onclick="gmProductImages.open_images({$PRODUCTS_ID},7);retu rn false;"><img src="{$images[7].IMAGE}" width="85" alt="{$PRODUCTS_IMAGE_ALT_7|default:$PRODUCTS_NAME}" title="{$PRODUCTS_IMAGE_ALT_7|default:$PRODUCTS_NAME}" style="border: 1px solid #CDCDCD;" /></a>{/if}</td>
<td width="33%" align="center">{if $images[8].IMAGE != ''}<a href="#" onclick="gmProductImages.open_images({$PRODUCTS_ID},8);retu rn false;"><img src="{$images[8].IMAGE}" width="85" alt="{$PRODUCTS_IMAGE_ALT_8|default:$PRODUCTS_NAME}" title="{$PRODUCTS_IMAGE_ALT_8|default:$PRODUCTS_NAME}" style="border: 1px solid #CDCDCD;" /></a>{/if}</td>
<td width="33%" align="center">{if $images[9].IMAGE != ''}<a href="#" onclick="gmProductImages.open_images({$PRODUCTS_ID},9);retu rn false;"><img src="{$images[9].IMAGE}" width="85" alt="{$PRODUCTS_IMAGE_ALT_9|default:$PRODUCTS_NAME}" title="{$PRODUCTS_IMAGE_ALT_9|default:$PRODUCTS_NAME}" style="border: 1px solid #CDCDCD;" /></a>{/if}</td>
</tr>
</table>