Shopify-Themes, Liquid, Logos und ähnliche Themen
Huhu, ich möchte Affiliate-Logos zu Shopify hinzufügen, könnte mir jemand sagen, wie ich das machen kann!? Vielen Dank 🤗
Hey @Tradershop82
Gerne helfe ich dir weiter einen Partner-Logo-List Abschnitt auf der Homepage hinzuzufügen indem wir die nativen Theme Editor Features verwenden!
Welches Theme verwendest du? Manche Themes bieten einen Logo Abschnitt an wie unten abgebildet:
Du kannst auch den Multicolumn Abschnitt in deinem Theme Editor verwenden um tolle Partner-Logos anzuzeigen:
Wenn du es selber coden möchtest dann kannst du auch den benutzerdefiniertes Liquid Abschnitt verwenden der wie folgt aussieht:
Im Custom HTML Bereich, den du gerade hinzugefügt hast, kannst du nun deinen HTML-Code eingeben. Ein einfacher Code könnte so aussehen:
<div class="partner-logos">
<a href="PARTNER_LINK_1"><img src="{{ 'logo_partner1.png' | asset_url }}" alt="Partner 1" /></a>
<a href="PARTNER_LINK_2"><img src="{{ 'logo_partner2.png' | asset_url }}" alt="Partner 2" /></a>
<!-- Füge weitere Logos entsprechend hinzu -->
</div>
Ersetze PARTNER_LINK_1
, PARTNER_LINK_2
usw. durch die tatsächlichen URLs deiner Partner und logo_partner1.png
, logo_partner2.png
usw. durch die tatsächlichen Dateinamen deiner hochgeladenen Logos und füge weitere Zeilen im Code hinzu für jedes weitere Logo.
Damit der Abschnitt besser aussieht, möchtest du vielleicht auch etwas CSS hinzufügen. Das könntest du direkt im CSS Bereich machen und speichern. Ein einfacher Stil könnte so aussehen:
.partner-logos {
text-align: center;
padding: 20px 0;
}
.partner-logos img {
margin: 0 15px; /* Abstand zwischen den Logos */
max-width: 100px; /* Maximalbreite für jedes Logo */
vertical-align: middle;
}
---
Hast du weitere Fragen zum Shop? Gebe einfach ein Suchbegriff oben in der Suchleiste der Community Landingpage ein, denn das Thema haben wir sehr wahrscheinlich schon besprochen. Oder lass wissen, wenn du weitere Fragen dazu hast oder zum Shop und Business und gerne können wir das hier weiter besprechen! Halte bitte Ausschau in deiner E-Mail auf Notifications zu Antworten auf deine Fragen in der Community.
Gabe | Social Care @ Shopify
- War meine Antwort hilfreich? Klicke Like um es mich wissen zu lassen!
- Wurde deine Frage beantwortet? Markiere es als Akzeptierte Lösung
- Um mehr zu erfahren, besuche das Shopify Help Center oder den Shopify Blog
Mit dem Lernpfad der Shopify Academy und dem Verified Skills-Badge Expanding Your Sho...
By Shopify Feb 7, 2025Den Verkauf im Großhandel steigern: In der Shopify Academy lernst du, wie das geht, zum...
By Shopify Feb 3, 2025Teil 2 - Wie die Prinzipien des UX-Designs dir dabei helfen können einen großartigen Shop ...
By Kai Sep 16, 2024