Produkt Mehr anzeigen Element

Was ist das Element „Mehr anzeigen“ für Produkte?

Die Produktelement „Weitere Elemente anzeigen“ in GemPages ist eine dynamische Schaltfläche, die Besucher auf eine Produktdetailseite weiterleitet.

Es wird typischerweise in einem Product List or Kollektion Abschnitt, in dem mehrere Produkte mit nur grundlegenden Informationen wie Bildern und Titeln angezeigt werden.

Durch das Hinzufügen einer Schaltfläche „Mehr anzeigen“ geben Sie Käufern eine klare Möglichkeit, alle Details eines Produkts anzuzeigen. Dies regt zu einer eingehenderen Untersuchung an und erhöht die Wahrscheinlichkeit eines Kaufs.

Stellen Sie sich beispielsweise ein Produktraster vor, das Produkte präsentiert. Jede Produktkarte zeigt möglicherweise nur Bild, Titel und Preis. Durch Hinzufügen der Schaltfläche „Mehr anzeigen“ können Kunden direkt auf die vollständige Produktdetailseite klicken.

Wie fügen Sie Ihrer Seite das Element „Mehr anzeigen“ für Produkte hinzu?

Führen Sie die folgenden Schritte aus, um es Ihrer Seite hinzuzufügen:

Schritt 1:  Verwenden Sie die Suchleiste, um dieses Element zu finden, und ziehen Sie es dann per Drag & Drop an die gewünschte Position.

Wenn Sie beispielsweise eine Sammlungsseite erstellen, können Sie die Schaltfläche unter jeder Produktkarte in Ihrem Product List.

Schritt 2: Klicken Sie nach dem Hinzufügen auf die Schaltfläche „Mehr anzeigen“, um das Einstellungsfeld in der linken Seitenleiste. Sie sehen zwei verfügbare Registerkarten: Einstellungen und Erweitert.

Konfigurieren der Registerkarte „Einstellungen“

1. Produktquelle

Zeigt an, zu welchem ​​Produkt das Element Informationen anzeigt.

Die Schaltfläche ruft automatisch Produktdaten aus Ihrem Shopify-AdministratorStellen Sie sicher, dass die erforderlichen Produktinformationen (Titel, Beschreibung, Preis usw.) bereits in Ihrem Shopify-Shop eingerichtet sind.

2. Größe

Sie können die einstellen Breite, Höheund Polsterung der Schaltfläche. Diese Werte werden in Pixeln definiert und ermöglichen Ihnen die Steuerung, wie groß oder kompakt die Schaltfläche aussieht.

3. Hintergrund

Wählen Sie zwischen a Farbe und ein Bildhintergrund für die Schaltfläche. 

4. Shape

Dieser Abschnitt steuert den Gesamtstil der Schaltfläche:

• Grenze: Definieren Sie die Rahmenstärke und den Stil.
• CORNER: Passen Sie den Eckenradius an.
• Shadow: Fügen Sie mit einem Schaltflächenschatten Tiefe hinzu.

5. Icon

Sie können der Schaltfläche ein Symbol hinzufügen oder nur Text belassen. 

Wenn Sie eines hinzufügen möchten:

• Icon: Wählen Sie aus den integrierten Symbolen von GemPages oder laden Sie Ihr eigenes benutzerdefiniertes Symbol hoch.
• Position: Entscheiden Sie, ob das Symbol auf der linken oder rechten Seite des Textes angezeigt wird.
• Lücke: Passen Sie den Abstand zwischen Text und Symbol an. Sie können einen Wert manuell festlegen oder den Schieberegler verwenden.

6. Text

Unter dem Text Aktivieren Sie den Abschnitt, um die Konfigurationen des Volltexts zu erweitern, einschließlich:

• Design: Wählen Sie aus sechs im Editor vordefinierten Überschriftenstilen oder drei Absatzstilen.
• Schriftart: Wählen Sie eine Schriftart aus der Bibliothek oder Laden Sie Ihre eigene benutzerdefinierte Schriftart hoch.
• Größe: Legen Sie die Schriftgröße in Pixeln fest.
• Farbe,: Wählen Sie eine Textfarbe, die zu Ihrem Design passt.
• Font Gewicht: Passen Sie an, wie fett der Text angezeigt wird.
• Linienhöhe: Definieren Sie den vertikalen Abstand zwischen den Textzeilen.
• Buchstaben-Abstand: Passen Sie den Abstand zwischen einzelnen Buchstaben an.
• Transformieren: Wenden Sie Texttransformationen wie Großbuchstaben, Kleinbuchstaben oder Großbuchstaben an.
• Shadow: Fügen Sie dem Text zur Hervorhebung einen Schatten hinzu.

7. Bewirken

• Schweben: Definieren Sie, wie sich die Schaltfläche ändert, wenn Sie mit der Maus darüber fahren. Sie können die Hintergrundfarbe, Textfarbe, den Rahmen, die Ecken und den Schatten für den Hover-Effekt anpassen.

8. Weiterleitung zu

• Neue Registerkarte: Wählen Sie, ob die Produktdetailseite in einem neuen Browser-Tab geöffnet wird (Ja) oder die aktuelle Registerkarte (Nein).

9. Ausrichten

Richten Sie den Button in seinem Container aus. Sie können ihn auf die links, Zentrumden Recht.

Konfigurieren der Registerkarte „Erweitert“

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