Hallo,
ich bekomme es einfachnicht hin das Logo in Shopware zu vergrößern. Es bleibt immer so klein.
Hat dajemand eine Lösung wo ich das einstellen kann ?
Ja das kenne ich…die Datei header.lees gibt es aber schon mit folgenden Inhalt: ( wenn ich da was ändere wird das Logo aber nicht größer )
/*
Header
Defines the styles of the Shopware storeview header and its components.
It contains the viewport specific styles inside media queries.
The header sizes are defined by the unitize mixin.
More precise designations are commented inside the document.
*/
// Basic header
.header-main {
.unitize(padding-bottom, 10);
background: #fff;
border-bottom: 1px solid @brand-primary;
// Hide the currency and language switcher
.top-bar { display: none }
// Logo
.logo-main {
.unitize-padding(10, 10);
.logo–link {
.unitize-height(35, 16);
display: inline-block;
max-width: 100%;
}
// Smaller logo for mobile viewports
.logo–shop {
.unitize-height(35, 16);
width: 50%;
}
.logo–supportinfo { display: none; }
}
.header–navigation { position: relative; }
}
// Small Checkout & Registration Header
.is–ctl-checkout.is–minimal-header,
.is–ctl-register.is–minimal-header,
.is–ctl-register.is–minimal-header.is–target-checkout {
// Header Support Info
.header-main {
.logo-main { width: 100%; }
.logo–shop { width: 50% }
.logo–link { .unitize(margin-top, 10); }
.logo–supportinfo { display: none; }
border-bottom: 1px solid @brand-primary;
.btn–back-top-shop {
.unitize(margin-top, 10);
width: 40%;
float: right;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
}
}
// Shop navigation
.shop–navigation {
position: relative;
.navigation–list {
width: 100%;
text-align: right;
}
.navigation–entry {
.unitize(margin-right, 5);
display: inline-block;
// General button styling in shop navigation
.btn {
.unitize-height(40, 16);
.unitize-width(40, 16);
vertical-align: middle;
}
.cart–link { .unitize-padding(2, 10, 2, 6); }
.account–link { .unitize-padding(2, 10, 2, 8); }
.icon–basket,
.icon–account {
.unitize(font-size, 21);
display: inline;
position: relative;
vertical-align: middle;
top: 0;
left: 0;
}
.icon–heart {
.unitize(font-size, 18);
vertical-align: middle;
}
.icon–search {
.unitize(font-size, 22);
vertical-align: middle;
}
}
Das scheint mir aber sehr nach der default header.less auszuschauen.
Hast du bereits dein eigenes Theme angelegt im Theme Manager?
ich benutze das das Theme Responsive was in dem Ordner schon liegt
ich benutze das das Theme Responsive was in dem Ordner schon liegt
Hallo,
du solltest niemals Änderungen im Bare- oder Responsive-Theme vornehmen, wenn du nicht willst, dass diese beim nächsten Update wieder verschwunden sind.
Erstell doch einfach ein eigenes Theme was vom Responsive Theme ableitet und dann erstellst du dir eine eigene LESS-Datei, wo du die CSS-Kommandos reintust (die LESS-Datei kann auch styles.less heißen): Getting started with Shopware templating .
Also mit dem Inhalt:
.header-main {
// Logo
.logo-main {
.logo--link {
.unitize-height(45, 16); // Anpassen der Höhe, Angabe in px
}
// Smaller logo for mobile viewports
.logo--shop {
.unitize-height(45, 16); // Anpassen der Höhe, Angabe in px
}
}
}
@media screen and (min-width: @tabletViewportWidth) { // View für Tablets und Desktops
.header-main {
.logo-main {
.logo--link {
.unitize-height(50, 16); // 50 auf eure Höhe anpassen
}
.logo--shop {
.unitize-height(50, 16); // 50 auf eure Höhe anpassen
}
}
}
}
Beste Grüße
Sebastian
1 „Gefällt mir“
Das steht doch alles schon in dem Link von @kayyy
Wenn er das nicht lesen will, dann muss er eben das Plug-In kaufen. Dafür ist es ja da - für Leute wie fingerfoodmen die das nicht machen wollen. Und 25 € ist ja auch ein fairer Preis.
ich benutze das das Theme Responsive was in dem Ordner schon liegt
Hallo,
du solltest niemals Änderungen im Bare- oder Responsive-Theme vornehmen, wenn du nicht willst, dass diese beim nächsten Update wieder verschwunden sind.
Erstell doch einfach ein eigenes Theme was vom Responsive Theme ableitet und dann erstellst du dir eine eigene LESS-Datei, wo du die CSS-Kommandos reintust (die LESS-Datei kann auch styles.less heißen): https://developers.shopware.com/designers-guide/getting-started/#add-less-files .
Also mit dem Inhalt:
.header-main {
// Logo
.logo-main {
.logo–link {
.unitize-height(45, 16); // Anpassen der Höhe, Angabe in px
}// Smaller logo for mobile viewports
.logo–shop {
.unitize-height(45, 16); // Anpassen der Höhe, Angabe in px
}
}
}@media screen and (min-width: @tabletViewportWidth) { // View für Tablets und Desktops
.header-main {
.logo-main {
.logo–link {
.unitize-height(50, 16); // 50 auf eure Höhe anpassen
}.logo–shop {
.unitize-height(50, 16); // 50 auf eure Höhe anpassen
}
}
}
}Beste Grüße
Sebastian
DANKE jetzt ist der Taler gefallen
Hallo, hab ich jetzt soweit alles gemacht…aber die größe verändert sich nicht…das Logo bleibt so… hab es testweise auf 200 Pixel gesetzt
******************************************
all.less im Ordner ( Less )
@import “_modules/header”;
*************************************************
header.lees im Ordner ( _modules )
.header-main {
// Logo
.logo-main {
.logo--link {
.unitize-height(45, 16); // Anpassen der Höhe, Angabe in px
}
// Smaller logo for mobile viewports
.logo--shop {
.unitize-height(45, 16); // Anpassen der Höhe, Angabe in px
}
}
}
@media screen and (min-width: @tabletViewportWidth) { // View für Tablets und Desktops
.header-main {
.logo-main {
.logo--link {
.unitize-height(50, 16); // 50 auf eure Höhe anpassen
}
.logo--shop {
.unitize-height(50, 16); // 50 auf eure Höhe anpassen
}
}
}
}
Deine Render-Reihenfolge scheint nicht zu stimmen.
Ich setz das Logo meist hiermit neu in einer eigenen Less-Datei im eigenen Theme.
@media screen and (min-width: 64em){
.header-main .logo-main{
margin-top: -40px;
}
.header-main .logo-main .logo--link{
height: 86px;
}
.header-main .logo-main .logo--link img{
height: inherit;
}
}
mmmmmmmmmm nee wenn ich das rein schreibe geht auch nichts…
Cache gelöscht und Theme neu kompiliert hast du?
Ja… schreibt Ihr in die Datei noch mehr ?
@media screen and (min-width: 64em){
.header-main .logo-main{
margin-top: -40px;
}
.header-main .logo-main .logo--link{
height: 86px;
}
.header-main .logo-main .logo--link img{
height: inherit;
}
}Lach ich bin doch nicht blöd…wenn ich genau die Anleitung verfolge geht es einfach nicht…warum nicht…!!!
https://shopwareianer.com/tutorials/shopware-5-logo-groesse-anpassen
alles andere geht wenn ich was im template ändere aber das logo nicht…
header.lees im Ordner ( _modules )
heißt die Datei wirklich so? .less wäre richtig
Okay…nach 1 Stunde fehler gefunden… in der Doku https://shopwareianer.com/tutorials/shopware-5-logo-groesse-anpassen
Ist eine klammer zuviel oben und eine unten zuwenig.
Den sollte man eine Rechnung schicken…lach
Ja… schreibt Ihr in die Datei noch mehr ?
Nein
Okay…nach 1 Stunde fehler gefunden… in der Doku https://shopwareianer.com/tutorials/shopware-5-logo-groesse-anpassen
Ist eine klammer zuviel oben und eine unten zuwenig.
Den sollte man eine Rechnung schicken…lach
Habe es gerade überprüft - Es ist weder eine Klammer zu viel noch zu wenig. Bei allen anderen hat es ja auch funktioniert ;)