In diesem Beitrag teilen wir unser erworbenes Geheimwissen zur ThemeWare Konfiguration mit euch. ThemeWare ist eines der beliebtesten Shopware Themes – und das hat sich auch bei Shopware 6 nicht geändert.

Übersicht:

1. Social Media (Profil-Link) Icons

Die, mit den dazugehörigen Profilen verlinkten, Social Media Icons binden wir im Footer ein. Hier gibt es unterschiedliche Einstellungen und Positionen die wir auswählen können.

1.1 Einstellungen im Bereich Widgets
Erst geht es in die Theme Einstellungen, dann auf den Reiter Widgets. Hier öffnen wir die Box Communities bzw. Social Media und können dort das Design konfigurieren und zudem entscheiden welche Icons denn angezeigt werden soll. Sollen die Icons z.B. in ihren Firmenfarben angezeigt werden wählen wir hier beim Feld Farben – Standard aus.

1.2 Links in Textbausteinen anpassen
Wenn wir nun die Links zu den gewünschten Social Media Profilen eingeben wollen können wir dies leider nicht in den Theme Einstellungen erledigen. Stattdessen geht es in den Bereich Einstellungen > Textbausteine wo wir folgende anpassen können / müssen:

Blog (WordPress):
twt.widget.communities.blog.name
twt.widget.communities.blog.link

Blogger:
twt.widget.communities.blogger.name
twt.widget.communities.blogger.link

Facebook:
twt.widget.communities.facebook.name
twt.widget.communities.facebook.link

Flickr:
twt.widget.communities.flickr.name
twt.widget.communities.flickr.link

Instagram:
twt.widget.communities.instagram.name
twt.widget.communities.instagram.link

Linkedin:
twt.widget.communities.linkedin.name
twt.widget.communities.linkedin.link

Pinterest:
twt.widget.communities.pinterest.name
twt.widget.communities.pinterest.link

TikTok:
twt.widget.communities.tiktok.name
twt.widget.communities.tiktok.link

Twitch:
twt.widget.communities.twitch.name
twt.widget.communities.twitch.link

Vimeo:
twt.widget.communities.vimeo.name
twt.widget.communities.vimeo.link

Website:
twt.widget.communities.website.name
twt.widget.communities.website.link

WhatsApp:
twt.widget.communities.whatsapp.name
twt.widget.communities.whatsapp.link

Xing:
twt.widget.communities.xing.name
twt.widget.communities.xing.link

YouTube:
twt.widget.communities.youtube.name
twt.widget.communities.youtube.link

2. Versandarten & Zahlungsanbieter Logos

Versandarten und Zahlungsarten lassen sich bei ThemeWare an unterschiedlichen Stellen ausgeben. Hierfür müssen einige Schritte ausgeführt werden, bis die (passenden) Logos an der richtigen Stelle angezeigt oder ausgeblendet werden.

2.1 Footer Konfiguration
Wenn wir das Theme bearbeiten gehen wir als erstes auf den Reiter Footer. Hier klappen wir die Box Inhalte zuweisen und anordnen auf. Nun wählen bei einer der Boxen Versandarten aus und machen die übrigen Einstellungen.

Hier sehen wir die Einstellungen…

ThemeWare Footer Einstellungen - Versandlogos

… die zu diesem Ergebnis führen:

ThemeWare Footer Einstellungen - Versandlogos Ansicht

Wobei dazu noch ein paar andere Einstellungen aber da kommen wir jetzt auch zu.

2.2 Versandarten Einstellungen

Im nächsten Schritt bewegen wir uns raus aus den Theme Einstellungen hin zu den Einstellungen der Versandarten:

ThemeWare Footer Einstellungen - Versandlogos 3

Da können wir zum einen bei Standard und Express den Namen und die Logos anpassen und zum anderen zusätzliche Versandarten anlegen.

2.3 Versandarten Textbausteine
Um die Überschriften der beiden Bereich anzupassen können wir folgende Textbausteine bearbeiten:

Zahlungsarten: twt.widget.payment.headline
Versand: twt.widget.shipping.headline

2.4 Widget-Einstellungen
Die letzen Einstellungen nehmen wir im Bereich (Theme) Einstellungen > (Reiter) Widgets > (Box) Versandanbieter-Logos / Zahlungsanbieter-Logos vor. Hier können wir bis zu 3 individuelle Logos hochladen und einbinden. Außerdem kann hier auch die Einstellung  Nur benutzerdefinierte Bilder anzeigen vorgenommen werden. Größen, Rahmenrundungen etc. können ebenfalls hier eingestellt werden.

3. Vorteile-Box

Die Vorteile Box wird zunächst in den Theme Einstellungen im Reiter Footer in der Box Inhalte zuweisen und anordnen zugewiesen. Anschließend muss dann der Textbaustein twt.widget.benefits.content angepasst werden. Das war`s schon.

4. Ladengeschäft

4.1 Textbausteine anpassen
Die Texte für die Box finden sich hier:twt.widget.location.content. Will man den Routenplaner starten Text im Button anpassen suchen wir diesen Textbaustein: twt.widget.location.route.name . Wer die Überschrift Ladengeschäft anpassen will benötigt diesen Baustein: twt.widget.location.headline

Wer den Button verwendet benötigt diesen Textbaustein um den Link anzupassen:
twt.widget.location.route.link

5. Social Sharing Icons (Produktseite)

Zunächst müssen die Icons in den Theme-Einstellungen bei: (Reiter) Produktseiten > Teilen-Links aktiviert werden. Im Standard ist die Funktion nicht aktiv. Außerdem können die 5 verfügbaren Portale einzeln aktiviert werden.

ThemeWare Konfiguration - Cheatsheet

Die Überschrift kann mit folgendem Textbaustein angepasst werden:
Pflege: Innenliegendes Schweißband nach dem Tragen mit einem feuchten Tuch reinigen.
twt.detail.socialSharingLinks.headline

6. Aufklappbare Kurzbeschreibung (Produktseite)

Am Beispiel von Hut-Styler.de

See the Pen
Untitled
by Atilla Boz (@great2gether)
on CodePen.

great2gether Digital Agentur mit Spezialisierung auf Shopware & Marketing Automatisierung. Anonym hat 4,93 von 5 Sternen 45 Bewertungen auf ProvenExpert.com