Brickspace Lab
Contact usContact ShopifyTry a theme
Paper
Paper
  • Paper documentation
  • Getting started
    • Theme basics
    • Theme settings
      • Colors
      • Typography
      • Borders
      • Quick Add
  • Guides
    • Products
      • Product badges
      • Product subtitles
      • Variant swatches
      • Fixed buy buttons
      • Replacing “Add to cart”
  • Collections
    • Variant filtering
    • Disabling Quick add
  • Sitewide
    • Using device specific visibility
    • Dynamic discount popups
    • Creating a Mapbox API key
    • Designing your menu
  • Migrating custom changes
  • Templates
    • Collection template
      • Customizing Filters
      • Adding Tag Filtering
      • Adding Nested Menu
      • Collection Blocks
  • Product template
    • Dynamic variant images
    • Gift cards
    • Quantity picker
    • Subscription options
    • Sibling products
    • Bundled products
    • Custom fields
    • Content drawers
  • Blog template
  • Sections
  • Sections
    • Featured product
    • Slideshow
    • Email sign-up
    • Video
    • Alternative banner
    • Alternative collection grid
    • Banner
    • Blog posts grid
    • Collage
    • Collapsible content
    • Collection list grid
    • Collection list slider
    • Comparison table
    • Contact form
    • Countdown
    • Custom liquid
    • Discount banner
    • Featured collection grid
    • Featured collection slider
    • Icon grid
    • Image comparison
    • Image hotspot
    • Logo list
    • Navigation slider
    • Recently viewed
    • Rich text
    • Slider
    • Store locator
    • Testimonials
    • Cart drawer
    • Header
  • General
    • Changelog
      • v8.0.1
      • v8.0.0
      • v7.6.2
      • v7.6.1
      • v7.6.0
      • v7.5.0
      • v7.4.0
      • v7.3.0
      • v7.2.1
      • v7.2.0
      • v7.1.2
      • v7.1.1
      • v7.1.0
      • v7.0.0
      • v6.2.0
      • v6.1.7
      • v6.1.6
      • v6.1.5
      • v6.1.4
      • v6.1.3
      • v6.1.2
      • v6.1.1
      • v6.1.0
      • v6.0.1
      • v6.0.0
      • v5.2.0
      • v5.1.0
      • v5.0.1
      • v5.0.0
      • v4.1.1
      • v4.1.0
      • v4.0.0
      • v3.0.2
      • v3.0.1
      • v3.0.0
      • v2.0.0
      • v1.2.2
      • v1.2.1
      • v1.2.0
      • v1.0.0
    • Known issues and troubleshooting
      • v8.0.1
    • Cloning a demo theme
      • Poster
      • Parts
      • Pastel
      • Page 3
      • Page 4
Powered by GitBook
On this page
  • Section overview
  • Section settings
  • Block settings

Was this helpful?

Edit on GitHub
  1. Sections

Discount banner

Section overview

The Discount Banner section displays a promotional discount code that customers can easily copy to their clipboard with a single click. It provides a simple yet effective way to highlight active promotions on your store.

Common use cases

  • Displaying limited-time promotional offers

  • Featuring loyalty or referral discount codes

  • Highlighting seasonal sale codes

  • Promoting first-purchase discounts for new customers

Usage tips

  • Keep the promotional text concise and clear about the offer's value

  • Place this section near the top of the page for maximum visibility

  • Use contrasting colors to make the coupon section stand out

  • Consider using this section on specific collection pages where the discount applies

  • Avoid using multiple coupon banners on the same page to prevent confusion

Mobile responsiveness considerations:

  • The section automatically adjusts for mobile viewing with a stacked layout

  • Input fields and buttons resize appropriately on smaller screens

  • You can opt to show/hide this section on mobile using the visibility setting

Section settings

Setting
Description

Spacing top

Controls the padding space above the section (in pixels)

Spacing bottom

Controls the padding space below the section (in pixels)

Color scheme

Determines the background and text color combination for the section

Color border

Sets the color intensity of the section's border

Button color

Defines the style and color of the "Copy code" button

Border position

Controls where borders appear around the section (top, bottom, both, or none)

Layout alignment

Sets the horizontal alignment of content (left, center, or right)

Visibility

Controls which device types the section appears on (all, mobile only, or desktop only)

Block settings

Code

This block defines the Discount code text and associated content that appears in the banner. It allows for a single coupon code display with customizable text and button label.

Block limit: 1

Setting
Description

Coupon text

The actual discount code customers will copy

Content

Descriptive text that appears before the discount code

Button label

The text displayed on the copy button (defaults to "Copy code")

Last updated 1 month ago

Was this helpful?