Wenn dieses Tutorial ist nicht genau was Sie suchen und Sie noch Fragen oder Vorschläge haben – lassen Sie uns wissen. Helfen Sie uns bitte um besser zu dienen!

Ihr Name

Emailadresse

Ihre Nachricht (benötigt)

captcha

Ausgewählte Vorlagen

Shopify. Wie man ein Seitenlayout erstellt

Von diesem Tutorial erfahren Sie, wie man ein Seitenlayout in Shopify erstellt.

Shopify. Wie man ein Seitenlayout erstellt

  1. Loggen Sie sich ins Shopify Control Panel ein und finden Sie den Tab Online-Shop -> Themes (Online Store -> Themes).

  2. Drücken Sie auf drei Punkte und wählen Sie den Parameter HTML/CSS bearbeiten (Edit HTML/CSS):

    Shopify_How_to_create_a_page_template_1

  3. Finden Sie den Ordner Vorlagen (Templates) und drücken Sie auf den Link Neue Vorlage hinzufügen (Add a new template):

    Shopify_How_to_create_a_page_template_2

  4. Lassen Sie uns ein neues Layout für die Seite Kontakte (Contacts) erstellen. Wählen Sie den Parameter Seite aus der DropDown Liste aus und geben Sie einen Titel für die neue Vorlage (zum Beispiel, contact.alternate) ein. Sie können auch andere Werte, die für die neue Vorlage verfügbar sind, (Beitrag, Blog, Produkt usw.) wählen.

  5. Drücken Sie auf den Button Vorlage erstellen (Create template), um ein neues Seitenlayout zu erstellen:

    Shopify_How_to_create_a_page_template_3

  6. Nachdem Sie die neue Seitenlayout erstellt haben, sehen Sie es im Ordner Vorlagen (Templates) und können an es gewünschte Änderungen vornehmen. In unserem Fall ist es die Datei page.contact.alternate.liquid.

  7. Nachdem Sie die neue Vorlage erstellt haben, sehen Sie sie in der Datei Standardcode. Sie können an ihr gewünschte Änderungen vornehmen. Lassen Sie uns, zum Beispiel, die Datei page.contact.liquid öffnen und ihren Inhalt in unser neues Seitenlayout kopieren, um die Änderungen an ihr vorzunehmen.

    Lassen Sie uns, zum Beispiel, den Code der Google Karte aus der Vorlage entfernen. Drücken Sie auf den Button Speichern (Save) oben, um die Änderungen zu speichern:

    Shopify_How_to_create_a_page_template_4

  8. Sie sollen jetzt die neue Vorlage mit einer Seite (in unserem Fall ist es die Seite Kontakte (Contact Us)) verbinden. Finden Sie den Tab Online-Shop -> Seiten (Online Store -> Pages) und öffnen Sie die Seite Kontakte (Contact Us):

    Shopify_How_to_create_a_page_template_5

  9. Finden Sie den Bereich Vorlage (Template) rechts. Wählen Sie einen neuen Titel für die Vorlage aus der DropDwon Liste (in unserem Fall ist es die Vorlage page.contact.alternate) aus.

  10. Drücken Sie auf den Button Speichern (Save), um die Änderungen zu speichern:

    Shopify_How_to_create_a_page_template_6

  11. Aktualisieren Sie Ihre Website, um sich die Änderungen anzuschauen. Die Seite Kontakte hat jetzt das neue Layout. Sie können die Vorlagendatei nach Ihren Bedürfnissen weiter ändern.

Sie können jetzt selbst das Seitenlayout in Shopify erstellen.

Sie können auch das ausführliche Video-Tutorial nutzen:

Shopify. Wie man ein Seitenlayout erstellt

 
Online-Chat
We help you to choose the right product.
Chat starten