Logo-Bereich

Es handelt sich um einen speziellen Abschnitt, in dem Sie eine Reihe von Logos und relevanten Text anzeigen können, indem Sie Elemente zur Liste hinzufügen.

Idealerweise können Sie diesen Abschnitt im Pre-Footer Ihrer Website verwenden, um Ihre Partner, Marken, Auszeichnungen und Anerkennungen usw. anzuzeigen.

Logo-Bereich hinzufügen

Um einen Abschnitt hinzuzufügen, müssen Sie Folgendes tun eine Seite hinzufügen zuerst auf Ihre Website.
Auf deiner Seite, Klicken Sie auf blau + Symbol um einen neuen Abschnitt hinzuzufügen.

Sie sehen jetzt die Abschnitt Kategorien auf der linken Seite.
Blättern Sie zu Logo- und Markenanpassung (1) Abschnitt und klicken Sie darauf. Es öffnet sich ein Bildschirm, auf dem Sie aus verschiedenen Optionen auswählen können Layouts (2) des Logo-Bereichs.

Wählen Sie ein beliebiges Abschnittslayout und klicken Sie darauf, um es Ihrer Seite hinzuzufügen.

Abschnitt „Logo bearbeiten“

Nachdem Sie den Abschnitt hinzugefügt haben:

Klicken Sie auf Logo bearbeiten (1) Schaltfläche, um die Einstellungen des Abschnitts zu öffnen.

Listenelemente hinzufügen und bearbeiten

Fügen Sie ein Listenelement hinzu

Klicken Sie auf Artikel hinzufügen (1) Schaltfläche zum Hinzufügen eines neuen Elements zur Liste.
Duplikat or Löschen (2) die Listenelemente.
Bearbeiten Sie das Abschnittsüberschrift (3) des Abschnitts.

Listenelement bearbeiten

Klicken Sie auf das Listenelement, das Sie bearbeiten möchten. Dadurch werden die Bearbeitungsoptionen für das jeweilige Listenelement geöffnet. Von hier aus können Sie:

Primäres und sekundäres Bild hochladen / entfernen (1)
Sie können eine hochladen Sekundärbild zusammen mit dem Primäres Bild für jedes Listenelement. Wenn ein Benutzer mit der Maus über das Element fährt, wird das sekundäre Bild angezeigt und ersetzt das primäre Bild. Darüber hinaus können Sie die Bildakzentfarbe, das beim Hovern über das Bild angezeigt wird.
Hinzufügen Titel (2), Untertitel (3), und Beschreibung (4) des Listenelements.
Je nach gewähltem Layout finden Sie möglicherweise die Option für Untertitel und Beschreibung bei bestimmten Listenelementen nicht.

Hinweis

Bevor Sie die Beschreibung hinzufügen, lesen Sie bitte diesen Artikel.

5. Aktion beim Klicken – Titel und Bild

Sie können das Klickverhalten einzelner Elemente im Logo- Bereich anpassen. Nachfolgend finden Sie die verfügbaren Optionen:

Gehe zu einem Link
Wenn Sie diese Option auswählen, öffnet sich das Link-Builder, sodass Sie diesem Element einen Hyperlink hinzufügen können. Der Link kann Benutzer auf eine andere Seite Ihrer Website oder eine externe URL weiterleiten. WEITERE INFORMATIONEN Über Uns Link-Builder.
In Lightbox öffnen
Diese Option zeigt den Artikel vergrößert an. Lightbox angezeigt, wenn angeklickt wird. In diesem Modus wird das Untertitel und Beschreibung Mit dem Element verknüpfte Elemente werden nicht in der Rasteransicht angezeigt, sind aber im Lightbox-Modus sichtbar.
Keine Aktion
Wählen Sie diese Option, um das Element nicht anklickbar zu machen. Wenn diese Option ausgewählt ist, wird beim Anklicken des Elements keine Aktion ausgelöst.

