Sale Cards

This section displays a set of promotional cards designed to highlight campaigns, announcements, or key categories in a visually engaging layout.

General Settings

Content

• Subheading
  • Optional supporting text displayed above the main section heading.

  • Useful for short contextual information or labels.

    Section Heading

  • Main title of the section.

  • Clearly introduces the purpose of the Sale Cards area.

    Description

  • Rich text field displayed below the section heading.
  • Supports basic formatting such as bold text, links, and lists.
  • Ideal for short promotional or explanatory copy.

Spacing

• Padding Top

  • Controls the spacing above the Sale Cards section.

    Padding Bottom

  • Controls the spacing below the Sale Cards section.

Design

• Color Scheme
  • Applies the selected theme color scheme to the entire section.
  • Affects background, text, and link colors unless overridden at block level.

Custom Styling

• Custom CSS
  • Allows adding section-specific CSS for advanced styling or layout adjustments.

Usage Notes

• Designed to work with up to 3 Sale Card blocks.
• Section-level settings provide consistent spacing and styling across all cards.
• Block-level settings allow individual card customization.
• Best used for promotional content such as sales, campaigns, or featured links.

Sale Card (Block)

This block represents a single promotional card inside the Sale Cards section. It is designed to highlight campaigns, categories, or featured content with an image, badge, and call-to-action.

You can add up to 3 Sale Card blocks in this section.

Content

• Badge Text
  • Small label displayed on the card (e.g. “New”, “Sale”, “Limited”).

  • Used to visually highlight promotions or status.

    Heading

  • Main title text shown on the card.
  • Typically used for campaign or category names.

Image

• Pick an Image

  • Upload the main visual for the sale card.

    Image Ratio

    Controls the aspect ratio of the card image.

    Options:

    • 16:9     
    • 4:3     
    • 3:2     
    • 1:1     

Image Alt Text

• Descriptive alt text for accessibility and SEO.

• Recommended to describe the image content clearly.

  Enable Border for Images

• Adds a visible border around the image when enabled.
• Useful for minimal or light backgrounds.

Hover Behavior

• Sale Card Hover Effect

  • Controls the visual effect applied when hovering over the card.

    Option example:

    • None      (no hover animation)

Call to Action

• Button Text

  • Text displayed for the action link (e.g. “Shop Now”, “View More”).

    Button Link

    URL the card links to.

    Button Link Target

    Choose whether the link opens in the same tab or a new tab.

    Link Style

    Visual style of the link.

    Example:

    • Underlined     

Usage Notes

• Each Sale Card is fully independent and can link to different destinations.
• Badge text is optional but recommended for promotional clarity.
• Image ratio ensures consistent layout across all cards.
• Designed for high-impact promotional content.
• Works best when limited to 3 cards for visual balance.