Neu Artikelseiten wie Header und Startseite einrücken

[mike139]

Hallo zusammen,

ich würde gerne die Artikelübersichten genauso einrücken wie z.B. die Startseite. Die Startseite und die einzelnen Artikel sind so eingerückt das sie in einer Linie mit dem Header abschließen. Nur bei den Seiten auf den mehrere Artikel zur Auswahl stehen sind diese bis ganz zum Rand.

Ich verwende Nova. Könnte mir bitte jemand einen Tipp geben wie ich das im Child Template machen kann?

Vielen Lieben Dank im Voraus.

 

[mike139]

Hallo zusammen,

ich habe herausgefunden das die Artikellisten einen Container container-fluid-xl verwenden. Das scheint wohl genau das Problem zu sein.

.container-fluid-xl { max-width: rem(1650px); }

Was müsste man im Child Template hinterlegen damit die breite der Artikellisten die gleiche ist, wie die Startseite und wie bei den einzelnen Artikeln?

Dankeschön nochmals.

 

[mike139]

Hey zusammen,

leider finde ich hierzu im Forum nicht den entscheidenten Tipp der mich auf die Lösung bringen würde. Deshalb wollte ich nochmal nachfragen ob mir jemand einen Lösungsvorschlag verraten könnte?

Das war mein Ansatz in der _variables.scss vom Child der aber leider nicht funktioniert.

$container-fluid-xl: (
        sm: 97vw,
        md: 720px,
        lg: 960px,
        xl: 1250px
) !default;

Dankeschön und schöne Grüße

 

[css-umsetzung]

Ohne das jetzt zu prüfen.
Das !default dürfte da nicht stehen denn das sagt aus, das es überschrieben werden darf und deine Zuweisung erfolgt vor der Zuweisung von der Shop eigenen variables, daher wird dann wieder der zuletzt gesetzte Wert gesetzt.

 

[mike139]

Dankeschön für deine Antwort. Leider bringt das auch nichts. Ich denke es müsst irgendwo noch "width" mit rein gebaut werden...

Ich habe es jetzt auf die schnelle etwas weniger schön gelöst:

.container-fluid-xl {
    max-width: 82%;
}

Das ist zwar nicht immer gleich wie der Header aber schon mal um einiges besser...

Vielleicht hat ja jemand eine Idee wie man es mit dem kombinieren kann:
sm: 97vw,
md: 720px,
lg: 960px,
xl: 1250px

Vielen Dank schon mal.

 

[mike139]

Hey Leute nochmal eine Frage.

Wie könnte ich es den lösen, wenn ich möchte, dass in der Mobilen Ansicht 100% dargestellt werden soll aber am Computer 82%?

Dankeschön im Voraus.

Schöne Grüße

 

[mike139]

Habs endlich 🙂

in der header.tpl im Child muss es so angepasst werden, dann ist alles gleich breit. Wenn jemand eine bessere Idee hat immer raus damit 🙂

{block name='layout-header-content-wrapper-starttag'}
            <div id="content-wrapper"
                 class="{if ($Einstellungen.template.theme.left_sidebar === 'Y' && $boxesLeftActive) || $smarty.const.PAGE_ARTIKELLISTE === $nSeitenTyp}has-left-sidebar container-fluid container-fluid-xl container{/if}
                 {if $smarty.const.PAGE_ARTIKELLISTE === $nSeitenTyp}is-item-list{/if}
                        {if $isFluidBanner || $isFluidSlider} has-fluid{/if}">
        {/block}