6. Link in neuem Fenster öffnen: Legen Sie fest, ob der Link in einem neuen Tab oder im selben Tab geöffnet werden soll. Diese Option ist nur sichtbar, wenn im Menü „Aktion beim Klicken“ die Option „Zu einem Link springen“ ausgewählt ist.

7. Schaltflächen & Links: Fügen Sie dem Listenelement beliebige Links hinzu . Sie können Schaltflächen, Bildlinks, Social-Media-Symbole oder Textlinks hinzufügen. Weitere Informationen.

8. Kartenstil-Überschreibung

Sie können die globalen Kartenstileinstellungen in den Stileinstellungen des Abschnitts überschreiben und die Karte jedes Artikels im Preisbereich individuell anpassen. Dadurch können Sie verschiedenen Listenelementen unterschiedliche Stile zuweisen und so eine bessere Anpassung ermöglichen.

Erfahren Sie mehr über die Kartenoption im dynamischen Bereich.

9. Formstil überschreiben

Mit der Option „Überschreiben“ können Sie jedem Bild im Logo-Bereich individuell eine andere Form zuweisen und so den visuellen Stil jedes Elements präziser steuern. Erfahren Sie mehr über Formmasken.

10. Speichern: Nachdem Sie die Anpassungen vorgenommen haben, speichern Sie die Änderungen.

Reihenfolge der Listenelemente

Sie können die Reihenfolge der Listenelemente ganz einfach per Drag & Drop ändern . Sehen Sie hier, wie die Logo-Elemente in der Liste angeordnet werden:

Elemente des Logobereichs verwalten

Der Logo-Bereich enthält einen Reiter „Elemente“ , mit dem Sie die Sichtbarkeit verschiedener Elemente innerhalb des Bereichs einfach verwalten können. Mithilfe einfacher Schalter können Sie bestimmte Elemente aktivieren oder deaktivieren, ohne die Elemente selbst löschen oder bearbeiten zu müssen.

Klicken Sie auf Logo bearbeiten (1) Taste.

Wähle die Elements Serie. (2) Registerkarte.
Nachdem Sie die Änderungen vorgenommen haben, klicken Sie auf Gespeichert (3) Taste.

Überschrift anzeigen: Aktivieren oder deaktivieren Sie die Sichtbarkeit der Überschrift für den Abschnitt „Logo“.
Schaltflächen anzeigen: Steuern Sie, ob Schaltflächen auf Abschnittsebene angezeigt werden.

Artikeloptionen

Bild anzeigen: Sichtbarkeit der Bilder umschalten.
Zeige Titel: Steuert, ob der Titel angezeigt wird.
Untertitel anzeigen: Untertitel aktivieren oder deaktivieren.
Beschreibung anzeigen: Verwalten Sie die Sichtbarkeit von Artikelbeschreibungen.
Schaltflächen anzeigen: Entscheiden Sie, ob Schaltflächen für einzelne Elemente angezeigt werden sollen.

Layout verwalten

Klicken Sie auf Logo bearbeiten Schaltfläche, um das Abschnittsbearbeitungsfenster zu öffnen.
Wähle die Layout Tab.
Von hier aus können Sie das Layout des Abschnitts auch nach dem Hinzufügen zur Seite problemlos ändern.

Während Sie das Layout ändern, werden Ihnen oben die abschnittsbezogenen Layouts angezeigt.

Darüber hinaus haben Sie unter der Überschrift „Weitere Layouts“ auch die Möglichkeit, ein Layout aus anderen Abschnitten auszuwählen.

Stil-Logo-Bereich

Sie können verschiedene Aspekte des Logo-Bereichs mithilfe diverser Gestaltungsoptionen anpassen. Um zu den Gestaltungsoptionen zu gelangen, klicken Sie auf die Schaltfläche „Logo bearbeiten“ (1).

Wähle die Stil (2) Tab.
Ändern Sie den Stil für die Abschnittselemente und Speichern (3) Ihre Änderungen.

Sie haben mehrere Stiloptionen für den Abschnitt:

