So erstellen Sie ein 5-Spalten-Raster mit Zeilen- oder Karussell-Element

Warum sollten Sie auf Ihrer Seite ein 5-Spalten-Raster erstellen?

Ein klares und ansprechendes Layout ist entscheidend für die Präsentation von Produkten und die Steigerung der Conversions.

Das 5-Spalten-Raster bietet Ihnen mehr Flexibilität, insbesondere wenn Sie Folgendes möchten:

• Maximieren Sie die Produktsichtbarkeit: Zeigen Sie mehrere Produkte, Funktionen oder Kategorien in einer einzigen Zeile an, um einen umfassenderen Überblick zu erhalten.
• Verbessern Sie die Benutzererfahrung: Ermöglichen Sie Kunden, mehrere Artikel gleichzeitig anzuzeigen, und helfen Sie ihnen so, schnellere Kaufentscheidungen zu treffen.

Mit dem neuesten Update in GemPages v7können Sie jetzt einfacher und mit besseren Anpassungsoptionen ein 5-Spalten-Raster einrichten.

Wie erstelle ich ein 5-Spalten-Raster in GemPages?

In GemPages v7 ist es einfach, ein 5-Spalten-Rasterlayout auf Ihrer Seite zu entwerfen, indem Sie das Reihe Element oder unter der Karussell Element.

Zuerst müssen Sie den Editor suchen:

• Navigieren Sie in Ihrem Shopify-Adminbereich zu GemPages-Ersteller App unter der Apps .
• Zurück Nach Seiten, wo Sie alle Ihre mit GemPages erstellten Seiten finden.
• Klicken Sie auf die Zielseite, um den Editor zu öffnen.

Wenn Sie lieber eine neue Vorlage entwerfen möchten, klicken Sie auf Neue Seite erstellen.

Beziehen auf Dieser Artikel für weitere Anweisungen zum Erstellen einer neuen Seite mit GemPages.

Methode 1: Verwenden Sie das Zeilenelement

Befolgen Sie diese Schritte, um das 5-Spalten-Rasterlayout mit dem Zeilenelement von GemPages zu erstellen.

Schritt 1: Ziehen Sie aus der linken Seitenleiste per Drag & Drop die Zeilenelement an jede beliebige Position auf Ihrer Seite.

Schritt 2: Klicken Sie auf das Element, um dessen Einstellungsfenster zu öffnen. Unter dem Layout Wählen Sie im Abschnitt das 5-Spalten-Layout aus.

Schritt 3: Passen Sie das Layout Ihren Wünschen an. Sie können:

• Legen Sie in jeder Spalte ein Element ab
• Passen Sie den Spaltenabstand an
• Ändern der Rasterhintergrundfarbe
• Ändern Sie die Form des Elements

Tipps: Verwenden Sie für Ihre Produkte einheitliche Produktbildgrößen, um das 5-Spalten-Raster optisch ausgewogen zu halten.

Methode 2: Verwenden Sie das Karussell-Element

Während die Zeilenelement ist unkompliziert, stellt aber möglicherweise nicht immer die effizienteste Lösung dar, insbesondere auf Mobilgeräten, wo ein 5-Spalten-Raster zu viel vertikalen Platz beanspruchen kann.

Das Karussell-Element bietet eine dynamischere und platzsparendere Möglichkeit zur Produktpräsentation. So richten Sie es ein:

Schritt 1: Ziehen Sie die Karussell-Element auf Ihrer Seite, wo das Raster erscheinen soll.

Schritt 2: Unter dem Elemente pro Folie Wählen Sie im Abschnitt das 5-Elemente-Raster aus.

Schritt 3: Gestalten Sie nun das 5-Spalten-Rasterkarussell so, dass es zu Ihrem Branding passt.

Sie können auch aktivieren Autoplay, Navigationspfeileden Wischgesten für ein reibungsloseres Surferlebnis auf Mobilgeräten.

Häufig gestellte Fragen

1. Kann ich mehr als 5 Spalten erstellen (z. B. 6 oder 7)?

Derzeit unterstützt GemPages bis 6 Spalten im Zeilenelement. Für Layouts, die mehr Elemente erfordern, ist das Karussellelement die empfohlene Option.

2. Ist das 5-Spalten-Raster auf Mobilgeräten reaktionsfähig?

Ja. Das Layout passt sich auf mobilen Geräten automatisch an. Zur besseren Lesbarkeit können jedoch je nach Bildschirmgröße weniger Elemente (z. B. 2–3 Spalten) pro Zeile angezeigt werden.

3. Welches Element sollte ich verwenden: Zeile oder Karussell?

Für ein statisches 5-Spalten-Layout eignet sich das Zeilenelement. Für ein platzsparendes, scrollbares Design (ideal für Mobilgeräte) ist das Karussellelement die bessere Wahl.

4. Kann ich verschiedene Elemente innerhalb des 5-Spalten-Rasters mischen?

Ja. Sie können Produktelemente, Bilder oder andere Elemente in jede Spalte einfügen.