Newsletter Logo anpassen

Gültig ab Version:
5.4.1

Newsletter-Logo

Das Newsletter-Logo wird im Standard aus dem Template geholt. Hier wird das Smartphone-Logo zur Darstellung genutzt, stelle also sicher, dass Du in Deinem Template ein Smartphone-Logo hinterlegt hast.

Newsletter weiter individualisieren

Achtung! Bevor Du Änderungen an dem Newsletter vornimmst, beachte bitte, dass Du keine Änderungen am Standard-Theme Bare vornehmen solltest. Bei einem Update von Shopware würden Deine Änderungen überschrieben werden. Alle Anpassungen sollten also in Deinem eigenen Shopware Theme vorgenommen werden. Wenn Du noch kein eigenes Shopware-Theme hast, solltest Du als erstes ein eigenes Theme für Deine Anpassungen erstellen.

Achtung! Die hier zur Verfügung gestellten Informationen wurden zum Zeitpunkt der Veröffentlichung dieses Artikels getestet, können sich zwischenzeitlich aber geändert haben. Die Durchführung dieses Tutorials geschieht auf eigene Gefahr! Lege Dir vor der Durchführung ein Backup deines Shops an, sodass Du dieses im Zweifel zurückspielen kannst. Beachte, dass es sich hier um Anpassungen von Shopware handelt und der Inhalt dieses Tutorials daher nicht offiziell supportet wird!

Hinweis: Je nach Erfahrung im Umgang mit Templateanpassungen ist es sinnvoll, Dir vorab unser Tutorial zum Thema Templateanpassungen durchzulesen, damit Du verstehst, wie das Ganze grundsätzlich funktioniert: Tutorial: Templateanpassungen

Solltest Du noch Fragen haben, z.B. wie Du ein eigenes Theme erstellen kannst, so schau Dir folgenden Eintrag in unseren DevDocs an: Designers Guide

In den folgenden Schritten wird Dir gezeigt, wie Du die Standardvorlage für den Newsletter von Shopware bearbeiten kannst. Das bietet deutlich mehr Möglichkeiten, als das einfache Austauschen des Logos im Backend.

Newsletter-Verzeichnisstruktur

Es gibt zwei verschiedene Arten von Newsletter-Vorlagen: Eine Standard-Newsletter-Vorlage und eine Händler-Vorlage. Die index.tpl enthält die Standardvorlage und die indexh.tpl enthält die Händlervorlage. Die Vorlagen findest Du in Deinem Theme Ordner: themes > Frontend > DEIN-THEME > newsletter > index

Die Newsletter-Vorlagen werden in HTML mit einer Tabellenstruktur geschrieben, um Kompatibilität mit den meisten E-Mail-Clients zu gewährleisten. Aufgrund der E-Mail-Clients ist die Verwendung von externen CSS-Dateien nicht möglich und das gesamte Erscheinungsbild wird von Inline-Styles innerhalb der Template-Dateien verwaltet.

Wenn der Newsletter-Empfänger keine HTML-E-Mails anzeigen kann, verwendet Shopware die Newsletter-Vorlagen im Verzeichnis "alt". Diese enthalten alle wichtigen Variablen, um den Newsletter als Klartext anzuzeigen.

Templateanpassung des Newsletter-Logos

Falls Dir die Nutzung des Template-Logos nicht ausreicht, kannst Du das Newsletter-Logo auch im Template weiter anpassen. Navigiere dazu zum Indexverzeichnis des Shopware-Standard-Newsletter-Themes: themes > Frontend > Bare > newsletter > index. Kopiere nun die Datei header.tpl in das Verzeichnis Deines neuerstellten Themes: themes > Frontend > DEIN-THEME > newsletter > index.

Da wir nicht die komplette Datei überschreiben wollen, erben wir als erstes vom Original. Und zwar indem Du folgenden Code direkt am Anfang der Datei einfügst: {extends file="parent:newsletter/index/header.tpl"} - Damit wird das Theme angewiesen, von dem "Eltern"-Theme zu erben.

Da uns nur das Logo interessiert, kannst Du sämtlichen Inhalt löschen, bis auf den Block newsletter_header_content_logo:

 
{block name="newsletter_header_content_logo"}
        {* align left needed for old outlook versions *}
        {if $theme.mobileLogo}
            <img align="left" src="{link file=$theme.mobileLogo fullPath}" alt="{s name="NewsletterHeaderLogoDescription"}{/s}" style="max-width: 50%; height: auto;"/>
        {else}
            <img align="left" src="{link file='frontend/_public/src/img/logos/logo--mobile.png' fullPath}" alt="{s name="NewsletterHeaderLogoDescription"}{/s}"/>
        {/if}
    {/block}
 

Diese Abfrage prüft, ob das Smartphone-Logo vorhanden ist und nutzt dieses bzw. alternativ das Demo-Logo. Hier kannst Du nun die gewünschten Anpassungen vornehmen und die Datei speichern. Vergiss nicht, nach dem Speichern die Caches in Shopware zu leeren und das Theme neu zu kompilieren, da Deine Änderungen sonst eventuell nicht berücksichtigt werden.

Weitere interessante Artikel:

Artikel-Attribute und Eigenschaften in die Suche einbeziehen

Vorwort Ab Shopware 5.1.0 hast Du die Möglichkeit direkt im Shopware Core die Frontend-Suche um die Freitextfelder zu erweitern. Zusätzlich kannst Du mit der Intelligenten Suche die Frontend-Suche auch um die Eigenschaften / Filter...

weiterlesen

Datenschutz Hinweis in die Formulare einbauen

Einleitung An allen Stellen die personenbezogene Daten verarbeiten, solltest Du einen Hinweis auf die Datenschutzbestimmungen platzieren. Hier findest Du ein kleines Tutorial, wie Du einen solchen Hinweis in Deinem Theme einbauen kannst. Als...

weiterlesen

Wie erstelle ich ein Support-Ticket

Vorwort Dieser Artikel beschreibt das Erstellen eines Support Tickets im Rahmen Deiner Support-Subscription und ist somit nur dann für Dich interessant, wenn Du eine aktive Support-Subscription gebucht hast. Bevor Du Dein Support-Ticket...

weiterlesen
€ 1,00

Preise inkl. gesetzlicher
MwSt. + Versandkosten*