FROM CACHE - de_header
Gelöst

Page Seiten-Breite erweitern - wie geht das - bitte um Hilfe

Tom9999
Forscher
73 7 22

Ich erstelle Landing-Pages zum Teil mit Pagefly. das ist komfortabel. Diese Seiten werden in voller Shop-Breite angezeigt. Ich möchte aber auch einfache Seiten direkt mit Shopify machen, was ich auch getan habe. Diese Seiten sind nur ca. 3/4 der Shop-Breite. Das hat sicher etwas mit den "Grid" zu tun. Da ich aber keine Ahnung habe, benötige ich hilfe.

Wo und wie kann ich dafür sorgen, dass auch doe in Shopify produzierten Landing-Pages die volle Breite haben.

Hier 2 Beispiele:

Landing-Page mit Pagefly (also so, wie ich es haben möchte): https://www.sonnenkopp-dessau.de/pages/raeuchern-im-alltag-und-als-ritual-eine-uralte-tradition

Landing-Page mit Shopify: https://www.sonnenkopp-dessau.de/pages/elbenzauber-raeucherwerk-der-extraklasse-in-hoechster-qualita...

Ich danke im Voraus für eine echte Lösung !

Viele Grüße Tom

PS: Zur Vorsicht noch diese Worte: Warum machst Du dann nicht alle Pages im Pagefly? Antwort: Weil das teuer ist, denn ich kann in dem Preismodell, was ich nutze, nur 20 Pages produzieren. Und dass es auch in Shopify gut aussehen kann, zeigt die obige Seite. Nur halt breiter soll sie sein. 🙂

3 AKZEPTIERTE LÖSUNGEN
Tom9999
Forscher
73 7 22

Erfolg.

Hallo Gabe,

ich habe das Problem selber gelöst. Es ist so einfach, dass es mich wundert, dass Du (von Shopify) das nicht weißt.

Zumindest hättest Du doch schreiben können, dass man die Einstellungen der "Page"-Seiten im "page-liquid" verändern kann.

Dort muss man nur die "grid"-Einstellungen ändern ... und ... fertig ! Also genau so, wie ich es von Anfang an geahnt habe.

Jetzt sind die "Page"-Seiten genau so breit wie alle anderen Seiten (Kategorie, Prudukt usw.)

 

Viele Grüße

Tom

Lösung in ursprünglichem Beitrag anzeigen

Tom9999
Forscher
73 7 22

Erfolg.

"Freut mich Tom! Wie bist du darauf gekommen wenn ich fragen darf?"

 

Hallo Gabe,

na der Header-Code ist im "header.liquid", der Footer-Code ist im "footer.liquid"

und der Page-Code ist im "page.liquid.

 

Und dann stand da genau das, was ich vermutet habe, nämlich:

"<div class="grid__item post-large--two-thirds push--post-large--one-sixth">"

Da stehts: 3/4 der Seite - genau das, was ich gefragt hatte.

 

Diesen Teil habe ich ersetzt durch:

"<div class="grid__item">"

 

Und schon ist alles so, wie ich gewollt hatte.

 

Vielleicht hat ja noch jemand diesen Wunsch (sollte nicht so selten sein) und ich konnte hier helfen.

Über ein Feedback würde ich mich dann freuen.

 

Viele Grüße Tom

Lösung in ursprünglichem Beitrag anzeigen

Tom9999
Forscher
73 7 22

Erfolg.

Ich meine natürlich nicht 3/4 sondern 2/3, aber das ist ja sehr ähnlich.

Und jetzt ist es "full".

🙂

Lösung in ursprünglichem Beitrag anzeigen

11 ANTWORTEN 11

Gabe
Shopify Staff
16357 2587 3853

Hey @Tom9999 

Gabe hier aus Shopify! Das klingt auch nicht besonders gut mit den versch. Page Breiten.

Schicke uns doch ein Ticket und dann können wir das anschauen als Teil deiner 60-Min Design Time. Das muss nur ein Shopify Free Theme sein.

VG

Gabe

Gabe | Social Care @ Shopify
 - War meine Antwort hilfreich? Klicke Like um es mich wissen zu lassen! 
 - Wurde deine Frage beantwortet? Markiere es als Akzeptierte Lösung 
 - Um mehr zu erfahren, besuche das Shopify Help Center oder den Shopify Blog

Tom9999
Forscher
73 7 22

Hallo Gabe,

es ist ein kostenfreies Theme, nämlich Minimal.

Ich verstehe nicht, warum wir es sooo schwierig machen.

 

Es geht NICHT um die Unterschiedlichkeit der Breiten der Page-Seiten.

 

Es geht darum, warum bei einer Page, die direkt im Shopify-System gemacht wurde, im Frontend nur eine dreiviertel oder halbe Seitenbreite erscheint. Das ist nicht nur bei mir so, sondern eine generelle Programmierung in den kostenlosen Shopify-Themes.

 

