So erstellen Sie mit GemPages V7 einen Shopify-Slider auf Mobilgeräten

So erstellen Sie einen Slider auf Mobilgeräten

GemPages hat Responsive Design Integriert. Das bedeutet, dass beim Hinzufügen eines Sliders auf Mobilgeräten automatisch das passende Design für Mobilgeräte angezeigt wird. GemPages empfiehlt Nutzern stets, zuerst auf dem Desktop zu designen und dann zur mobilen Ansicht zu wechseln, um die erforderlichen Anpassungen vorzunehmen.

Option 1: Erstellen Sie einen Shopify-Slider mit dem Karussell-Element

Mit dieser Option können Sie für fast jedes Element einen Shopify-Schieberegler erstellen.

Schritt 1: Öffnen Sie die Seite, auf der Sie den Schieberegler hinzufügen möchten.
Schritt 2: Finden Sie die Karussell Element und ziehen Sie es auf Ihre Seite.

Schritt 3: Klicken Sie auf das Karussell, um dessen Einstellungen zu öffnen. Für jede Folie können Sie verschiedene Elemente hinzufügen, wie zum Beispiel:

• Hero-Banner: Ideal für Werbeinhalte mit Bildern, Überschriften und Call-to-Action-Buttons.
• Produktmodule: Zeigen Sie einzelne Produkte mit Bildern, Titeln und Preisen an.
• Bilder oder Textblöcke: Für benutzerdefinierte Inhalte oder Testimonials.

Usw,.

Passen Sie den Inhalt jeder Folie Ihren Anforderungen an.

Schritt 4: Wählen Sie das Karussell aus und gehen Sie zu Einstellungen Sie können Folgendes anpassen:

• Anzahl der Elemente: Wie viele Elemente pro Folie angezeigt werden sollen (bis zu 12).
• Abstand: Abstand zwischen Elementen.
• Vorschau: Aktivieren Sie diese Option, um die nächste Folie teilweise anzuzeigen.
• Navigationssteuerung: Aktivieren Sie Pfeile oder Punkte zur manuellen Steuerung.
• Autoplay: Legen Sie automatische Folienübergänge fest.

Weitere Informationen zu Karusselleinstellungen finden Sie im Karussell-Element.
Eine visuelle Anleitung zum Erstellen von Diashows mit den Elementen „Karussell“ und „Hero-Banner“ finden Sie möglicherweise im folgenden Tutorial hilfreich:

Schritt 5: Wechseln Sie zu Mobile Ansicht Im Editor können Sie den Slider auf kleineren Bildschirmen in der Vorschau anzeigen. Passen Sie Text, Bilder und Schaltflächen nach Bedarf an.

Option 2: Erstellen Sie einen Shopify Slider mit Produktlistenelement

Wenn Sie nur einen Slider für Produktbilder wünschen, verwenden Sie den Produktbildliste Element.

Schritt 1: Öffnen Sie die zu bearbeitende Seite, suchen Sie Product List Element und ziehen Sie es dann per Drag & Drop auf Ihre Seite.

Schritt 2: Wählen Sie die Produktbildliste aus, gehen Sie zu Einstellungen Registerkarte finden Layout Abschnitt, und wählen Sie Slider.

Schritt 3: Passen Sie die Schieberegleroptionen wie Anzahl der Bilder, Navigationssteuerung und Abstand an.

Weitere Informationen finden Sie im Produktlistenelement.

Wie erstelle ich einen Slider nur für Mobilgeräte?

Wenn Sie einen Schieberegler wünschen, der anzeigt nur auf mobilen Geräten, benutzen Sie Sichtbarkeitseinstellungen von GemPages:

Schritt 1: Wählen Sie den Schieberegler aus, den Sie auf dem Desktop ausblenden möchten.
Schritt 2: Gehen Sie zur Erweitert dann Registerkarte Anzeige einund umschalten WOW! die Desktop-Ansicht.

Dadurch wird der Schieberegler nur auf Mobilgeräten sichtbar.