FROM CACHE - de_header
Gelöst

Brooklyn - Newsletter Section auf einer extra Seite einfügen

JohnJ
Forscher
68 1 24

Hallo zusammen,

kann mir jemand sagen, ob man den Abschnitt "Newsletter abonnieren" (von der Startseite) auf einer neu angelegten Seite einfügen kann? Würde gerne eine Newsletter Seite anlegen, wo man den selben Abschnitt zum Newsletter abonnieren sieht wie auf der Startseite.
Vielen Dank!

JohnJ_0-1613323463937.png


 JohnJ_1-1613323538517.png

 

2 AKZEPTIERTE LÖSUNGEN

tewe
Shopify Partner
244 46 102

Erfolg.

Hallo @JohnJ ,

das ist möglich über ein neues Template für die Seiten:

1. Im Code des Themes erstelle im Verzeichnis templates eine neue Datei page.newsletter.liquid. Kopiere den Inhalt der Datei page.liquid in die neu erstellte Datei. Füge anschließend noch

{% section 'newsletter' %}

dazu. Damit wird die Seite über so erweitert, dass der Newsletterblock von der Startseite eingebunden wird. Die dazugehörige Datei ist in dem Verzeichnis Sections.

 

2. Lege eine neue Seite genau da an, wo Du es markiert hast, und wähle das neue Template 'page.newsletter' aus

Screenshot from 2021-02-15 11-10-28.png

Jetzt sollte die neue Seite ungefähr wie folgt aussehen:

Screenshot from 2021-02-15 11-12-23.png

Gruß
Thomas

• War meine Antworthilfreich? Hinterlass bitte ein Like.
• Hat meine Antwort Dein Problem gelöst? Bitte akzeptiere sie als Lösung.

 

• Was my reply helpful? Click Like to let me know!
• Was your question answered? Mark it as an Accepted Solution
• Check out our Price Updater App

Lösung in ursprünglichem Beitrag anzeigen

tewe
Shopify Partner
244 46 102

Erfolg.

Hallo @JohnJ,

das Stylesheet sollte für jede Seite gelten. Entferne einmal .template-index ganz am Anfang, vermutlich funktioniert es dann auf der Homepage und auf der neuen Seite. .template-index ist eine Spezialisierung, die zumindest auf der neuen Seite nicht mehr passt.

Gruß
Thomas

• Was my reply helpful? Click Like to let me know!
• Was your question answered? Mark it as an Accepted Solution
• Check out our Price Updater App

Lösung in ursprünglichem Beitrag anzeigen

8 ANTWORTEN 8

tewe
Shopify Partner
244 46 102

Erfolg.

Hallo @JohnJ ,

das ist möglich über ein neues Template für die Seiten:

1. Im Code des Themes erstelle im Verzeichnis templates eine neue Datei page.newsletter.liquid. Kopiere den Inhalt der Datei page.liquid in die neu erstellte Datei. Füge anschließend noch

{% section 'newsletter' %}

dazu. Damit wird die Seite über so erweitert, dass der Newsletterblock von der Startseite eingebunden wird. Die dazugehörige Datei ist in dem Verzeichnis Sections.

 

2. Lege eine neue Seite genau da an, wo Du es markiert hast, und wähle das neue Template 'page.newsletter' aus

Screenshot from 2021-02-15 11-10-28.png

Jetzt sollte die neue Seite ungefähr wie folgt aussehen:

Screenshot from 2021-02-15 11-12-23.png

Gruß
Thomas

• War meine Antworthilfreich? Hinterlass bitte ein Like.
• Hat meine Antwort Dein Problem gelöst? Bitte akzeptiere sie als Lösung.

 

• Was my reply helpful? Click Like to let me know!
• Was your question answered? Mark it as an Accepted Solution
• Check out our Price Updater App
JohnJ
Forscher
68 1 24

Hallo @tewe ,

danke dir! Hat super funktioniert.
Habe noch eine Frage dazu. Auf meiner Startseite ist die Newsletter Section optisch angepasst. D.h. ein Hintergrundbild eingefügt und die Schriftfarbe geändert. Kannst du mir sagen wo/was ich kopieren muss, um die Eigenschaften der Newsletter Section der Startseite, auf die Newsletter Section auf der neu erstellten Seite zu übertragen?
Danke

tewe
Shopify Partner
244 46 102

Hallo @JohnJ ,

wusste gar nicht, dass man in Brooklyn so einfach ein Bild als Hintergrund des Newsletters einstellen kann. Normalerweise funktioniert das auf Codeebene über

  <div class="newsletter"  style="background-image: url({{'background-image-jpg' | asset_url}}); height: 200px; width: 100%;">

oder über eine CSS-Klasse, siehe https://community.shopify.com/c/Shopify-Design/How-to-add-my-own-custom-background-image/td-p/327450.

Da der Hintergrund nicht mitgewandert ist, ist das Bild auf der Homepage vermutlich an irgend ein anderen Knoten geknüpft (Parent-Node). Um das zu erkennen, müsste ich die Homepage sehen.

Gruß
Thomas

• Was my reply helpful? Click Like to let me know!
• Was your question answered? Mark it as an Accepted Solution
• Check out our Price Updater App
JohnJ
Forscher
68 1 24

@tewe ,

ist wie du sagtest tatsächlich nicht ohne weiteres Möglich gewesen.
Für die optische Anpassung (Hintergrundbild und Textfarbe) habe ich den folgenden Code der theme.scss.liquid hinzugefügt:

 

.template-index .newsletter{
    background-image: url(https://dieURLdesBildes);
    background-size: cover;
    background-repeat: no-repeat;
}

.newsletter .section-header {
    color: #fff !important;
}
.newsletter .section-subheading {
    color: #fff !important;
}

.newsletter .section-header__title {
    color: #fff !important;
}

 

Könnte ich diesen Code einfach der zuvor neu erstellten page.newsletter.liquid hinzufügen?

tewe
Shopify Partner
244 46 102

Erfolg.

Hallo @JohnJ,

das Stylesheet sollte für jede Seite gelten. Entferne einmal .template-index ganz am Anfang, vermutlich funktioniert es dann auf der Homepage und auf der neuen Seite. .template-index ist eine Spezialisierung, die zumindest auf der neuen Seite nicht mehr passt.

Gruß
Thomas

• Was my reply helpful? Click Like to let me know!
• Was your question answered? Mark it as an Accepted Solution
• Check out our Price Updater App
JohnJ
Forscher
68 1 24

Meinst du das hier einfach löschen?

JohnJ_0-1613406631872.png

 

tewe
Shopify Partner
244 46 102

genau.

Gruß

Thomas

 

• Was my reply helpful? Click Like to let me know!
• Was your question answered? Mark it as an Accepted Solution
• Check out our Price Updater App
JohnJ
Forscher
68 1 24

Super! Es funktioniert. Nochmals Danke.