Meine Frage. Wie und wo kann ich das ändern?

 

Und wenn es darauf keine Antwort gibt: WO finde ich in den Shopify-Codes den für die Pages ???

 

Kann mir das jemand schreiben ?

 

Herzlichen Dank dafür im Voraus.

Gabe
Shopify Staff
16357 2587 3853

Hey @Tom9999 

Ah ok verstehe. Hast du das hier mal versucht? ->

 

image.png

 


Das Minimal Theme ist halt so wie es heißt = Minimal

Aber probiere das mal und dann geht es vielleicht besser...

Gabe

Gabe | Social Care @ Shopify
 - War meine Antwort hilfreich? Klicke Like um es mich wissen zu lassen! 
 - Wurde deine Frage beantwortet? Markiere es als Akzeptierte Lösung 
 - Um mehr zu erfahren, besuche das Shopify Help Center oder den Shopify Blog

Tom9999
Forscher
73 7 22

Hallo Gabe,

 

nein, das ist nicht die Lösung, weil dann der GANZE Shop breiter wird. Die Pages bleiben dann IN BEZUG zu DIESEM SHOP trotzdem nur 3/4 Breit !!!

 

Und es liegt nicht am Minimal-Theme. Bei Venture ist es genau so.

 

Die Shop-Breite ist gut, so wie sie ist. NUR die Page-Seiten werden kleiner dargestellt.

 

Darum hier noch einmal die Frage: WO finde ich den Code für die Pages.

Da muss es doch eine Section oder ähnliches geben, wo dies definiert ist.

 

Danke, wenn mir darauf jemand antworten könnte.

Tom9999
Forscher
73 7 22

Erfolg.

Hallo Gabe,

ich habe das Problem selber gelöst. Es ist so einfach, dass es mich wundert, dass Du (von Shopify) das nicht weißt.

Zumindest hättest Du doch schreiben können, dass man die Einstellungen der "Page"-Seiten im "page-liquid" verändern kann.

Dort muss man nur die "grid"-Einstellungen ändern ... und ... fertig ! Also genau so, wie ich es von Anfang an geahnt habe.

Jetzt sind die "Page"-Seiten genau so breit wie alle anderen Seiten (Kategorie, Prudukt usw.)

 

Viele Grüße

Tom

Gabe
Shopify Staff
16357 2587 3853

Freut mich Tom! Wie bist du darauf gekommen wenn ich fragen darf?

Du kannst jederzeit hier auch Themenbezogene Fragen stellen denn da kommen sehr viele Design Experten zusammen. Die wären hier die besten Ansprechpartner.

VG,

Gabe

Gabe | Social Care @ Shopify
 - War meine Antwort hilfreich? Klicke Like um es mich wissen zu lassen! 
 - Wurde deine Frage beantwortet? Markiere es als Akzeptierte Lösung 
 - Um mehr zu erfahren, besuche das Shopify Help Center oder den Shopify Blog

Tom9999
Forscher
73 7 22

Erfolg.

"Freut mich Tom! Wie bist du darauf gekommen wenn ich fragen darf?"

 

Hallo Gabe,

na der Header-Code ist im "header.liquid", der Footer-Code ist im "footer.liquid"

und der Page-Code ist im "page.liquid.

 

Und dann stand da genau das, was ich vermutet habe, nämlich:

"<div class="grid__item post-large--two-thirds push--post-large--one-sixth">"

Da stehts: 3/4 der Seite - genau das, was ich gefragt hatte.

 

Diesen Teil habe ich ersetzt durch:

"<div class="grid__item">"

 

Und schon ist alles so, wie ich gewollt hatte.

 

Vielleicht hat ja noch jemand diesen Wunsch (sollte nicht so selten sein) und ich konnte hier helfen.

Über ein Feedback würde ich mich dann freuen.

 

Viele Grüße Tom

Tom9999
Forscher
73 7 22

Erfolg.

Ich meine natürlich nicht 3/4 sondern 2/3, aber das ist ja sehr ähnlich.

Und jetzt ist es "full".

🙂

Asko
Besucher
2 0 2

Hallo Tom,

das Thema interessiert mich auch sehr. Kannst du bitte etwas detalierter Beschreiben, wie und wo man diese Grid-EInstellungen genau ändert. Danke Dir im Voraus. Gruß

 

Asko
Besucher
2 0 2

Sorry, habe hin Bekommen. Vielen Dank, sehr gute Erklärung!!!

ausdemweb
Besucher
1 0 0

Ich habe genau das Problem. Leider finde ich die Codeschnipsel nicht, scheint als wäre das im laufe der Zeit geändert worden. Wie bekomme ich die Seitenbreite auf 100%? Alles was ich einfüge fängt ziemlich weit rechts an. Mein Theme ist das Reffest von Shopify.