Seit einiger Zeit ist es möglich, seine Browserleiste im Browser Chrome zu färben. Dazu sind unter Shopware nur ein paar kleinere Schritte im Template erforderlich, welche ich gerne kurz erklären möchte. In meinem Beispiel wurde die mobile Browserleiste Pink gefärbt.

Zunächst muss der META Tag im Backend unter Einstellungen > Textbausteine > frontend > index > header gesetzt werden. Dazu wird ein neuer Textbaustein mit folgenden Inhalt angelegt. Der Wert entspricht der Farbe im HEX Format. Ein paar Beispiele findet man bei html-color-codes.info

Anschließend muss die header.tpl aus dem Bare Template um folgenden Inhalt angepasst werden:

vi themes/Frontend/Bare/frontend/index/header.tpl

Unter der Zeile

{* Meta-Tags *} {block name='frontend_index_header_meta_tags'}

muss der Eintrag

<meta name="Theme-color" content="{s name='IndexMetaTheme-color'}{/s}" />

hinzugefügt werden. Anschließend muss das Theme kompiliert werden, damit die Änderungen übernommen werden.

Über den Autor

Mein Name ist Stefan Eggert, ich bin lange als Freiberufler tätig gewesen und berate seit über 10 Jahren im Bereich IT-Sicherheit. Spezialisiert habe ich mich auf DDoS, Schwachstellenmanagement und Kennwortsicherheit.