Du hast verschiedene Möglichkeiten, dein Cart-Builder-Bestellformular zu optimieren für die Verwendung auf Mobilgeräten wie Smartphone und Tablets.
Komponenten ein- und ausblenden
Eine einfache Methode, Inhalte auf Mobilgeräten schlank zu halten, ist das Ein- und Ausblenden von Komponenten. Dafür fügst du jede Komponente zweimal ein und optimierst sie jeweils für die Desktop- und die Mobile-Ansicht. Je nach Bildschirmtyp werden nur die entsprechenden Inhalte angezeigt und die anderen ausgeblendet.
-
Füge eine Komponente in dein Cart-Builder-Bestellformular ein.
-
Klicke auf das Duplizieren-Icon der Komponente , um eine Kopie der Komponente darunter einzufügen.
-
Konfiguriere die beiden Komponenten so, dass eine nur auf Desktop-Geräten angezeigt wird und die andere nur auf Mobilgeräten. Siehe dafür Seitenbestandteile ein- und ausblenden.
-
Optimiere die Komponenten für die jeweilige Ansicht. Für die Mobile-Ansicht nutze die unten stehenden Möglichkeiten.
-
Wiederhole dies für alle Komponenten deines Bestellformulars.
Produktbilder ausblenden
In der Komponente Produktliste findest du die Checkbox Produktbilder auf Mobilgeräten ausblenden. Aktiviere die Checkbox, damit auf Mobilgeräten keine Produktbilder angezeigt werden. So wird der Platz auf kleinen Bildschirmen besser genutzt, um Texte anzuzeigen.
Schriftgröße anpassen
In Komponenten, in denen du die Schriftgröße festlegen kannst, kannst du zusätzlich die Schriftgröße auf Mobilgeräten festlegen.
-
Klicke in der Kopfleiste des Cart Builders auf das Mobile-Icon , um die Mobile-Ansicht zu aktivieren. So kannst du Änderungen direkt sehen.
-
Klicke auf das Zahnrad-Icon einer eingefügten Komponente. Die Seitenleiste für Einstellungen wird angezeigt.
-
Wenn von der Komponente unterstützt, gibt es die Felder Schriftgröße Überschriften - Mobil und/oder Schriftgröße - Mobil.
-
Um die Einstellung zu aktivieren, klicke darunter auf den blauen Button Mobile Schriftgröße bearbeiten. Ein Schieberegler oder eine Auswahlliste für feste Werte wird angezeigt.
-
Um die Einstellung zu deaktivieren, klicke links neben dem Schieberegler bzw. der Auswahlliste auf den roten Button. Der blaue Button wird wieder angezeigt.
Wenn die Einstellung deaktiviert ist, werden auf Mobilgeräten die Schriftgrößenwerte der Desktopansicht angewendet.
-