Wix Pro Gallery: Das Design auf deiner mobilen Website anpassen

Optimiere, wie deine Pro Gallery auf Mobilgeräten angezeigt wird, ohne die Desktop-Version deiner Website zu beeinträchtigen. Das bedeutet, dass du das Design der Pro Gallery auf deiner mobilen Website so anpassen kannst, dass sie völlig anders aussieht als auf deiner Desktop-Website.

Du kannst die Überlagerung, Texte, den Elementstil und die Scroll-Animationen der Pro Gallery auf Mobile anpassen. Die verfügbaren Anpassungsoptionen hängen vom gewählten Galerie-Layout ab.

Das Design der Wix Pro Gallery auf deiner mobilen Website anzupassen

Klicke im Mobile-Editor auf die Pro Gallery.
Klicke auf Einstellungen.
Klicke auf Design.
Passe deine Galerie mit den verfügbaren Optionen an:

Überlagerung & Symbole

Eine Überlagerung liegt über einem Bild und fügt einen zusätzlichen Effekt hinzu, wenn du mit der Maus über ein Bild fährst. Du kannst diesen Effekt sowie alle vorhandenen Symbole anpassen.

Klicke auf Überlagerung & Symbole.
Wähle zwischen einer vollständigen oder teilweisen Überlagerung und passe sie mit den verfügbaren Optionen an:
- Vollständige Überlagerung: Die Überlagerung deckt das gesamte Galerieelement ab.
  - Farbverlauf: Klicke auf den Schalter, um eine Farbverlauf-Überlagerung zu aktivieren.
    - Farbe & Deckkraft 1 und 2: Klicke auf das entsprechende Farbfeld, um die Farben des Farbverlaufs anzupassen. Ziehe dann den Schieberegler, um die Deckkraft der Farbe anzupassen.
    - Farbverlaufsrichtung: Ziehe den Schieberegler, um die Richtung der Überlagerung des Farbverlaufs anzupassen.
    - Symbolfarbe: Klicke auf das Farbfeld, um die Farbe der Galeriesymbole zu ändern, die bei Mouseover angezeigt werden.
  - Überlagerung - Farbe: Klicke auf das Farbfeld, um eine Farbe auszuwählen. Ziehe dann den Schieberegler, um die Transparenz der Farbüberlagerung zu ändern.
  - Symbolfarbe: Klicke auf das Farbfeld und wähle eine neue Farbe für deine Galeriesymbole aus.
- Teilweise Überlagerung: Die Überlagerung deckt nur einen Teil des Galerieelements ab.
  - Größe festlegen in: Verwalte die Größe deiner Überlagerung in Prozent oder Pixel.
  - Größe: Ziehe den Schieberegler oder gib einen Wert ein, um eine Größe für die Überlagerung auszuwählen.
  - Überlagerung beginnt bei: Wähle aus, wo deine Überlagerung positioniert wird.
  - Abstand: Ziehe den Schieberegler, um den Abstand zwischen dem Galerierand und deiner Überlagerung anzupassen.
  - Farbverlauf: Klicke auf den Schalter, um eine Farbverlauf-Überlagerung zu aktivieren.
    - Farbe & Deckkraft 1 und 2: Klicke auf das entsprechende Farbfeld, um die Farben des Farbverlaufs anzupassen. Ziehe dann den Schieberegler, um die Deckkraft der Farbe anzupassen.
    - Farbverlaufsrichtung: Ziehe den Schieberegler, um die Richtung der Überlagerung des Farbverlaufs anzupassen.
    - Symbolfarbe: Klicke auf das Farbfeld, um die Farbe der Galeriesymbole zu ändern, die bei Mouseover angezeigt werden.
  - Überlagerung - Farbe: Klicke auf das Farbfeld, um eine Farbe auszuwählen. Ziehe dann den Schieberegler, um die Transparenz der Farbüberlagerung zu ändern.
  - Symbolfarbe: Klicke auf das Farbfeld und wähle eine neue Farbe für deine Galeriesymbole aus.
Wähle einen Überlagerungseffekt aus den verfügbaren Optionen aus:
- Ohne Effekt: Die Überlagerung wendet keinen Effekt an.
- Einblenden: Die Überlagerung wird beim Mouseover langsam angezeigt.
- Aufklappen: Die Überlagerung wird beim Mouseover aufgeklappt.
- Hochgleiten: Die Überlagerung gleitet beim Mouseover hoch.
- Rechts gleiten: Die Überlagerung gleitet beim Mouseover nach rechts.

Texte

Du kannst das Design des Titels und des Beschreibungstextes anpassen, sofern du diese beiden Optionen im Tab Design aktiviert hast. Wenn du die Optionen Texte nicht siehst (Schritt 1 unten), öffne den Tab Design, klicke auf Texte und aktiviere die Kontrollkästchen neben Titel und Beschreibung, um sie anzuzeigen.

