HTML Galerie Bilder mit Hyperlink positionieren

[PromillePrinz]

Ich möchte meine verlinkten Produktbilder gern nebeneinander Positionieren, mit gleichen abständen. Aktuell sind diese untereinander angeordnet.

Ich habe folgenden Code geschrieben:

<p>

<a href="link">

<img src="Bild 1" alt="">

</a>

</p>

<p>

<a href="Link">

<img src="Bild 2" alt="">

</a>

</p>

<p>

<a href="Link>

<img src="Bild 3" alt="">

</a>

</p>

Kann mir jemand helfen die 3 Bilder nebeneinander anzuordnen ?

Ps: Ich bringe mir alles selber bei und versuche es erst seit ein paar Tagen.

Ich danke euch.

[Finer]

@PromillePrinz wo sollen diese denn in deinem Shop eingesetzt werden? Ich frage nur, da man eventuell bedenken muss, dass es auf mobilen Endgeräten anders angezeigt werden soll. Oder sollen die Bilder immer (auch auf kleineren Bildschirmen) im 3er Raster angezeigt werden? 

[PromillePrinz]

Ich möchte dies auf der Startseite als Produktvorschau für beliebtesten Produkte nehmen. 

Für die mobile Ansicht möchte ich in Zukunft eine Subdomain einrichten, da einige Darstellungen im Shop auf den mobilen Endgeräten unpassend ist.

[Finer]

@PromillePrinz wäre es dann nicht einfacher, eine "Best Seller"- Kategorie zu stellen und diese als Sektion auf der Startseite zu integrieren? Dann musst du nichts im Code machen und kannst auch einfacher die Produkte austauschen bzw. kannst auch das Ganze automatisieren, indem du eine Kategorie mit allen Produkten anlegst und nach "am meisten verkauft" sortierst. Auf der Startseite definierst du dann, dass nur (die ersten) 3 Produkte dieser Kategorie angezeigt werden sollen.

Ist das für dich eine Option?

[PromillePrinz]

Das war mein Plan, die "Best Seller"- Kategorie  finde ich allerdings nicht. Evtl ist diese in meinem Theme nicht.

[Finer]

Dafür musst du eine Kategorie erstellen, die alle Produkte enthält. Über die Admin-Konsole kannst du auf der Kategorieseite einstellen, wie die Produkte sortiert werden sollen (siehe Screenshot).

Nach dem Speichern kannst du dann auf der Startseite die neue Kategorie auswählen. In der Regel erlaubt es das Theme, die Anzahl an angezeigten Produkten pro Kategorie selbst zu bestimmen.