FROM CACHE - de_header

HTML Galerie Bilder mit Hyperlink positionieren

HTML Galerie Bilder mit Hyperlink positionieren

PromillePrinz
Tourist
9 0 1

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.

 

 

5 ANTWORTEN 5

Finer
Shopify Partner
2128 463 764

@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? 

- Did my answer help? Mark my post with a like
- Did I solve your problem? Mark my post as an accepted solution.
- You need professional help? Contact our Shopify Partner Agency
PromillePrinz
Tourist
9 0 1

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
Shopify Partner
2128 463 764

@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?

- Did my answer help? Mark my post with a like
- Did I solve your problem? Mark my post as an accepted solution.
- You need professional help? Contact our Shopify Partner Agency
PromillePrinz
Tourist
9 0 1

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

Finer
Shopify Partner
2128 463 764

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).

 

Bildschirmfoto 2022-01-03 um 10.11.42.png

 

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.

- Did my answer help? Mark my post with a like
- Did I solve your problem? Mark my post as an accepted solution.
- You need professional help? Contact our Shopify Partner Agency