Sammlungsbannerelement

Was ist das Sammlungsbanner-Element?

Das Sammlungsbannerelement in GemPages ist ein Element, das es Ihnen ermöglicht, Zeigen Sie oben auf Ihren Sammlungsseiten ein benutzerdefiniertes Banner an.

Wie fügen Sie das Sammlungsbanner zu Ihrer Seite hinzu?

Wichtig: Das Sammlungs-Banner-Element kann nur auf Sammlungsseiten verwendet werden.

Um das Newsletter-Element zu Ihrer Seite hinzuzufügen, können Sie die folgenden Schritte ausführen:

Schritt 1: Besuchen Sie das GemPages Dashboard > Seiten > Kollektion, und klicken Sie dann auf die Seite Ihrer Zielsammlung, um den Editor zu finden.

Schritt 2: Suchen Sie in der linken Seitenleiste nach dem "Sammlungsbanner" und ziehen Sie es per Drag & Drop an die gewünschte Position auf Ihrer Seite.

Das Bild wird basierend auf den Einstellungen in Shopify automatisch angezeigt.

Schritt 3: Klicken Sie auf das Element, um seine Einstellungen für weitere Anpassungen zu öffnen.

Konfigurieren der Registerkarte „Einstellungen“

Das Sammlungsbannerelement bietet mehrere Anpassungsoptionen, mit denen Sie das perfekte Banner für Ihre Sammlungsseiten entwerfen können:

Layout

Wählen Sie einen Layoutstil für den Inhalt des Banners aus. 

Spaltenbreite

Steuern Sie die Inhaltsanordnung auf dem Sammlungsbanner innerhalb der Spaltenbreite Abschnitt:

• Wechselverhältnis: Legen Sie aus Konsistenzgründen ein bestimmtes Spaltenverhältnis fest.
• Zum Inhalt passen: Passt die Spaltenbreite automatisch an den Inhalt an.

Spaltenverwaltung

Verwalten Sie die Anzahl Ihrer Spalten in diesem Abschnitt. Von hier aus können Sie Duplikat die aktuelle Spalte, löschen eins, oder neu ordnen die Position der Spalten.

Spaltenabstand

Passen Sie den Abstand zwischen den Spalten an, indem Sie eine bestimmte Zahl eingeben oder den Schieberegler ziehen.

Sammlungsbild

Bild:

Das Bannerbild ist direkt aus Ihren Shopify-Sammlungseinstellungen abgerufenWenn Sie das Bannerbild ändern möchten, müssen Sie es in Shopify aktualisieren.

Sie können jedoch die Einstellungen des Sammlungsbilds im GemPages-Editor ändern, einschließlich:

• Skalieren: Sie können wählen zwischen Cover (damit das Bild die gesamte Bannerfläche abdeckt) oder Enthalten (um sicherzustellen, dass das gesamte Bild ohne Dehnung sichtbar ist).
• Position: Sie können die Position des Bildes innerhalb des Banners anpassen.
• Wiederholen: Legen Sie fest, ob das Bild im Hintergrund wiederholt werden soll.
• Anhang: Steuert das Bildverhalten: Scrollen bewegt sich mit der Seite, Behoben bleibt stationär und Local scrollt innerhalb seines Containers.

Überlagerung:

Fügen Sie eine halbtransparente Ebene über das Sammlungsbannerbild hinzu, um die Lesbarkeit des Textes zu verbessern oder eine bestimmte visuelle Stimmung zu erzeugen. Dies ist besonders nützlich, wenn Ihr Banner sowohl helle als auch dunkle Bereiche enthält, die die Sichtbarkeit des darüberliegenden Textes beeinträchtigen könnten.

• Farbe,: Wählen Sie eine Farbe für die Überlagerung, die dem Banner einen visuellen Effekt verleihen kann.
• Deckkraft: Passen Sie die Deckkraft der Überlagerung an, um sie je nach Ihren Designvorlieben subtiler oder auffälliger zu gestalten.

Größe

• Höhe an Inhalt anpassen = Ja: Die Höhe des Banners wird automatisch an den Inhalt angepasst.
• Höhe an Inhalt anpassen = Nein: Sie können manuell eine feste Bannerhöhe (in Pixeln) festlegen, unabhängig vom Inhalt.

Ergebnisse

Hover-Effekt: Sie können einen Hover-Effekt auf das Sammlungsbanner anwenden. Die Optionen umfassen Keine Präsentation or Zoom.

Wenn Sie den Zoomeffekt auswählen, können Sie weitere Anpassungen vornehmen:

• Zoomwert: Steuern Sie den Zoomgrad beim Hovern.
• Zoom-Zeit: Dauer des Zoomeffekts einstellen.

Spalte ausrichten

Legen Sie die vertikale Ausrichtung für das Element fest, einschließlich:

• Oben ausrichten
• Im Zentrum anordnen
• Schaltfläche „Ausrichten“
• Vertikalen Abstand verteilen

Konfigurieren der Registerkarte „Erweitert“

Für erweiterte Anpassungen navigieren Sie bitte zur Registerkarte „Erweitert“ und folgen Sie den Anweisungen in Dieser Artikel.

Wie ändere ich das Sammlungsbanner?

Um das Sammlungsbanner zu ändern, müssen Sie es in Shopify aktualisieren. 

Hier ist eine Kurzanleitung:

Schritt 1:: Gehen Sie in Ihrem Shopify-Adminbereich zu Produkte > Kollektionen.

Schritt 2:: Wählen Sie die Sammlung aus, für die Sie das Banner aktualisieren möchten.

Schritt 3:Gehen Sie auf Bild, klicken Bearbeiten > Bild ändern , um das Bannerbild zu ändern, und klicken Sie dann auf Gespeichert.

Schritt 4: Gehen Sie zurück zum GemPages-Editor. Klicken Sie in der oberen Leiste auf das Zugewiesene Sammlung Schaltfläche, um den Dialog zu öffnen.

Klicken Sie auf Erneut synchronisieren, und das Sammlungsbanner wird aktualisiert.