Hinweis: Die verfügbaren Textdesign-Optionen hängen vom ausgewählten Layout ab.

Klicke auf Texte.
Passe den Text mit den folgenden Optionen an:
- Titel - Stil & Farbe: Wähle die Schriftart und die Farbe für den Titeltext aus.
- Beschreibung - Fontart & Fontfarbe: Wähle die Schriftart und die Farbe für den Beschreibungstext aus.
- Infoposition: Wähle aus, ob deine Galerieinformationen über, unter oder auf deinen Galerieelementen angezeigt werden sollen.
- Was passiert mit der Info beim ersten Tippen?: Wähle, ob deine Info beim ersten Tippen angezeigt, ausgeblendet oder nicht geändert werden soll.
- Horizontale Ausrichtung: Du kannst den horizontalen Text entweder links, mittig oder rechts ausrichten.
- Vertikale Ausrichtung: Du kannst den vertikalen Text entweder links, mittig oder rechts ausrichten.

Hinweise:

Wenn der Titel oder die Beschreibung auf Mobilgeräten abgeschnitten ist, verringere die Schriftgröße, passe die Galeriebilder im Layout-Panel an, damit sie größer zu sind.
Die horizontalen und vertikalen Abstandseinstellungen des Textes können dazu führen, dass der Text auf Mobilgeräten abgeschnitten wird. Diese Einstellungen werden vom Desktop übernommen. Um diese Einstellungen anzupassen, öffne die Desktop-Version deiner Website und ändere die Einstellungen für den Textabstand Im Tab Text im Design-Panel.
Der Mouseover-Effekt für Titel und Beschreibungen in der Pro Gallery funktioniert in der Mobile-Ansicht nicht. Wenn du diesen Effekt aktiviert hast, müssen Besucher, die deine Galerie von einem mobilen Gerät aus betrachten, einmal tippen, um den Text zu sehen, und ein zweites Mal tippen, um das vollständige Bild oder den Link zu öffnen. Um sicherzustellen, dass Bilder beim ersten Antippen geöffnet werden, folge den Anweisungen hier.

Design

Buttons

Scroll-Animationen

Detailansicht

Dieser Abschnitt wird angezeigt, wenn du im Einstellungsbereich der Pro Gallery unter Aktion beim Anklicken die Option „Detailansicht“ gewählt hast. Hier kannst du die Detailansicht deiner Galerie so anpassen, dass sie mit dem Design und der Marke deiner Website übereinstimmt.

Klicke auf Detailansicht.
Klicke auf Detailansicht anpassen und passe die Detailansicht der Galerie mit den folgenden Optionen an:
- Info, die angezeigt werden soll Wähle aus, ob ein Titel, eine Beschreibung und/oder ein Link angezeigt werden soll.
- AusrichtungWähle, wo du die Informationen positionieren möchtest:
  - Seite: Die Informationen werden rechts neben dem Galerieelement angezeigt.
  - Unten: Die Informationen erscheinen unterhalb des Galerieelements.
- Wann soll sie angezeigt werden?Wähle, wann die Informationen angezeigt werden:
  - Immer: Die Informationen werden immer angezeigt.
  - Beim Klicken auf das Info-Symbol: Die Informationen werden nur angezeigt, wenn ein Besucher auf das Info-Symbol in der oberen linken Ecke der Detailansicht klickt.
- Vollbildmodus erlauben: Wähle aus, ob die Besucher die Möglichkeit haben sollen, Galerieelemente im Vollbildmodus zu betrachten.
- Hintergrundfarbe: Klicke auf das Farbfeld, um die Hintergrundfarbe für die Detailansicht zu wählen. Wähle aus deinen Website-Farben oder füge eine Farbe hinzu.
- Symbolfarbe: Klicke auf das Farbfeld, um eine Farbe für die Symbole in der Detailansicht zu wählen. Wähle aus deinen Website-Farben oder füge eine Farbe hinzu.
- Titelstil:
  - Klicke auf das Aufklappmenü, um die Schriftart, den Stil und die Schriftgröße auszuwählen.
  - Klicke auf das Farbfeld, um die Schriftfarbe des Titels zu ändern.
- Beschreibungsstil:
  - Klicke auf das Aufklappmenü, um die Schriftart, den Stil und die Schriftgröße auszuwählen.
  - Klicke auf das Farbfeld, um die Schriftfarbe der Beschreibung zu ändern.
- Textausrichtung: Wähle die Textausrichtung: links, zentriert oder rechts.

Hast du Probleme mit der Pro Gallery auf Mobilgeräten?

Sieh dir unseren Leitfaden zur Fehlerbehebung für die Pro Gallery auf dem Mobilgeräten an und erfahre mehr über die Lösungen für die häufigsten Probleme.

Das Design der Wix Pro Gallery auf deiner mobilen Website anzupassen

War das hilfreich?