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:

Tutorial: Zahlungsstatus von Bestellungen im Frontend anzeigen

{{Achtung|'''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...

weiterlesen

Die Shopware Datenbank

Einleitung In diesem Artikel findest Du eine Erläuterung zur Datenbank-Struktur in Shopware sowie weiterführende Artikel zu den einzelnen Bereichen inkl. Erklärung der genauen Spalten. Die Shopware-Datenbank kannst Du entweder über Dein...

weiterlesen

Tutorial: Abweichendes Detailseiten-Template erstellen

In diesem Tutorial zeigen wir Dir, wie Du Deinen Artikeln abweichende / verschiedene Templates zuordnen kannst. Alternativ zur Templateentwcklung per Attribut kann auch diese Option genutzt werden, um Artikel mit einem anderen Template zu...

weiterlesen
€ 1,00

Preise inkl. gesetzlicher
MwSt. + Versandkosten*