Dawn Theme -> Testimonials Code

Deutsch Diskussion Technische Fragen & Antworten
, , ,

Topic summary

Anfrage: Ein Nutzer möchte im Dawn Theme eine Testimonials-Sektion ohne App implementieren. Es sollen 3-5 statische Kundenbewertungen angezeigt werden, kein Karussell erforderlich. Ein Beispielbild wurde zur Veranschaulichung bereitgestellt.

Lösungsansatz: Ein anderer Nutzer weist darauf hin, dass die Umsetzung nicht trivial ist, insbesondere bezüglich Backend-Speicherung und Frontend-Entwicklung. Er schlägt vor, eine neue Theme-Datei (testimonials.liquid) zu erstellen und bietet einen Code-Schnipsel an:

  • Verwendung des {% schema %}-Tags zur Definition von Eingabefeldern (Text, Autor, Bild)
  • Darstellung der Testimonials als Blöcke im div.testimonials-container
  • CSS-Styling für Box-Layout

Status: Die Diskussion bleibt offen. Der bereitgestellte Code erscheint unvollständig/fehlerhaft formatiert, sodass unklar ist, ob eine vollständige Lösung geliefert wurde.

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

Servus zusammen,

wir nutzen das Dawn Theme und würden gerne einen Abschnitt/ Section für Testimonals implementieren.

Möglichst ohne App. Daher die Frage:

Es passt vollkommen, wenn es 3-5 Testimonals sind, die auch zukünftig stehen bleiben (brauch kein Karussel sein).

Kann wer helfen und hat vielleicht einen Code parat, den wir implementieren können?

Nachtstehend mal ein Bild, wie wir es uns vorstellen…:

DPG_0-1728044883827.png
DPG_0-1728044883827.png3258×499 12 KB

Danke für eure Hilfe.

Viele Grüße
DPG

2
  • Kann wer helfen und hat vielleicht einen Code parat…

So einfach wird das nicht sein. Wie sollen die Kunden einen Review schreiben und wo sollen die Reviews im Backend gespeichert werden und von da aus ins Frontend gezogen, ganz abgesehen von der Frontend Entwicklung die dafür notwendig ist?

Du kannst eine neue Theme Datei wie testimonials.liquid erstellen mit einen Code wie den folgenden, wo eine neue Sektion, die Testimonials enthält, definiert wird. Verwende das schema-Tag, um die Eingabefelder für Text, Autor und Bild zu ziehen. Im div.testimonials-container-Block einfach alle Testimonials als Block und mit CSS die Testimonials als Boxen darstellen:

Show More 
## {{ section.settings.section_title }}{% for block in section.blocks %} {% if block.type == 'testimonial' %}
{% if block.settings.image %} {% endif %}

"{{ block.settings.quote }}"

{{ block.settings.author }}

{% endif %} {% endfor %}