Statt Suchfeld einen Text einfügen (Headline)

Shopware 5 Themes & Design
1

Hallo Zusammen, 

das Suchfeld habe ich ausgeblendet, aber nun frage ich mich, wie ich in den leeren Raum nun einen Text einfügen kann? Dieser Text wäre sozusagen meine Überschrift des Shops.

Vielen Dank im Voraus!

2

 

700×184 60.6 KB

 

Textbaustein im Header

 

Grüße!

folgender Vorschlag:

1. eigenes Theme anlegen (sofern noch nicht angelegt)

http://community.shopware.com/Theme-Manager_detail_1808.html

Hinweis: nur eigene Themes bearbeiten.

 

2. Textfeld anlegen

Im Backend unter:

Einstellungen -> Textbausteine -> Namespaces -> frontend -> index -> Textbaustein hinzufügen

754×504 38.9 KB

 

3. Template anpassen

a) z.B. Einbindung in die Datei: “logo-container.tpl”

{extends file="parent:frontend/index/logo-container.tpl"}

{* Slogan *}
{block name='frontend_index_logo' append}
	
		{s namespace='frontend/index' name="Slogan"}{/s}
	
{/block}

 

b) oder alternativ Einbindung in die Datei: “shop-navigation.tpl”

{extends file="parent:frontend/index/shop-navigation.tpl"}

{* Slogan *}
{block name='frontend_index_checkout_actions' append}
	
		{s namespace='frontend/index' name="Slogan"}{/s}
	
{/block}

 

c) oder alternativ statt dem Suchfeld in der Datei: “shop-navigation.tpl”

{extends file="parent:frontend/index/shop-navigation.tpl"}

{* Search form *}
{* Slogan *}

{block name='frontend_index_search'}
	
		{s namespace='frontend/index' name="Slogan"}{/s}
	
{/block}

 

4. Less anpassen

a) In der Datei: “all.less” folgende Zeile einfügen:

@import "slogan";

 

b) Folgende Datei: “slogan.less” erstellen:

// Slogan
.slogan	{
	.unitize(font-size, 24);
	.unitize-margin(5, 0, 10, 5);
	color: @brand-primary;
	font-weight: bold;
}

 

c) Für die Variante 3c) enthält die Datei: “slogan.less” zusätzlich:

float: left;

 

5. Dateien übertragen (auf die richtigen Verzeichnisse achten)

 

6. Theme kompilieren

Im Backend unter:

Einstellungen -> Theme Manager -> Theme markieren -> Theme zuweisen -> Theme kompilieren

 

7. Cache leeren

Im Backend unter:

Einstellungen -> Caches Performance -> Shop cache leeren

 

700×106 16 KB

 

Hoffe das hilft Dir weiter.