# Einkaufswelt: Kontstante Schriftgröße im HTML-Element trotz Resize möglich?

**URL:** <https://forum.shopware.com/t/einkaufswelt-kontstante-schriftgrosse-im-html-element-trotz-resize-moglich/34650>\
**Category:** Themes & Design\
**Created:** [20. Februar 2016 um 19:28 UTC](https://forum.shopware.com/t/einkaufswelt-kontstante-schriftgrosse-im-html-element-trotz-resize-moglich/34650 "2016-02-20T19:28:23Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![Marco\_H](https://avatars.discourse-cdn.com/v4/letter/m/bc8723/32.png) [@Marco\_H](https://forum.shopware.com/u/Marco_H)\
**Post date:** [20. Februar 2016 um 19:28 UTC](https://forum.shopware.com/t/einkaufswelt-kontstante-schriftgrosse-im-html-element-trotz-resize-moglich/34650/1 "2016-02-20T19:28:23Z")

</div>

Hallo zusammen,

ich hänge beim Design meiner Einkaufswelt an einem in diesem Forum bereits öfters erwähnten Problem der unpassenden Schriftgrößen im HTML-Element:

Der Resizemodus skaliert Bilder und Schriften auf die Viewportgröße runter. Für Bilder ist dieses sehr sinnvoll, bei Text aber nicht immer.

Workaround für zu kleine Schriften ist, dass man dem html-Element via CSS für kleine Viewports einfach größere Schriften “verschreibt”. Es bleibt aber den Nachteil, dass diese Schriften mit Veränderung des Viewports “nachskalieren” - im Gegensatz zu den Schriften in Header und Footer, die konstant beleiben bzw. nur an den bestimmen Breakpoints nachskalieren.

Damit geht leider das einheitliche Bild zwischen Einkaufswelt und Header/Footers verloren.

Kennt jemand eine Möglichkeit, in einem Einkaufswelt-Html-Element einen Text darzustellen, der Viewport-unabhängig eine bestimmte Größe (z.B. 1rem) hat? Der Text soll einfach entsprechend der Box-Größe umgebrochen werden…

---

<div class="post-metadata">

**Author:** ![prooffice](https://avatars.discourse-cdn.com/v4/letter/p/34f0e0/32.png) [@prooffice](https://forum.shopware.com/u/prooffice)\
**Post date:** [31. März 2016 um 13:15 UTC](https://forum.shopware.com/t/einkaufswelt-kontstante-schriftgrosse-im-html-element-trotz-resize-moglich/34650/2 "2016-03-31T13:15:54Z")

</div>

man kann zwei Einkaufswelten für denselben Viewport anlegen und in der einen die Resize Funktion aktivieren und in der anderen eben nicht.&nbsp;  
Dann wird z.B. das Banner über die Spanne des Viewports skaliert und der Text im HTML Block der weiteren Einkaufswelt nicht.

---

<div class="post-metadata">

**Author:** ![Marco\_H](https://avatars.discourse-cdn.com/v4/letter/m/bc8723/32.png) [@Marco\_H](https://forum.shopware.com/u/Marco_H)\
**Post date:** [31. März 2016 um 13:38 UTC](https://forum.shopware.com/t/einkaufswelt-kontstante-schriftgrosse-im-html-element-trotz-resize-moglich/34650/3 "2016-03-31T13:38:05Z")

</div>

Danke, prooffice, für Deinen Lösungsvorschlag.

Leider funktioniert das bei mir nicht, da ich Text und Bilder wie in den Einkaufswelten rasterartig zusammensetze (nicht nur zeilenweise).

Aber ich habe mich eh schon damit abgefunden, dass Shopware hierzu keine einfache Lösung hat, und habe meine Schriften „gegenskaliert“. ![Halo](http://forum.shopware.com/plugins/CKEditor/plugins/smiley/images/halo.png "Halo")

---

<div class="post-metadata">

**Author:** ![josizig](https://avatars.discourse-cdn.com/v4/letter/j/a3d4f5/32.png) [@josizig](https://forum.shopware.com/u/josizig)\
**Post date:** [31. März 2016 um 20:10 UTC](https://forum.shopware.com/t/einkaufswelt-kontstante-schriftgrosse-im-html-element-trotz-resize-moglich/34650/4 "2016-03-31T20:10:48Z")

</div>

> [@prooffice schrieb:](https://forum.shopware.com/profile/5839/prooffice "prooffice")
> 
> man kann zwei Einkaufswelten für denselben Viewport anlegen und in der einen die Resize Funktion aktivieren und in der anderen eben nicht.&nbsp;  
> Dann wird z.B. das Banner über die Spanne des Viewports skaliert und der Text im HTML Block der weiteren Einkaufswelt nicht.

Hallo,

bei mir funktioniert diese Methode leider nicht.

Wenn ich zwei Einkaufswelten für den selben Viewport anlege, wird immer nur die Einstellung der ersten Einkaufswelt (Masonery) im Shop angezeigt. Also Slider wird&nbsp;skaliert.

Weiß jemand eine Lösung?

Danke

---

<div class="post-metadata">

**Author:** ![great2gether](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.shopware.com/great2gether/32/12887_2.png) [@great2gether](https://forum.shopware.com/u/great2gether)\
**Post date:** [29. Mai 2017 um 20:12 UTC](https://forum.shopware.com/t/einkaufswelt-kontstante-schriftgrosse-im-html-element-trotz-resize-moglich/34650/5 "2017-05-29T20:12:31Z")

</div>

Hi ich war gerade auch auf der Suche nach der Lösung des Problems mit der Skalierung des Textes auf mobilen Endgeräten. Ich konnte es folgendermaßen lösen: Ich habe für die Startseite 2 Einkaufswelten angelegt und die Reihenfolge bestimmt. In der oberen habe ich einen Banner- und Artikelslider und habe die Einstellung „Resize / Skalierung“ verwendet. Darunter habe ich dann die zweite Einkaufswelt eingebunden, die ausschließlich Text beinhaltet. Für die untere Einkaufswelt habe ich dann bei den Layout-Einstellungen den Modus „Zeilen“ ausgewählt. So wird a) der Text nicht skaliert und b) der Text weder abgeschnitten noch unnötiger whitespace angezeigt. Ist ein bißchen umständlich aber das Ergebnis ist sauber.&nbsp;
