Campaign

What this section does

Campaign/promotion section

Where it goes

• Can be used as many times as you like on one page.
• This section comes with the Marketing Campaigns plugin.

Styles

Different looks for the same section. You can change the style later; your content stays as it is.

The first 2 styles of every section are open on every store. The rest unlock with the Page Editor plugin — all at once, not style by style.

• Grid

  Freegrid

  Campaign cards in grid layout

  Specific to this style: title, subtitle, selectionMode, campaignIds, displayCount, showCountdown, showBadge, columns, showCardButton, cardButtonText, showFooterButton, buttons, textColor, cardBg, cardTitleColor, cardSubtitleColor, cardBadgeBg, cardBadgeTextColor, cardCountdownBg, cardCountdownTextColor, cardCountdownLabelColor, cardOverlayColor, cardOverlayOpacity

• Carousel

  Freecarousel

  Horizontal scrolling campaign carousel

  Specific to this style: title, subtitle, selectionMode, campaignIds, displayCount, showCountdown, showBadge, showCardButton, cardButtonText, showFooterButton, buttons, textColor, cardBg, cardTitleColor, cardSubtitleColor, cardBadgeBg, cardBadgeTextColor, cardCountdownBg, cardCountdownTextColor, cardCountdownLabelColor, cardOverlayColor, cardOverlayOpacity

• Featured

  Page Editorfeatured

  Large featured campaign with smaller ones

  Specific to this style: title, subtitle, selectionMode, campaignIds, displayCount, showCountdown, showBadge, columns, showCardButton, cardButtonText, showFooterButton, buttons, textColor, cardBg, cardTitleColor, cardSubtitleColor, cardBadgeBg, cardBadgeTextColor, cardCountdownBg, cardCountdownTextColor, cardCountdownLabelColor, cardOverlayColor, cardOverlayOpacity

• Banner

  Page Editorbanner

  Single campaign as full-width banner

  Specific to this style: title, subtitle, selectionMode, campaignId, showCountdown, showCardButton, cardButtonText, showFooterButton, buttons, textColor, cardBg, cardTitleColor, cardSubtitleColor, cardBadgeBg, cardBadgeTextColor, cardCountdownBg, cardCountdownTextColor, cardCountdownLabelColor, cardOverlayColor, cardOverlayOpacity

• Split Promo

  Page Editorsplit-promo

  Two-column promo card — text and CTA on the left, a large eye-catching discount highlight on the right

  Specific to this style: title, subtitle, selectionMode, campaignId, buttons, discountHighlight, discountLabel, discountColor, textColor

• Spotlight

  Page Editorspotlight

  One large featured campaign beside a vertical list of the rest

  Specific to this style: title, subtitle, selectionMode, campaignIds, displayCount, showCountdown, showBadge, showCardButton, cardButtonText, showFooterButton, buttons, textColor, cardBg, cardTitleColor, cardSubtitleColor, cardBadgeBg, cardBadgeTextColor, cardCountdownBg, cardCountdownTextColor, cardCountdownLabelColor, cardOverlayColor, cardOverlayOpacity

• Mosaic

  Page Editormosaic

  Bento-style grid of varied-size campaign tiles with a large hero tile

  Specific to this style: title, subtitle, selectionMode, campaignIds, displayCount, showCountdown, showBadge, showCardButton, cardButtonText, showFooterButton, buttons, textColor, cardBg, cardTitleColor, cardSubtitleColor, cardBadgeBg, cardBadgeTextColor, cardCountdownBg, cardCountdownTextColor, cardCountdownLabelColor, cardOverlayColor, cardOverlayOpacity

Settings

The fields you see in the Section Settings panel on the right when this section is selected.

Shared by every style

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