Produktbilder Ansicht ändern.

[Pittler]

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

[KlausK]

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]

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]

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

außerdem hilft es den firebug zu installieren. wenn du sonst noch Fragen hast: immer zu! Wir helfen gern... )

[KlausK]

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 und PHP-Handbuch - Manual

Unter http://de.selfhtml.org/navigation/su...frage=tabellen siehst Du übrigens wie
einfach Tabellen gestrickt sind.

[Pittler]

Vielen Dank!

[berny]

Ich hab mir die Windows-Hilfe Datei von php herunter geladen, zu finden unter
PHP: Get Download

Ist auch sehr gut zu verwenden.

[KlausK]

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]

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]

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;">