דלגו לתוכן

Collection

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

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

לא ברשימת "הוספת סקשן": מגיע עם התבנית או קבוצת הסקשנים שלו.

Promo tile

עד 8

הגדרהסוגברירת מחדלאפשרויות וטווח
Content
TagטקסטThe edit
HeadingטקסטTailoring, softened
Textטקסט רב־שורתיUnlined jackets and trousers that move like knitwear.
Button label

Shown when the tile has a link. The whole tile opens the link.

טקסטShop the edit
Linkקישור—
Media
Imageתמונה—
Mobile imageתמונה—
Image darkening

Darkens the image so the text stays readable over it.

טווח62 %0–90 %, צעד 2
Text on glass

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

בחירהAuto
  • Auto
  • Light
  • Dark
Color scheme

The tile’s background and text when there is no image.

ערכת צבעיםערכה 8
Placement
Position in the grid

Counts from the first product. A position past the last product puts the tile at the end.

טווח51–48, צעד 1
Width on desktopבחירהTwo columns
  • One column
  • Two columns
  • Full row
Width on mobileבחירהFull row
  • One column
  • Full row
Show on these collections

Leave empty to show the tile on every collection.

קולקציות—
Show on every page

Otherwise the tile shows on the first page only.

תיבת סימוןכבוי
הגדרהסוגברירת מחדלאפשרויות וטווח
Products
Products per pageטווח248–48, צעד 2
Columns on desktop

Narrow content holds four columns at most, so product cards keep a readable width.

טווח42–6, צעד 1
Columns on tabletטווח32–4, צעד 1
Columns on mobileבחירה2
  • 1
  • 2
Space between columns

The widest the gaps get. They narrow with the screen, as in the design.

טווח20 px8–48 px, צעד 2
Space between rowsטווח48 px16–96 px, צעד 4
Show collection title

Turn on when the page has no collection banner. The banner shows the title, description and count.

תיבת סימוןכבוי
Show collection description

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

תיבת סימוןפעיל
Show product count

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

תיבת סימוןכבוי
Toolbar
Sorting and the sticky toolbar are set in Theme settings › Filters and sorting.
Show product countתיבת סימוןפעיל
Show grid density buttons

Two buttons in the toolbar: larger images (one column fewer) or the columns set here.

תיבת סימוןפעיל
Panel color scheme

The toolbar, the page arrows and the panel shown when no products match.

ערכת צבעיםערכה 2
Pagination
StyleבחירהLoad more button
  • Load more button
  • Page numbers
  • Infinite scroll
Load to the end

Products keep loading until the last one, so customers may never reach the footer.

מוצג כאשר Style הוא Infinite scroll.

תיבת סימוןכבוי
Automatic loads

Then a Load more button appears, so customers can reach the footer.

מוצג כאשר Style הוא Infinite scroll וגם Load to the end כבוי.

טווח31–10, צעד 1
Product card
Image ratioבחירהPortrait
  • Adapt to image
  • Square
  • Portrait
  • Landscape
Content alignmentבחירהStart
  • Start
  • Center
  • End
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

Shows swatches for the first option that has them set up in your product settings, or sibling products when they are turned on in theme settings.

תיבת סימוןפעיל
Show add to cart

Adds to cart from the card for products with a single variant. Products with options link to the product page instead.

תיבת סימוןפעיל

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

לא קיים בסקשן הזה: Section width.

ברירות מחדל כאן: Content alignment Center (בשאר הסקשנים: Start); Top spacing 40 px (בשאר הסקשנים: 64 px); Bottom spacing 144 px (בשאר הסקשנים: 64 px); Top spacing on mobile 24 px (בשאר הסקשנים: 40 px); Bottom spacing on mobile 96 px (בשאר הסקשנים: 40 px); Stagger 90 ms (בשאר הסקשנים: 0 ms).