Zusätzliche Artikelbilder - Abstand zwischen zwei Bildern?

[Beowolf]

Hallo zusammen,

unter "Konfiguration > Bilder > Artikelbeschreibung: Anzahl der zusätzlichen Bilder pro Reihe" kann ja eingestellt werden wie viele Bilder es pro Reuhe sein sollen.

OK.

Wenn jetzt Bilder in zwei zeilen dargestellt werden, so liegen die Bilder direkt übereinander.

Gibt es eine Möglichkeit, das dort ein kleiner Abstand eingefügt wird?

Grüße
Manfred

[webchills]

In den "normalen" Standardtemplates gibt es immer einen Abstand zwischen den Bildern, siehe hier:

http://www.zen-cart-pro.net/demoshop/index.php?main_page=product_info&cPath=3_13&products_id=8

Normalerweise ist im Stylesheet ein Eintrag vorhanden, der den erzeugt, z.B.:

.additionalImages{
margin: 1em 0em;
}

Also im Stylesheet Deines Templates entsprechend einstellen.

[Beowolf]

So, habe es im stylesheet_main.css eingefügt.

Jetzt sieht es besser aus.

Danke für die Hilfe.

Grüße
Manfred

[amatoris]

Bis zu diesem Punkt ist beschrieben, was auch funktioniert, wie man den Abstand zwischen den Bildern oben hinbekommt.

Wenn ich den Abstand zwischen den Bildern nebeneinander verändern möchte, dann wird nach dem 2. Bild ein Umbruch gemacht und die Bilder werden verstreut dargestellt. ich habe nun alles für mich erdenkliche versucht, finde aber einfach keine Lösung.

der generierte Code sieht bei 3 Bildern so aus. woher auch immer dieser kommt)

<div class="additionalImages centeredContent back" style="width:33%;">

durch die classen kann ich bei mir in der stylesheet.css schon mal 2 Einträge ausmachen, die sich widersprechen.

.centeredContent, TH, #cartEmptyText, #cartBoxGVButton, #cartBoxEmpty, #cartBoxVoucherBalance, #navCatTabsWrapper, #navEZPageNextPrev, #bannerOne, #bannerTwo,  #bannerThree,  #bannerFour,  #bannerFive,  #bannerSix, #siteinfoLegal, #siteinfoCredits, #siteinfoStatus, #siteinfoIP, .center, .cartRemoveItemDisplay, .cartQuantityUpdate, .cartQuantity, .cartTotalsDisplay, #cartBoxGVBalance, .leftBoxHeading, .centerBoxHeading,.rightBoxHeading, .productListing-data, .accountQuantityDisplay, .ratingRow, LABEL#textAreaReviews, #productMainImage, #reviewsInfoDefaultProductImage, #productReviewsDefaultProductImage, #reviewWriteMainImage, .centerBoxContents, .specialsListBoxContents, .categoryListBoxContents, .additionalImages, .centerBoxContentsSpecials, .centerBoxContentsAlsoPurch, .centerBoxContentsFeatured, .centerBoxContentsNew, .gvBal, .attribImg {    text-align: center;
    }
.back {
    float: left;
    }

solange man dem #productAdditionalImages keine Feste breite zuteilt, kann man über float:{left;} die Bilder auch floaten(grrr) lassen, sieht aber ohne Abstand zwischen ihnen nicht so schick aus. Mit fester Breite wird dann wieder alles zentriert dargestellt. Ich verzweifle langsam an den Bildern.
Kann mir jemand dazu etwas empfehlen?