Code in die Startseite einbauen

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:

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

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?

  • 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.

@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:


![loader.svg|60x60](upload://aZpiOQWUH5C8Ne6CAXtRzVH93RY.svg)

{% 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:

Ich hoffe, dass das hilft,
Mario

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

:wink:

… wir haben uns da über’s Kreuz gepostet, @Gabe :wink:

Nee deine Lösung ist sowieso viel sauberer!

1 Like

Hallo @r8r

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

@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

@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.

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

@r8r leider nein. Den Code habe ich hier her:

Unten links kann ich den Code kopieren, quasi dort, wo ich das ganze erstellt habe. Ggf. muss ich mal die Leute dort anschreiben.

@qomplizen

Wie ist das gelaufen?

Ich habe den Code eingebaut, man sieht das Lookbook auch, es sieht aber nicht schön aus. Das Problem ist, dass das Lookbook auf der Linken Seite ist, sodass rechts viel zu viel Platz ist. Ich habe es leider noch nicht hinbekommen, den Textkörper auf die rechte Seite zu bekommen oder das Lookbook wenigstens in die Mitte zu positionieren. Am liebsten wäre mir aber der Text über dem Lookbook auf die rechte Seite zu bekommen:

www.detailvernarrt.de