Shopware 6 – Plugin: Individueller Header über dem Shop

Mit diesem Plugin für Shopware 6 kannst du deinen Header erweitern. Füge ein Bild über dem Shop ein, um eine Aktion zu bewerben. Oder verwende ein HTML Freitextfeld, um den Pre-Header noch individueller zu gestalten.

Eine genaue Beschreibung des Plugins findest du im Plugin-Store von Shopware. Hier auf unserer Webseite findest du zusätzliche Informationen zum Plugin, wie bpsw. die Video-Dokumentation und HTML-Snippets, mit denen du deinen Header ganz nach Belieben gestalten kannst.

HTML-Vorlagen für eigene Header

1. USP-Header

USP ist englisch und bedeutet Unique Selling Proposition – zu deutsch etwa Alleinstellungsmerkmal. Mit der Definition eigener USPs grenzt du dich gegenüber deiner Konkurrenz ab. Klar definierte USPs sind ein starkes Markenkennzeichen und Sinnbild für Qualität und Überzeugung.

Wir haben für dich einen Beispiel-Header zusammengestellt, den du nach Belieben anpassen kannst. Der Quelltext sollte einfach genug sein, dass du ihn auch ohne besondere Kenntnisse in HTML verstehst. Ändere einfach die Textpassagen wie du sie benötigst, achte dabei darauf, nichts vom HTML zu verändern.

<style>
.mv-custom-top-bar { display: none; }
@media (min-width: 768px) {
	.mv-custom-top-bar { display: block; background-color: #526E7F; color: #FFF; min-height: 39px; line-height: 20px; padding: 8px 20px; }
	.mv-custom-top-bar .container  { background-color: transparent; }
	.mv-custom-top-bar a { color: #FFF; }

	.mv-custom-top-bar-block { text-align: center; }
	.mv-custom-top-bar-block:first-child { text-align: left; }
	.mv-custom-top-bar-block:last-child { text-align: right; }
}
</style>
<div class="mv-custom-top-bar">
	<div class="container">
		<div class="row">
			<div class="col mv-custom-top-bar-block"><div class="grey_header_element left"> <a href="#" rel="nofollow noopener"><b>Schnelle &amp; sichere</b> Lieferung</a> </div></div>
			<div class="col mv-custom-top-bar-block"><div class="grey_header_element middle"> <a href="#" rel="nofollow noopener"> <b>kauf auf rechnung</b> ohne risiko </a> </div></div>
			<div class="col mv-custom-top-bar-block"><div class="grey_header_element right"> <a href="#" rel="nofollow noopener"> <b>Versandkostenfrei</b> ab 49,90€</a></div></div>
		</div>
	</div>
</div>

Video-Anleitung