Auf dieser Seite wird eine Gruppe verwandter Produkte oder Inhalte angezeigt.
Mit Concept , einem Shopify-Theme für OS 2.0 , haben Sie die Möglichkeit, auf jeder Seiteverschiedene Abschnitte hinzuzufügen. Das bedeutet, dass Sie das Erscheinungsbild Ihrer Sammlungsseite vollständig anpassen können, indem Sie beliebige Abschnitte hinzufügen. Klicken Sie einfach auf die Schaltfläche Abschnitt hinzufügen und wählen Sie die Abschnitte aus, die auf Ihrer Seite angezeigt werden sollen. Damit können Sie eine optisch ansprechende Sammlungsseite erstellen, die Ihre Besucher beschäftigt und informiert.
Standardmäßig verfügen Sammlungsseiten über die folgenden Abschnitte:
1. Sammlungsbanner
Beschreibung | ||
---|---|---|
Sammlungsbanner Fügen Sie eine Beschreibung oder ein Bild hinzu, indem Sie Ihre Sammlung bearbeiten. Erfahren Sie mehr . | ||
Transparente Kopfzeile zulassen | Ermöglicht die Anzeige einer transparenten Kopfzeile. Diese Einstellung gilt nur, wenn dieser Abschnitt der erste ist. | |
Sammlungsbild anzeigen | Ermöglicht die Anzeige von Sammlungsbildern. Um optimale Ergebnisse zu erzielen, verwenden Sie ein Bild mit einem Seitenverhältnis von 16:9. Erfahren Sie mehr . | |
Bild | Wählt das Abschnittsbild aus bzw. lädt es hoch. Standardmäßig wird das Sammlungsbild verwendet. | |
Tischhöhe | Bestimmt die Höhe des Bildes bei der Anzeige auf dem Desktop:
| |
Position des Desktop-Inhalts | Legt die Position des Inhalts auf dem Desktop fest: | |
Ausrichtung von Desktop-Inhalten | Legt die Ausrichtung des Inhalts auf dem Desktop fest: | |
Mobiles Layout | ||
Mobile Höhe | Bestimmt die Höhe des Bildes bei der Anzeige auf Mobilgeräten:
| |
Position des mobilen Inhalts | Legt die Position des Inhalts im mobilen Browser fest: | |
Ausrichtung mobiler Inhalte | Legt die Ausrichtung des Inhalts im mobilen Browser fest: | |
Farbe | Sie können optional die Farben des Abschnitts anpassen, einschließlich der folgenden:
| |
Abschnitt | ||
Sie können die obere und untere Polsterung in Schritten von 4 Pixeln von 0 Pixel bis 120 Pixel anpassen. | ||
Abschnittstrenner anzeigen | Zeigt einen Zeilentrenner über diesem Abschnitt an. | |
Machen Sie den Abschnitt in voller Breite | Macht den Container über die volle Breite. | |
Machen Sie den Abschnitt abgerundet | Wendet eine abgerundete Kante auf die beiden oberen Ecken an. | |
Parallaxeneffekt aktivieren | Aktivieren Sie den Parallaxeneffekt, der die Illusion von Tiefe in einem zweidimensionalen Bild oder einer zweidimensionalen Szene erzeugt. Die Parallaxenrichtung kann aus 3 folgenden Optionen gewählt werden: | |
Benutzerdefinierte CSS | Fügt diesem Abschnitt benutzerdefiniertes CSS hinzu. |
Verfügbare Blöcke:
- 1.1 Titel der Sammlung
- 1.2 Beschreibung der Sammlung
- 1.3 Brotkrümel
- 1.4 Leerraum
1.1 Die Einstellungen für den Sammlungstitelblock.
Die Textgröße kann auf eine der folgenden Optionen eingestellt werden:
1.2 Die Einstellungen für den Sammlungsbeschreibungsblock.
Beschreibung | ||
---|---|---|
Beschreibung der Sammlung | ||
Textgröße | Die Textgröße kann auf eine der folgenden Optionen eingestellt werden: Mit der benutzerdefinierten Option können Sie die Textgröße auf jeden gewünschten Wert einstellen, von 12 Pixel bis 128 Pixel, arithmetisch um 2 Pixel erhöhend. | |
Schriftart | Wählen Sie zwischen zwei Optionen für die Textformatierung: Textkörper oder Überschrift . | |
Sekundärfarbe verwenden | Ermöglicht die Anzeige einer Sekundärfarbe. |
1.3 Die Einstellungen für den Breadcrumb-Block.
Ermöglicht die Anzeige der Sammlungsseite in der Breadcrumb-Liste.
1.4 Die Einstellungen für den Leerraumblock.
Beschreibung | ||
---|---|---|
Freiraum | ||
Tischhöhe | Bestimmt die Höhe des leeren Bereichs bei der Anzeige auf dem Desktop. Kann zwischen 0 und 120 Pixel liegen und sich rechnerisch um 4 Pixel erhöhen. Der Standardwert ist 40 Pixel. | |
Mobile Höhe | Bestimmt die Höhe des leeren Bereichs bei der Anzeige auf Mobilgeräten. Kann zwischen 0 und 120 Pixel liegen und sich rechnerisch um 4 Pixel erhöhen. Der Standardwert ist 28px. |
2. Produktraster
Abschnittseinstellungen | Einstellungen | Beschreibung |
---|---|---|
Produktraster | ||
Produkte pro Seite | Die Anzahl der auf der Seite angezeigten Produkte, angepasst von 6 auf 50. | |
Anzahl der Spalten auf dem Desktop | Die Anzahl der auf der Seite angezeigten Spalten, angepasst von 1 bis 5. | |
Anzahl der Spalten auf Mobilgeräten | Passt die Anzahl der im mobilen Browser angezeigten Spalten an: 1 Spalte oder 2 Spalten . | |
Filtern und Sortieren | ||
Filterung aktivieren | Ermöglicht Kunden, die Produkte in der Sammlung basierend auf den Filtern in Ihren Navigationseinstellungen zu filtern. Passen Sie Filter mit der Search & Discovery-App an. Erfahren Sie mehr . | |
Filter ausblenden | Aktiviert Minimierungsfilter. | |
Desktop-Filterlayout | Wählt das Desktop-Filterlayout, das Ihnen am besten gefällt: Seitenleiste oder Schublade . | |
Farbfelder aktivieren | Aktiviert Farbfelder. Setup-Anleitung ansehen . | |
Sortierung aktivieren | Ermöglicht Kunden, die Produkte in der Sammlung nach folgenden Kriterien zu sortieren:
| |
Abschnitt | ||
Kann die Polsterung in der Polsterung oben und unten von 0 Pixel bis 120 Pixel anpassen und rechnerisch um 4 Pixel erhöhen. | ||
Abschnittstrenner anzeigen | Zeigt einen Zeilentrenner über diesem Abschnitt an. | |
Machen Sie den Abschnitt in voller Breite | Macht den Container über die volle Breite. | |
Machen Sie den Abschnitt abgerundet | Wendet eine abgerundete Kante auf die beiden oberen Ecken an. | |
Benutzerdefinierte CSS | Fügt diesem Abschnitt benutzerdefiniertes CSS hinzu. |
Verfügbare Blöcke:
- 2.1 Beschreibung der Sammlung
- 2.2 Untersammlungen
- 2.3 Werbung
2.1 Die Einstellungen für den Sammlungsbeschreibungsblock.
Keine anpassbaren Einstellungen verfügbar.
2.2 Die Einstellungen für den Subcollection-Block.
Blockeinstellungen | Beschreibung | |
---|---|---|
Untersammlungen Hier werden Links zu Sammlungen aus Ihrem Menü angezeigt. Erfahren Sie mehr . | ||
Speisekarte | Wählt/wählt das Menü aus, das Sie anzeigen möchten. | |
Untersammlungen pro Zeile | Wählt die Anzahl der Untersammlungen aus, die pro Zeile angezeigt werden sollen (zwischen 2 und 5). | |
Sammlungsanzahl anzeigen | Zeigt die Anzahl der Produkte in jeder Kollektion an. |
2.3 Die Einstellungen für den Promotion-Block.
Blockeinstellungen | Beschreibung | |
---|---|---|
Förderung Blöcke können ausgeblendet werden, wenn nicht genügend Produkte sichtbar sind. | ||
Position im Raster | Die Koordinaten des Blocks im Raster, von links nach rechts und von oben nach unten. | |
Bild | Wählt das Blockbild aus bzw. lädt es hoch. | |
Symbol | Wählt das Symbolbild aus bzw. lädt es hoch. | |
Überschrift | Der Blocktitel. | |
Beschreibung | Der Beschreibungstext für die Überschrift wird unterhalb der Überschrift platziert. | |
Knopfbeschriftung | Der Text, der auf der Schaltfläche angezeigt wird. | |
Schaltflächenlink | Die URL der Schaltfläche. | |
Position des Desktop-Inhalts | Legt die Position des Inhalts auf dem Desktop fest: | |
Ausrichtung von Desktop-Inhalten | Legt die Ausrichtung des Inhalts auf dem Desktop fest: | |
Mobiles Layout | ||
Mobiles Bild | Bild des Abschnitts zum mobilen Browser. | |
Position des mobilen Inhalts | Legt die Position des Inhalts im mobilen Browser fest: | |
Ausrichtung mobiler Inhalte | Legt die Ausrichtung des Inhalts im mobilen Browser fest: | |
Farbe | Sie können optional die Farben des Abschnitts anpassen, einschließlich der folgenden:
|
3. Bilder mit Text
In diesem Abschnitt können Sie bis zu 5 Bilder gleichzeitig anzeigen und so Ihre Seite flexibler gestalten.
Abschnittseinstellungen | Beschreibung | |
---|---|---|
Bilder mit Textüberlagerung | ||
Transparente Kopfzeile zulassen | Diese Einstellung gilt nur, wenn dieser Abschnitt der erste ist | |
Tischhöhe | Bestimmt die Höhe des Bildes bei der Anzeige auf dem Desktop:
| |
Breite des Desktop-Inhalts | Bestimmt die Breite des Bildes bei der Anzeige auf dem Desktop: | |
Position des Desktop-Inhalts | Legt die Position des Inhalts auf dem Desktop fest: | |
Ausrichtung von Desktop-Inhalten | Legt die Ausrichtung des Inhalts auf dem Desktop fest: | |
Bild #1 #2 #3 #4 #5 | Die Bilder für den Abschnitt zum Desktop-Browser. | |
Mobiles Layout | ||
Mobile Höhe | Bestimmt die Höhe des Bildes bei der Anzeige auf Mobilgeräten:
| |
Position des mobilen Inhalts | Legt die Position des Inhalts im mobilen Browser fest: | |
Ausrichtung mobiler Inhalte | Legt die Ausrichtung des Inhalts im mobilen Browser fest: | |
Farbe | Sie können optional die Farben des Abschnitts anpassen, einschließlich der folgenden:
| |
Abschnitt | ||
Kann die Polsterung in der Polsterung oben und unten von 0 Pixel bis 120 Pixel anpassen und rechnerisch um 4 Pixel erhöhen. | ||
Abschnittstrenner anzeigen | Zeigt einen Zeilentrenner über diesem Abschnitt an. | |
Machen Sie den Abschnitt in voller Breite | Macht den Container über die volle Breite. | |
Machen Sie den Abschnitt abgerundet | Wendet eine abgerundete Kante auf die beiden oberen Ecken an. | |
Parallaxeneffekt aktivieren | Aktivieren Sie diese Option, um den Parallaxeneffekt anzuzeigen, der die Illusion von Tiefe in einem zweidimensionalen Bild oder einer zweidimensionalen Szene erzeugt. | |
Benutzerdefinierte CSS | Fügt diesem Abschnitt benutzerdefiniertes CSS hinzu. |
Verfügbare Blöcke:
- 3.1 Überschrift
- 3.2 Zwischenüberschrift
- 3.3 Text
- 3.4 Schaltfläche
- 3.5 Link
- 3.6 Bild
- 3.7 Benutzerdefinierte Flüssigkeit
- 3.8 Leerraum
3.1 Die Einstellungen für den Heading-Block.
Beschreibung | ||
---|---|---|
Überschrift | ||
Überschrift | Der Blocktitel. | |
Überschriftengröße | Die Überschriftengröße kann auf eine der folgenden Optionen eingestellt werden: Klein , Mittel , Groß oder Extragroß . | |
Überschriften-Tag | Wählt das Überschriften-Tag aus, um Ihre Inhalte für SEO zu strukturieren und zu organisieren. | |
Hervorgehobener Text | ||
Hervorgehobener Text | Wählt eine der folgenden 6 Optionen zum Formatieren Ihres Textes:
| |
Hervorgehobenes Gekritzel Der hervorgehobene Textstil muss auf „Handgezeichnetes Gekritzel“ eingestellt sein. | Diese Einstellung bietet 5 Möglichkeiten zum Hervorheben von Text:
|
3.2 Die Einstellungen für den Subheading-Block.
Beschreibung | ||
---|---|---|
Unterüberschrift | ||
Unterüberschrift | Die Unterüberschrift für die Überschrift. | |
Größe der Unterüberschrift | Größe der Unterüberschrift: | |
Sekundärfarbe verwenden | Wendet basierend auf der Textfarbe eine etwas hellere Farbe an. |
3.3 Die Einstellungen für den Textblock.
Beschreibung | ||
---|---|---|
Text | ||
Text | Hinzufügen Ihres Textes. | |
Textgröße | Die Textgröße kann auf eine der folgenden Optionen eingestellt werden: Mit der benutzerdefinierten Option können Sie die Textgröße auf jeden gewünschten Wert einstellen, von 12 Pixel bis 128 Pixel, arithmetisch um 2 Pixel erhöhend. | |
Schriftart | Wählen Sie zwischen zwei Optionen für die Textformatierung: Textkörper oder Überschrift . | |
Sekundärfarbe verwenden | Sekundärfarbe aktivieren. | |
Hervorgehobener Text | ||
Hervorgehobener Text | Wählt eine der folgenden 6 Optionen zum Formatieren Ihres Textes:
| |
Hervorgehobenes Gekritzel Der hervorgehobene Textstil muss auf „Handgezeichnetes Gekritzel“ eingestellt sein. | Diese Einstellung bietet 5 Möglichkeiten zum Hervorheben von Text:
|
3.4 Die Einstellungen für den Button-Block.
Beschreibung | ||
---|---|---|
Taste | ||
Knopfbeschriftung | Der Text, der auf der Schaltfläche angezeigt wird. | |
Schaltflächenlink | Die URL der Schaltfläche. | |
Knopfgröße | Passt die Größe der Schaltfläche in drei Optionen an: Klein, Mittel oder Groß | |
Verwenden Sie den Schaltflächenstil „Umriss“. | Verwendet den Umrissstil für die Schaltfläche. |
3.5 Die Einstellungen für den Link-Block.
Beschreibung | ||
---|---|---|
Verknüpfung | ||
Text | Der Text des Links, der direkt neben der Schaltfläche platziert wird. | |
Verknüpfung | Fügt die URL hinzu, die Sie verlinken möchten. |
3.6 Die Einstellungen für den Bildblock.
Beschreibung | ||
---|---|---|
Bild | ||
Bild | Wählt ein Bild für den Block aus. | |
Bild breite | Wählt eine von zwei Bildbreitenoptionen:
|
3.7 Die Einstellungen für den benutzerdefinierten Flüssigkeitsblock.
Sie können Ihren eigenen Liquid-Code hinzufügen, um einen benutzerdefinierten Block zu erstellen.
3.8 Die Einstellungen für den Leerraumblock.
Beschreibung | ||
---|---|---|
Freiraum | ||
Tischhöhe | Bestimmt die Höhe des leeren Bereichs bei der Anzeige auf dem Desktop. Kann zwischen 0 und 120 Pixel liegen und sich rechnerisch um 4 Pixel erhöhen. Der Standardwert ist 40 Pixel. | |
Mobile Höhe | Bestimmt die Höhe des leeren Bereichs bei der Anzeige auf Mobilgeräten. Kann zwischen 0 und 120 Pixel liegen und sich rechnerisch um 4 Pixel erhöhen. Der Standardwert ist 28px. |
4. Kürzlich angesehen
Hilft Ihren Kunden, die Produkte zu finden, die sie zuvor besucht haben, und fordert sie zum Kauf auf. Dadurch können Ihre Kunden sie leichter wiederfinden, als sich durch das Navigationsmenü zurechtzufinden.
Beschreibung | ||
---|---|---|
Zuletzt angesehen | ||
Anzahl aktueller Produkte | Die Anzahl der ergänzenden Produkte kann zwischen 2 und 12 liegen. | |
Anzahl der Spalten auf dem Desktop | Passt die Anzahl der im Desktop-Browser angezeigten Spalten von 1 bis 5 Spalten an | |
Karussell auf dem Desktop aktivieren | Zeigt ein Karussell mit Produkten aus der Sammlung in einem Desktop-Browser an. | |
Mobiles Layout | ||
Anzahl der Spalten auf Mobilgeräten | Passt die Anzahl der im mobilen Browser angezeigten Spalten an: 1 Spalte oder 2 Spalten . | |
Aktivieren Sie Wischen auf Mobilgeräten | Stellt die mobile Anzeige mit horizontalem Wischen auf eine Zeile ein. | |
Überschrift | ||
Überschrift | Der Abschnittstitel. | |
Überschriftengröße | Die Überschriftengröße kann auf eine der folgenden Optionen eingestellt werden: Klein , Mittel , Groß oder Extragroß . | |
Ausrichtung der Überschrift | Die Überschrift kann nach links , in der Mitte oder nach rechts ausgerichtet werden. | |
Überschriften-Tag | Wählt das Überschriften-Tag aus, um Ihre Inhalte für SEO zu strukturieren und zu organisieren. | |
Unterüberschrift | Die Unterüberschrift zur Überschrift wird über der Überschrift platziert. | |
Beschreibung | Der Beschreibungstext für die Überschrift wird unterhalb der Überschrift platziert. | |
Hervorgehobener Text | ||
Hervorgehobener Text | Wählt eine der folgenden 6 Optionen zum Formatieren Ihres Textes:
| |
Hervorgehobenes Gekritzel Der hervorgehobene Textstil muss auf „Handgezeichnetes Gekritzel“ eingestellt sein. | Diese Einstellung bietet 5 Möglichkeiten zum Hervorheben von Text:
| |
Farbe | Sie können optional die Farben des Abschnitts anpassen, einschließlich der folgenden:
| |
Abschnitt | ||
Kann die Polsterung in der Polsterung oben und unten von 0 Pixel bis 120 Pixel anpassen und rechnerisch um 4 Pixel erhöhen. | ||
Abschnittstrenner anzeigen | Zeigt einen Zeilentrenner über diesem Abschnitt an. | |
Machen Sie den Abschnitt in voller Breite | Macht den Container über die volle Breite. | |
Machen Sie den Abschnitt abgerundet | Wendet eine abgerundete Kante auf die beiden oberen Ecken an. | |
Benutzerdefinierte CSS | Fügt diesem Abschnitt benutzerdefiniertes CSS hinzu. |
In diesem Abschnitt wird das Hinzufügen von Blöcken nicht unterstützt.
Wir hoffen, dass dieser Artikel hilfreich war. Wenn Sie Fragen oder Bedenken zu dieser Funktion haben, wenden Sie sich bitte an unser Team, um Unterstützung zu erhalten.