Backend CSS / JS Anpassungen

ProWebs · 7. Januar 2020 um 16:33

Gibt es eine best practice um das default Theme im Backend von Shopware anzupassen?
Ich finde viele gestalterische Elemente unglücklich, diese wären mit wenigen CSS und JS eingriffen schnell verbessert.
Es geht also darum nur bestehende Elemente zu überschreiben. Ungern würde ich die Dateien anfassen, welche bei jedem Update überschrieben werden.

Danke

simkli · 7. Januar 2020 um 21:49

Du könntest diesen Block erweitern und deine eigene CSS Datei laden:

github.com

shopware/shopware/blob/5.6/themes/Backend/ExtJs/backend/base/header.tpl#L15


{block name='backend/base/header/meta_tags'}
<meta charset="UTF-8" />
<meta name="robots" content="{s name=meta/robots}noindex,nofollow{/s}" />
{* Force the IE9 to always use the latest (e.g. bleeding egde) document and compability mode *}
<meta http-equiv="X-UA-Compatible" content="IE=Edge" />
{/block}

{* Page title *}
<title>{block name='backend/base/header/title'}{/block}</title>

{block name="backend/base/header/css"}
    <link rel="stylesheet" type="text/css" href="{link file='backend/_resources/resources/css/ext-all.css'}?{$SHOPWARE_REVISION}" />
    <link rel="stylesheet" type="text/css" href="{link file='backend/_resources/resources/css/core-icon-set.css'}?{$SHOPWARE_REVISION}" />
    <link rel="stylesheet" type="text/css" href="{link file='backend/_resources/resources/css/core-icon-set-new.css'}?{$SHOPWARE_REVISION}" />
{/block}
{block name="backend/base/header/favicon"}
    <link rel="icon" href="{link file='backend/_resources/images/index/favicon.ico'}" type="image/x-icon" />
    <link rel="shortcut icon" href="{link file='backend/_resources/images/index/favicon.ico'}" type="image/x-icon" />
{/block}

{block name="backend/base/header/javascript"}

Bei Javascript gibt es hier Anleitungen: Backend extensions

Wenn sich deine Änderungen für alle Shopware-Nutzer lohnen, könntest du auch die Original-Dateien anpassen und den Patch als Pull-Request einreichen. Vielleicht wird es dann schon in die nächste Shopware-Version integriert. Contributing Code

VG

ProWebs · 8. Januar 2020 um 13:25

Danke für die Infos und Links.

Wird das header.tpl denn bei einem Shop Update nicht mit überschrieben?

simkli · 12. Januar 2020 um 11:44

Naja, nicht wenn du den Block korrekt über Vererbung in deinem eigenen Plugin/Theme erweiterst.

Hier gibt es eine Anleitung: https://developers.shopware.com/designers-guide/smarty/#template-inheritance

Thema		Antworten	Aufrufe
CSS für Standard Backend-Theme / Administration anpassen Administration	7	1988	29. April 2024
Eigenes Backend-Template Shopware 3.5 themes--design	0	592	26. September 2013
Theme Anpassungen vornehmen als Anfänger? Themes & Design	3	867	18. November 2019
Backend-Style updatesicher Sonstiges	3	588	17. Februar 2016
Best practice um theme anzupassen Shopware 6 (German)	4	348	15. Juli 2022

Backend CSS / JS Anpassungen

Verwandte Themen