Wie füge ich im Theme unter der Logoliste eine Beschreibung hinzu?

Deutsch Diskussion Technische Fragen & Antworten
1

Liebe Community,

ich möchte in unserem Theme unter die sogenannte Logoliste einen weiteren Namen als Beschreibung hinufügen.

Wie kann ich hierzu im Liquid Template den Code verändern?

Bisher habe ich noch nichts passendes gefunden.

Alternative: Wie füge ich der Logoliste ein Mouse Over effekt hinzu, sodass beim Mouse Over des Logos bsp. der Name der Firma angezeigt werden kann?

Vielen Dank für die Hilfe

Erik

2

@ErikvonHost welches Theme verwendest du denn?

Im Grunde müsstest du dem Snippet, was das einzelne Logo darstellt, ein zusätzliches Feld hinzufügen, das du via Theme-Editor bearbeiten kannst. Das erfordert allerdings Liquid, HTML und CSS Kenntnisse. Hast du Erfahrungen in diesem Bereich?

1 Like
3

@Finer wir verwenden momentan das Venture Theme. Ein bisschen Erfahrungen konnte ich schon sammeln, möchte mich aber nicht als Liquid Experte betiteln.

Ich meine, dass ich im image-content.liquid etwas hinzufügen muss, sodass ein zusätzliches Feld erscheint oder?
Ich meine, dass in diesem Artikel es richtig erklärt wird: https://yaru.digital/ratgeber/shopify/eigene-shopify-section-erstellen/

Nur kenne ich mich dann nicht so gut aus, dass ich weiß was ich dem Code hinzufügen muss, damit dies auch angezeigt werden kan.

4

@ErikvonHost ich habe den Artikel mal kurz überflogen und würde sagen, dass das ausführlich beschrieben ist.

Im Grunde musst du folgende Schritte ausführen:

  • Gewünschte Sektion duplizieren/kopieren und (auch in den Schema) umbenennen
  • In der Kopie in dem Schema unter “Block” ein Textfeld hinzufügen
{
        "type": "text",
        "id": "logo_title",
        "label": "Logo Title",
        "default": "Logo title"
      },

(achte auf die geschwungenen Klammern und dem Komma)

  • An der entsprechenden Codestelle (wahrscheinlich innerhalb eines forloops ({% for block in … %}) Folgendes einsetzen:
{{ block.settings.logo_title }}​
  • Nach dem Speichern kannst du im Theme Editor die Section aufrufen und prüfen, ob innerhalb eines Blocks das der Default Text (“Logo title”) angezeigt wird.
  • Wenn ja, kannst du mit dem Styling anfangen und über HTML und CSS das Textfeld richtig positionieren/formatieren.

Ich hoffe, das macht halbwegs Sinn :wink:

2 Likes