Anzeige-Eigenschaften
Mobile Anzeige
Ausrichtung
Textgröße
Abstand
Abschnittsüberschrift
Bildoptionen
Formmaske
Bild-Hover-Optionen
Bildrand
Kartenoptionen
Schattenoptionen
Schaltflächen & Links

Anzeige-Eigenschaften

Wählen Sie auf Artikel anzeigen in Zeilen und Spalten / Karussell / Vitrine
- Wenn Sie die gewählt haben Reihen und Spalten Option werden die Listenelemente in Zeilen und Spalten angeordnet. In diesem Fall müssen Sie die Anzahl der Zeilen und Spalten angeben.
- Wenn Sie die gewählt haben Karussell Option werden die Listenelemente als Diashow präsentiert. WEITERE INFORMATIONEN .
- Showcase bietet ein elegantes und interaktives Karussell-Layout, in dem Ihre Bilder nacheinander mit sanften Übergängen und Effekten präsentiert werden. Dieses Layout verleiht Ihrer Website ein modernes und ansprechendes Nutzererlebnis. Mehr erfahren.
Setze die Anzahl der Spalten für die Bilderliste. Sie können zwischen 1 und 10 Spalten wählen.
Präzisiere das Abstand zwischen Spalten der Listenelemente.
Präzisiere das Abstand zwischen Zeilen der Listenelemente.

Wenn in Schritt 1 die Option „Karussell“ ausgewählt ist, werden Ihnen die folgenden zusätzlichen Optionen angezeigt:

Smooth-Scrolling aktivieren: Ermöglicht kontinuierliches Scrollen von Elementen im Karussell für ein nahtloses und optisch ansprechendes Erlebnis.
Automatisches Schieben: Automatisches Durchlaufen der Folien ohne Benutzerinteraktion.
Autoplay-Fortschritt anzeigen: Zeigt zur besseren Sichtbarkeit einen Fortschrittsindikator an, während die automatische Wiedergabe aktiv ist.
Autoplay-Verzögerung: Legt das Zeitintervall zwischen jedem Folienübergang fest, wenn die automatische Wiedergabe aktiviert ist.
Karussell-Schleife: Ermöglicht die kontinuierliche Folienschleife, sodass das Karussell nach der letzten Folie nahtlos neu gestartet wird.
Karussellsteuerung: Wählen Sie das Navigationssteuerung. Sie können zwischen „Keine Steuerung“, „Pfeile – unten Mitte/oben rechts/unten rechts“, „Chevron“, „Punkte“ und „Horizontales Scrollen“ wählen.
Kanten verblassen lassen: Wenden Sie einen subtilen Überblendeffekt auf die Ränder des Karussells an. Dies verbessert das Benutzererlebnis, indem Bilder beim Ein- und Ausblenden der Ansicht sanft überblendet werden.

Wenn in Schritt 1 die Option „Showcase“ ausgewählt ist, werden die folgenden zusätzlichen Optionen angezeigt:

Effekte: Wählen Sie aus fünf Animationseffekten: „Überblenden“, „Umdrehen“, „Karten“, „Coverflow (geneigt)“ oder „Coverflow (flach), um den Bildübergang zu steuern.
Sanftes Scrollen aktivieren: Ermöglicht kontinuierliches Scrollen von Elementen innerhalb des Showcase für ein nahtloses und optisch ansprechendes Erlebnis.
Automatisches Schieben: Automatischer Übergang zwischen Bildern ohne Benutzereingabe.
Autoplay-Fortschritt anzeigen: Zeigt zur besseren Sichtbarkeit eine Fortschrittsanzeige an, während die automatische Wiedergabe aktiv ist.
Autoplay-Verzögerung: Legen Sie die Zeit zwischen den Folien fest, wenn die automatische Wiedergabe aktiviert ist. Sie können einen beliebigen Wert zwischen 1 und 10 Sekunden wählen.
Karussellschleife: Aktivieren Sie diese Option, um das Karussell endlos abzuspielen und so eine kontinuierliche Wiedergabe zu ermöglichen.
Karussellsteuerung: Mit der Einstellung „Karussellsteuerung“ können Sie auswählen, wie Benutzer durch die Folien navigieren. Sie haben dabei Optionen wie Pfeile (unten in der Mitte, oben rechts, unten rechts), Punkte oder gar keine Steuerung.

