Ergebnis 1 bis 7 von 7

Thema: Position zusätzliche Artikelbilder rechts neben Hauptbild

  1. #1
    Padawan Anwärter Avatar von Scar
    Registriert seit
    23.02.2013
    Beiträge
    4
    Themen
    1
    DANKE
    1
    Erhaltene Danke: 0

    Standard Position zusätzliche Artikelbilder rechts neben Hauptbild

    Hallo zusammen,

    Ich benutze Zen-Cart 1.5.0 die deutsche Version und bastle gerade am viennablood-Template herum.
    Soweit funktioniert alles ganz gut, nur die zusätzlichen Artikelbilder tun nicht was sie sollen.

    Ich habe links mein Hauptbild und rechts daneben sollen die zusätzlichen Bilder in einer Reihe untereinander angeordnet werden. (Ich habs nach dieser Anleitung versucht: http://www.zen-cart.com/showthread.p...ct-image/page2)

    Schritt 1 war in includes/modules/tpl_product_info_display.php den gesamten Additional Images Code direkt unter Main Image zu schieben. (Ich habe keine clear-Statements gefunden, die ich entfernen könnte.)

    Jetzt sind die zusätzlichen Bilder brav rechts neben dem Hauptbild allerdings in zwei Reihen.

    Bei Schritt 2 habe ich in includes/templates/viennablood/css/stylesheet.css zwei Codezeilen eingefügt:
    #productMainImage {float:left;}
    (Tut nichts. Ich nehme an, weil das Hauptbild im Template bereits links floated.)

    #productAdditionalImages .additionalImages {clear:both;}
    Diese setzt die zusätzlichen Bilder untereinander, dummerweise allerdings auch unter das Hauptbild.

    Hier komme ich nicht weiter. Entweder habe ich etwas übersehen oder irgendein Code im Template funkt noch dazwischen...

    Und so sieht es derzeit aus: http://www.larva.eu/shop/index.php?m...roducts_id=182

  2. #2
    Padawan Stufe VIII Avatar von amatoris
    Registriert seit
    03.06.2009
    Beiträge
    1.502
    Themen
    150
    DANKE
    54
    Erhaltene Danke: 89

    Standard

    im Admin unter Konfiguration-->Bilder-->Artikelbeschreibung: Anzahl der zusätzlichen Bilder pro Reihe

  3. #3
    Padawan Anwärter Avatar von Scar
    Registriert seit
    23.02.2013
    Beiträge
    4
    Themen
    1
    DANKE
    1
    Erhaltene Danke: 0
    Erstellt von

    Standard

    Danke für die Antwort. Das hilft aber leider nicht.
    Derzeit steht es auf drei Bilder. Auf zwei oder eins werden die zusätzlichen Bilder sogar noch wilder verschoben.

  4. #4
    Padawan Stufe VIII Avatar von amatoris
    Registriert seit
    03.06.2009
    Beiträge
    1.502
    Themen
    150
    DANKE
    54
    Erhaltene Danke: 89

    Standard

    Dann legst du dir einen div an, den du neben dem des Hauptbildes positionierst und dann klappt das. Sollte eigentlich.

  5. #5
    Padawan Anwärter Avatar von Scar
    Registriert seit
    23.02.2013
    Beiträge
    4
    Themen
    1
    DANKE
    1
    Erhaltene Danke: 0
    Erstellt von

    Standard

    Edit: Der Code steckt nicht zwischen divs, sondern zwischen <?php. Da hört mein Programmierwissen leider auf... Kann ich das ganze zusätzlich in divs packen?

    Genau das war ja mein Schritt 1. Die Additional Images div steht schon bei den Main Images.

    Und das sind die CSS-Codes die sie nebeneinander setzen sollten.

    #productMainImage {float:left;}
    #productAdditionalImages .additionalImages {clear:both;}

    Es könnte sein, dass das CSS Blödsinn ist. Da bin ich doch etwas eingerostet.
    Geändert von Scar (01.03.2013 um 21:38 Uhr)

  6. #6
    Padawan Stufe VIII Avatar von amatoris
    Registriert seit
    03.06.2009
    Beiträge
    1.502
    Themen
    150
    DANKE
    54
    Erhaltene Danke: 89

    Standard

    Mache das alles wieder original, lege dir einen Div an, der die Größe hat, dass Haupt und Zusätzliche Bilder hinenpassen. Diesen positionierst du (oben links sollte "position: relative;" reichen). In diesen packst du die beiden divs productMainImage und productAdditionalImages und positionierst diese absolut nebeneinander.

    Edit:
    #productMainImage {float:left;} sollte wohl nur den Inhalt des divs beeinflussen und nicht das, was danach kommt.
    Geändert von amatoris (01.03.2013 um 21:40 Uhr)

  7. Folgender User sagt Danke zu amatoris für den nützlichen Beitrag:

    Scar (01.03.2013)

  8. #7
    Padawan Anwärter Avatar von Scar
    Registriert seit
    23.02.2013
    Beiträge
    4
    Themen
    1
    DANKE
    1
    Erhaltene Danke: 0
    Erstellt von

    Standard

    Danke nochmal.

    Ich habe die richtigen divs aufgetrieben und jetzt sind einfach das Hauptbild und die Zusatzbilder auf float:left. Ist wahrscheinlich nicht der Sinn der Sache, aber es sieht aus, wie es soll.

Ähnliche Themen

  1. zusätzliche Artikelbilder werden verstreut angezeigt
    Von Loboda im Forum Archivierte Beiträge Zen-Cart Support
    Antworten: 4
    Letzter Beitrag: 26.07.2011, 11:41
  2. inkl.Mwst rechts neben den Preis ?
    Von Katana im Forum Archivierte Beiträge Zen-Cart Support
    Antworten: 2
    Letzter Beitrag: 30.07.2010, 00:19
  3. zusätzliche Artikelbilder ohne IH 2 funktioniert nicht
    Von fjeldmann im Forum Archivierte Beiträge Zen-Cart Support
    Antworten: 22
    Letzter Beitrag: 18.02.2010, 09:40
  4. Position weitere Artikelbilder
    Von zengy im Forum Archivierte Beiträge Zen-Cart Support
    Antworten: 6
    Letzter Beitrag: 29.12.2009, 14:44
  5. Netto Shop, zusätzliche Artikelbilder...
    Von vocke im Forum Archivierte Beiträge Zen-Cart Support
    Antworten: 4
    Letzter Beitrag: 19.02.2007, 06:50

Lesezeichen

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •  
zen-cart-pro.at
Zen Cart ist eine kostenlose unter der GPL-Lizenz veröffentlichte Open-Source Shopsoftware. Das System wird in den USA entwickelt, die amerikanische Website dazu ist www.zen-cart.com

Die deutsche Zen-Cart Version, um die es hier auf zen-cart-pro.at geht, ist eine Anpassung der amerikanischen Version an die Bedürfnisse von Onlineshopbetreibern im deutschsprachigen Raum.

Die deutsche Zen Cart Version wird von einem Team von Entwicklern in Österreich und Deutschland betreut, weiterentwickelt und supportet und steht kostenlos in unserem Downloadbereich zur Verfügung.

[mehr]
Follow Us
  • zen-cart-pro-at auf Twitter
  • zen-cart-pro-at auf Github
  • zen-cart-pro-at auf SourceForge
Aktuelle Version
Zen Cart 1.5.5 deutsch
Revision 1188 vom 02.12.2016
[Download]