דלגו לתוכן
Rio

Collection tabs

תוכן זה אינו זמין עדיין בשפה שלך.

איפה אפשר להוסיף אותו

לא בקבוצות סקשנים: Header, Footer, Overlays.

Blocks

Section titled “Blocks”
  • Tab — חלק מהסקשן הזה

עד 6 בלוקים.

Tab

הגדרהסוגברירת מחדלאפשרויות וטווח
Collectionקולקציה—
Label

Shown on the tab. Leave blank to use the collection’s title.

טקסט—
Link text

The link to the collection under the tab. Leave blank for “Shop all” and the tab’s name.

טקסט—

Settings

Section titled “Settings”
הגדרהסוגברירת מחדלאפשרויות וטווח
One tab per collection, up to six. A tab without a collection, or whose collection has no products, isn’t shown to shoppers.
Heading

Make a word italic to emphasize it.

טקסט עשיר בשורהShop by collection
Heading size

מוצג כאשר Heading מוגדר וגם Tab style אינו Editorial.

בחירהMedium
  • Small
  • Medium
  • Large
  • Extra large
Highlight color

Leave empty to use the color scheme’s highlight.

מוצג כאשר Heading מוגדר או Tab style הוא Editorial.

צבע—
Tab style

Editorial makes the tabs the headline: the heading becomes a small line above them.

בחירהChips
  • Chips
  • Underline
  • Editorial
Show product count

מוצג כאשר Tab style הוא Editorial.

תיבת סימוןפעיל
Products to showטווח84–12, צעד 1
Show a link to the collectionתיבת סימוןפעיל
Arrangement
Layout on desktop

Each breakpoint is chosen separately, so a grid on desktop can be a carousel on a phone — or stay a grid.

בחירהGrid
  • Grid
  • Carousel
  • Stack
Layout on tabletבחירהCarousel
  • Grid
  • Carousel
  • Stack
Layout on mobileבחירהCarousel
  • Grid
  • Carousel
  • Stack
Columns on desktop

מוצג כאשר Layout on desktop אינו Stack.

טווח43–6, צעד 1
Columns on tablet

מוצג כאשר Layout on tablet אינו Stack.

טווח21–4, צעד 1
Columns on mobile

מוצג כאשר Layout on mobile אינו Stack.

בחירה1
  • 1
  • 2
Space between productsטווח20 px8–48 px, צעד 2
Pagination

מוצג כאשר Layout on desktop הוא Carousel או Layout on tablet הוא Carousel או Layout on mobile הוא Carousel.

בחירהNone
  • None
  • Dots
  • Progress bar
  • Counter
Show arrows

מוצג כאשר Layout on desktop הוא Carousel או Layout on tablet הוא Carousel או Layout on mobile הוא Carousel.

תיבת סימוןפעיל
Text on glass

Auto picks dark or light text for each glass element from the brightness of the photo behind it.

מוצג כאשר Show arrows פעיל.

בחירהAuto
  • Auto
  • Light
  • Dark
Product card
Image ratioבחירהPortrait
  • Adapt to image
  • Square
  • Portrait
  • Landscape
Show the image gallery on hover

On hover the card moves through the product’s images, as set in Theme settings › Product card › Image on hover. Touch screens show the first image.

תיבת סימוןפעיל
Show vendorתיבת סימוןכבוי
Show color swatchesתיבת סימוןפעיל
Show quick addתיבת סימוןפעיל

ההגדרות שיש בכל סקשן — פריסה, ריווח, תנועה ונראות — זהות בכל סקשן.

ברירות מחדל כאן: Section width Full width (בשאר הסקשנים: Page width); Top spacing 104 px (בשאר הסקשנים: 64 px); Bottom spacing 104 px (בשאר הסקשנים: 64 px); Top spacing on mobile 56 px (בשאר הסקשנים: 40 px); Bottom spacing on mobile 56 px (בשאר הסקשנים: 40 px); Stagger 80 ms (בשאר הסקשנים: 0 ms).

Presets

Section titled “Presets”
  • Collection tabs — קטגוריה: Collections
    מתחיל עם: Tab, Tab, Tab, Tab