Partner Logos

Deutsch Diskussion Shopify Design

Topic summary

Ein Nutzer möchte Affiliate-Logos zu seinem Shopify-Shop hinzufügen und sucht nach Anleitungen.

Vorgeschlagene Lösungen:

  • Native Theme-Features nutzen: Viele Shopify-Themes bieten bereits einen integrierten Logo-Abschnitt oder einen Multicolumn-Abschnitt im Theme Editor an, mit dem Partner-Logos einfach angezeigt werden können.

  • Custom Liquid/HTML verwenden: Für mehr Flexibilität kann der benutzerdefinierte Liquid-Abschnitt genutzt werden. Ein HTML-Code-Beispiel wurde bereitgestellt, das eine einfache Logo-Liste mit Links erstellt.

  • CSS-Styling hinzufügen: Um das Erscheinungsbild zu verbessern, kann CSS direkt im CSS-Bereich eingefügt werden – inklusive Beispielcode für Zentrierung, Abstände und maximale Logo-Breite.

Die Diskussion bleibt offen für weitere Fragen zum Shop oder spezifischen Implementierungsdetails. Screenshots und Code-Snippets wurden zur Veranschaulichung bereitgestellt.

Summarized with AI on November 17. AI used: claude-sonnet-4-5-20250929.
1

Huhu, ich möchte Affiliate-Logos zu Shopify hinzufügen, könnte mir jemand sagen, wie ich das machen kann!? Vielen Dank :hugs:

2

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:

24-00-gnr60-7x0ta.png
24-00-gnr60-7x0ta.png1479×682 124 KB

Du kannst auch den Multicolumn Abschnitt in deinem Theme Editor verwenden um tolle Partner-Logos anzuzeigen:

24-04-xzr16-cd370.png
24-04-xzr16-cd370.png2023×1020 191 KB

Wenn du es selber coden möchtest dann kannst du auch den benutzerdefiniertes Liquid Abschnitt verwenden der wie folgt aussieht:

24-08-4ni4v-bqi7o.png
24-08-4ni4v-bqi7o.png2028×842 160 KB

Im Custom HTML Bereich, den du gerade hinzugefügt hast, kannst du nun deinen HTML-Code eingeben. Ein einfacher Code könnte so aussehen:

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;
}

image.png
image.png279×1144 58.4 KB

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.

1 Like