Logo im Header vergrößern

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 ?

 

Schau mal hier: https://shopwareianer.com/tutorials/shopware-5-logo-groesse-anpassen

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?

Dann musst du wohl das hier benutzen:

http://store.shopware.com/hosti69662086832/logo-anpassen.html

ich benutze das das Theme  Responsive was in dem Ordner schon liegt

 

@fingerfoodmen schrieb:

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.

@sschreier schrieb:

@fingerfoodmen schrieb:

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

@fingerfoodmen schrieb:

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 ;)