Liquid, JavaScript, Themes
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. 🙂
Gelöst! Zur Lösung
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
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
Erfolg.
Ich meine natürlich nicht 3/4 sondern 2/3, aber das ist ja sehr ähnlich.
Und jetzt ist es "full".
🙂
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
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.
Hey @Tom9999
Ah ok verstehe. Hast du das hier mal versucht? ->
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
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.
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
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
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
Erfolg.
Ich meine natürlich nicht 3/4 sondern 2/3, aber das ist ja sehr ähnlich.
Und jetzt ist es "full".
🙂
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ß
Sorry, habe hin Bekommen. Vielen Dank, sehr gute Erklärung!!!
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.
Teil 2 - Wie die Prinzipien des UX-Designs dir dabei helfen können einen großartigen Shop ...
By Kai Sep 16, 2024Teil 1 - Wie die Prinzipien des UX-Designs dir dabei helfen können einen großartigen Shop ...
By Kai Sep 9, 2024Anpassungen des benutzerdefinierten Codes an Shopify-Themes (CSS) leicht gemachtIn diesem...
By Gabe Aug 28, 2024