Circle Collection

Ce que fait cette section

Round photo cards for showcasing categories, collections, or featured products with a label under each circle.

Où elle se place

• Utilisable autant de fois que vous le souhaitez sur une page.
• Cette section est incluse dans toutes les formules — aucun plugin requis.

Styles

Différentes apparences pour la même section. Vous pouvez changer de style plus tard ; votre contenu est conservé.

Les 2 premiers styles de chaque section sont ouverts sur toutes les boutiques. Les suivants se débloquent avec le plugin Éditeur de pages, tous en même temps.

• Row

  Gratuitrow

  Single horizontal scrollable (or wrapped) row of round photo cards — great for category navigation

  Propres à ce style: title, subtitle, items, scrollable, textColor, headingColor, accentColor, cardBorderColor, cardBorderWidth, labelColor, circleSize, buttons

• Tabbed Grid

  Gratuittabbed-grid

  Categorized grid with a tab strip at the top — filter circular cards by tab (e.g. Bestsellers, New, Seasonal)

  Propres à ce style: title, subtitle, tabs, activeTabColor, activeTabTextColor, tabBg, textColor, headingColor, accentColor, cardBorderColor, cardBorderWidth, labelColor, circleSize, buttons

• Grid

  Éditeur de pagesgrid

  Static wrapped grid of circular cards

  Propres à ce style: title, subtitle, items, columns, textColor, headingColor, accentColor, cardBorderColor, cardBorderWidth, labelColor, circleSize, buttons

• Marquee

  Éditeur de pagesmarquee

  Continuous auto-scrolling ticker of circular cards

  Propres à ce style: title, subtitle, items, textColor, headingColor, accentColor, cardBorderColor, cardBorderWidth, labelColor, circleSize, repeatToFill, buttons

• Featured Split

  Éditeur de pagesfeatured-split

  One large circle alongside a grid of smaller circular cards

  Propres à ce style: title, subtitle, items, columns, textColor, headingColor, accentColor, cardBorderColor, cardBorderWidth, labelColor, circleSize, buttons

Réglages

Les champs affichés dans le panneau Réglages de section, à droite, lorsque cette section est sélectionnée.

Communs à tous les styles

• bg
• contentMaxWidth
• sectionMaxWidth
• horizontalPadding
• verticalPadding
• verticalAlignment
• horizontalAlignment
• horizontalMargin
• verticalMargin
• spacingOverrides
• animationType
• animationDuration
• animationDelay
• animationEasing
• animationStagger
• animationRepeat
• animationParallax
• imageParallax
• animationScrollEffect
• height