Mobile Anzeige

Stellen Sie die Anzahl der ein Rasterspalten für mobile Geräte. Sie können es auf maximal 3 Spalten einstellen.
Definiere das Abstand zwischen Gittern (in Pixel).

Ausrichtung

Ausrichten das Bild horizontal im Abschnitt. Sie können sie linksbündig, rechtsbündig oder zentriert ausrichten.
Ausrichten den Text horizontal im Abschnitt. Sie können sie linksbündig, rechtsbündig oder zentriert ausrichten.
Ausrichten den Inhalt vertikal im Abschnitt. Sie können sie oben, mittig und unten ausrichten.
Wähle die Inhaltsreihenfolge dh die Bilder der Listenelemente, die zuerst angezeigt werden sollen, oder der zugehörige Text.

Textgröße

Klicken Sie auf Textstil ändern Schaltfläche, um die zu besuchen Technologie Abschnitt und Verwalten Sie Ihre Schriftgrößen und -stile.
Setze die Titel Schriftart für die Listenelemente des Abschnitts.
Setze die Untertitel Schriftart für die Listenelemente des Abschnitts.
Legen Sie die Standardeinstellung fest Beschreibung Schriftart für die Listenelemente des Abschnitts.
Aktivieren Sie diese Option, um Animiere beliebige Zahlen anwesend in der Titel und Untertitel Felder. Wenn diese Option aktiviert ist, werden numerische Werte mit einer dynamischen Zählanimation angezeigt, was sie optisch ansprechender macht.

Abstand

Präzisiere das Bildbreite für Listenelemente.
Präzisiere das Inhaltsbreite für die Listenelemente.
Präzisiere das Leerzeichen unter der Abschnittsüberschrift in px.
Präzisiere das Leerzeichen unter Bildern der Listeneinträge (in %).
Präzisiere das Leerzeichen unter den Titeln der Listeneinträge (in %).
Präzisiere das Leerzeichen unter den Untertiteln der Listeneinträge (in %).

Abschnittsüberschrift

Horizontal ausrichten der Abschnittsüberschriftstext. Sie können ihn auf Links, Mitte und Rechts einstellen.
Aktivieren/Deaktivieren der Trennwand zwischen der Abschnittsüberschrift und dem Abschnittsinhalt.
Setze die Dicke der Trennwand (in px).
Präzisiere das Teilerfarbe aus dem Farbwähler.
Wähle ein Teilerstil aus dem Dropdown.
Setze die Überschriftenbreite um festzulegen, wie breit der Abschnittstitel angezeigt wird, beginnend bei einem Minimum von 50 %.

Bilder

Wähle die IMagier Crop für die Listenelemente. Sie können die Bilder als „Quadrat“, „Kreis“, „Horizontal“, „Hochformat“ und „Original“ festlegen.
Wählen Sie einen gemeinsamen Eckenradius oder einen anderen Eckenradius für jede Seite der Listenelemente und legen Sie eine Zahl (in px) für die fest COrdner Radius der Listenelementbilder. WEITERE INFORMATIONEN .

Tipp

Mithilfe des Felds für den Eckenradius können Sie verschiedene Formen für die Bilder der Listenelemente erstellen. Wenn Sie hier beispielsweise 500 px angeben, werden die Bilder kreisförmig angezeigt.

Falls Sie geteilte Ecken gewählt haben, können Sie für jede Ecke einen anderen Eckenradius einstellen.

Formmaske

