abbrechen
Suchergebnisse werden angezeigt für 
Stattdessen suchen nach 
Meintest du: 

Code in die Startseite einbauen

qomplizen
Tourist
13 0 3

Hallo zusammen,

über die App Shoppable Fashion Galleries habe ich ein Lookbook erstellt, welches ich gerne in einer Section auf meiner Startseite einbauen möchte. Die App hat eine neue Seite für das Lookbook erstellt, scheinbar kann ich aber auch einen Code einbauen:

 

<div class="shoppable-fashion-galleries sfg-lookbook" id="096ccb8368894bd79ea2b93eea26985f"></div><div class="shoppable-fashion-galleries sfg-lookbook-loader" style="text-align: center;"><img src="https://aura-apps.com/shoppable/engine/loader.svg" class="sfg-loader"></div>

Nun wollte ich fragen, wo im Liquid ich meine Startseite finde, um unter einem bestimmten Abschnitt diesen Code einzubauen. Bis auf das theme.liquid habe ich nichts gefunden. Ich brauche aber den genauen Quellcode, wo auch alle anderen Sectionen hinterlegt sind, die derzeit auf der Startseite sind, damit ich diesen Code für das Lookbook an entsprechender Position einfügen kann.

 

Lieben Dank und liebe Grüße

0 Likes
Gabe
Shopify Staff
Shopify Staff
4407 578 1033

Hey @qomplizen 

Hast du das mit einem Benutzerdefinierten Theme Section probiert? Die App Entwickler können hier bestimmt helfen! 

Hier ist nochmal deren Anleitung. Inwiefern trifft diese Anleitung nicht für deinen Use-Case zu?

image.png

  • Wenn nicht dann diesen Code an der bestimmten Stelle innerhalb der <body> Tags des theme.liquid einpflegen. Aber probiere das doch bitte zuerst in einer Theme-kopie/Testumgebung.

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

0 Likes
r8r
Shopify Expert
1514 170 497

@qomplizen – ich nehme an, dass Du ein Sectioned Theme hast. Hier wird die Startseite von dem "Baukasten"-Customizer zusammengebaut. Wahrscheinlich ist es hier am Saubersten, wenn Du eine eigene Section machst und die dann über den Customizer in die Startseite drag-und-droppst.

1.) Leg eine neue .liquid-Datei unter /sections an – z.B. lookbook.liquid

2.) Ergänze folgenden Code in der Datei:

<div class="shoppable-fashion-galleries sfg-lookbook" id="096ccb8368894bd79ea2b93eea26985f"></div><div class="shoppable-fashion-galleries sfg-lookbook-loader" style="text-align: center;"><img src="https://aura-apps.com/shoppable/engine/loader.svg" class="sfg-loader"></div>
{% schema %}
{
  "name": "Lookbook",
  "class": "index-section index-section--lookbook",
  "settings": [],
  "presets": [{
    "name": "Lookbook",
    "category": "Text"
  }]
}
{% endschema %}

3.) Geh in den Customizer und ergänze die Section, wie gewohnt … Du kannst Sie auch an die Position schieben, wo Du sie benötigst:

Screenshot 2021-07-19 at 16.39.02.jpg

Screenshot 2021-07-19 at 16.38.40.jpg

Ich hoffe, dass das hilft,
Mario

 

Mario Rader [he] ★ If you want to achieve greatness, stop asking for permission. ★ Studio Mitte
• Meine Antwort war hilfreich? Hinterlass bitte ein Like.
• Meine Antwort hat Dein Problem behoben? Bitte akzeptiere sie als Lösung.
• Ich hab dir etwas erspart? Ich freue ich mich immer über eine kleine Aufmerksamkeit
• Ja, ich biete Shopify-Services & -Entwicklung und freue mich von Dir zu hören!
• Bitte teile einen Link zu der Seite, deren Problem Du in deinem Beitrag beschreibst!

• Yes, I provide Shopify-services & -development. Feel free to get in touch!
• Please share a link to the site, which you refer to in your problem description. This incredibly increases the chances of you receiving a useful answer!
• My answer was useful? Please leave a Like.
• My answer solved your issue? Please accept it as the solution.
• I saved you time or money? I'm always happy to receive a little thank you.
0 Likes
Gabe
Shopify Staff
Shopify Staff
4407 578 1033

Wenn wir nicht unsere Experten des neuen Theme Editors hätten!

;)

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

0 Likes
r8r
Shopify Expert
1514 170 497

… wir haben uns da über's Kreuz gepostet, @Gabe ;)

Mario Rader [he] ★ If you want to achieve greatness, stop asking for permission. ★ Studio Mitte
• Meine Antwort war hilfreich? Hinterlass bitte ein Like.
• Meine Antwort hat Dein Problem behoben? Bitte akzeptiere sie als Lösung.
• Ich hab dir etwas erspart? Ich freue ich mich immer über eine kleine Aufmerksamkeit
• Ja, ich biete Shopify-Services & -Entwicklung und freue mich von Dir zu hören!
• Bitte teile einen Link zu der Seite, deren Problem Du in deinem Beitrag beschreibst!

• Yes, I provide Shopify-services & -development. Feel free to get in touch!
• Please share a link to the site, which you refer to in your problem description. This incredibly increases the chances of you receiving a useful answer!
• My answer was useful? Please leave a Like.
• My answer solved your issue? Please accept it as the solution.
• I saved you time or money? I'm always happy to receive a little thank you.
0 Likes
Gabe
Shopify Staff
Shopify Staff
4407 578 1033

Nee deine Lösung ist sowieso viel sauberer!

image.png

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

qomplizen
Tourist
13 0 3

Hallo @r8r 

 

lieben Dank für die Hilfe. Ich habe die Schritte entsprechend befolgt, nur dann steht folgendes:

 

Bildschirmfoto 2021-07-19 um 18.26.08.png

0 Likes
r8r
Shopify Expert
1514 170 497

@qomplizen – ja, das passt auch so – es gibt keine benutzerdefinierten Einstellungen für diese Section. Den Code, kannst Du in der Datei lookbook.liquid pflegen – also alles vor dem {%  schema %} Block kannst Du frei definieren und dort den Code reinpetern, der rausgerendert werden soll!

Liebe Grüße,
Mario

Mario Rader [he] ★ If you want to achieve greatness, stop asking for permission. ★ Studio Mitte
• Meine Antwort war hilfreich? Hinterlass bitte ein Like.
• Meine Antwort hat Dein Problem behoben? Bitte akzeptiere sie als Lösung.
• Ich hab dir etwas erspart? Ich freue ich mich immer über eine kleine Aufmerksamkeit
• Ja, ich biete Shopify-Services & -Entwicklung und freue mich von Dir zu hören!
• Bitte teile einen Link zu der Seite, deren Problem Du in deinem Beitrag beschreibst!

• Yes, I provide Shopify-services & -development. Feel free to get in touch!
• Please share a link to the site, which you refer to in your problem description. This incredibly increases the chances of you receiving a useful answer!
• My answer was useful? Please leave a Like.
• My answer solved your issue? Please accept it as the solution.
• I saved you time or money? I'm always happy to receive a little thank you.
0 Likes
qomplizen
Tourist
13 0 3

@r8r vielen Dank für die Info, das habe ich tatsächlich gemacht. Es kommt nur ein Punkt. Mag sein, dass der Code von irgendwas blockiert wird.

0 Likes
r8r
Shopify Expert
1514 170 497

@qomplizen – ja, so sah es auch bei mir aus. Gibt's zu der Einbindung eine Dokumentation?

Mario Rader [he] ★ If you want to achieve greatness, stop asking for permission. ★ Studio Mitte
• Meine Antwort war hilfreich? Hinterlass bitte ein Like.
• Meine Antwort hat Dein Problem behoben? Bitte akzeptiere sie als Lösung.
• Ich hab dir etwas erspart? Ich freue ich mich immer über eine kleine Aufmerksamkeit
• Ja, ich biete Shopify-Services & -Entwicklung und freue mich von Dir zu hören!
• Bitte teile einen Link zu der Seite, deren Problem Du in deinem Beitrag beschreibst!

• Yes, I provide Shopify-services & -development. Feel free to get in touch!
• Please share a link to the site, which you refer to in your problem description. This incredibly increases the chances of you receiving a useful answer!
• My answer was useful? Please leave a Like.
• My answer solved your issue? Please accept it as the solution.
• I saved you time or money? I'm always happy to receive a little thank you.
0 Likes