Formmaske: Aktivieren Sie diesen Schalter, um den Bildern im Bereich „Logo“ eine Formmaske zuzuweisen. Sobald diese Option aktiviert ist, wird das Bild durch die ausgewählte Form optisch in diese Form zugeschnitten.
Form auswählen: Wählen Sie aus verschiedenen vordefinierten Formen für Ihre Bilder. So können Sie Ihre Inhalte kreativ gestalten, indem Sie Bilder in einzigartigen Formen wie rund, rautenförmig, tropfenförmig usw. darstellen.
Strecken: Aktivieren Sie diese Option, um die ausgewählte Form zu strecken und sie besser an den Bildcontainer anzupassen. Dadurch wird sichergestellt, dass die Form den verfügbaren Platz proportional ausfüllt und die visuelle Ausrichtung auf verschiedenen Bildschirmgrößen verbessert wird.

Notizen

Die Option „Strecken“ ist layoutabhängig – Es wird möglicherweise nicht in bestimmten Layouts angezeigt. In Layouts, in denen Text wie Titel oder Untertitel über dem Bild angezeigt wird, Die gesamte Option „Formmaske“ ist möglicherweise nicht verfügbar.
Die Dehnungseinstellung hängt von mehreren Faktoren ab - Einschließlich Bildgröße, Ausrichtung und Zuschneideeinstellungen unter der Registerkarte „Stil“ definiert.
Wenn „Bildzuschneiden“ auf „Original“ eingestellt ist, die tatsächlichen Abmessungen des Bildes bestimmen, ob es vertikal oder horizontal gestreckt wird.

Bild schweben

Wähle die Bild-Hover-Farbe um als Akzentfarbe oder sein angegeben. Wenn Sie die gewählt haben AkzentfarbeGeben Sie dann die an OpazitätSie können die Akzentfarbe für jedes Element festlegen von Element bearbeiten Panel.
Wenn Sie die gewählt haben Farbe angeben Option setzen Sie dann die Overlay-Farbe und Deckkraft.
Setze die Textfarbe überlagern das beim Hovern angezeigt wird.
Wählen Sie auf Animieren Sie die Bilder der Listenelemente beim Hover durch Klicken auf Ja. Überprüfen Sie diese Funktion auf einer Live-Seite.
Wähle ein Animationsstil für Bilder, wenn der Cursor darüber schwebt.
Wählen Sie, ob Sie zulassen möchten, dass Übergänge von Bildern beim Schweben oder nicht.
Wählen Sie ein Übergangsstil für den Hover-Übergang. Verfügbare Optionen sind „Ausblenden“ und „Umdrehen“.

Bildrand

Rand aktivieren/deaktivieren um die Bilder herum, indem Sie den Schalter umschalten.
Wählen Sie eine gemeinsame Grenze auf allen Seiten von Bildern oder Sie können das angeben Grenzen separat für jede Seite.
Präzisiere das Breite der Grenze. Wenn es auf 0 gesetzt ist, wird der Rand nicht angezeigt. Sie haben auch die Möglichkeit, die Randbreite für jede Seite des Bildes individuell festzulegen.
Wähle aus Rahmenfarbe aus dem Farbwähler.
Wählen Sie eine bevorzugte aus Border Style aus dem Dropdown.
Bestimmen Sie die Randbreite für Mobilgeräte Geräte und richten Sie es an der für den Desktop gewählten Breite aus.

Karten

Sehen Sie, wie Karten zu verwalten.

Shadow

Präsentation – Wählen Sie, ob der Schatten hinter den Listenelementen immer oder nur beim Hover angezeigt werden soll.
Design – Wählen Sie aus vorhandenen Voreinstellungen oder erstellen Sie einen benutzerdefinierten Schatten.
Falls Sie die benutzerdefinierte Option gewählt haben, besuchen Sie diese Box-Schatten-Generator um einen benutzerdefinierten Schatten zu erstellen. Zum Schluss kopieren und einfügen Box-Schatten-CSS.
Falls Sie die Option Voreinstellungen gewählt haben, dann Wählen Sie Schattenstile aus dem Dropdown.

Schaltflächen & Links

Sehen Sie, wie um das Styling zu verwalten Schaltflächen und Links.
Gespeichert alle Stiländerungen.

Können Sie nicht finden, wonach Sie suchen?

Wenden Sie sich an einen Pixpa-Experten.

Kontakt