Add to your Store
Home Why us? Documentation Privacy Policy Refund Policy Get in Touch

Shopify Headline Section

Learn how to create a Headline section with Sections Pro in Shopify

Description of the Section

The "Headline" section is a versatile and customizable addition for your Shopify store, created using the Sections Pro app. This section allows you to create visually appealing headlines with accompanying text, featuring customizable fonts, colors, alignments, and dimensions. It's perfect for drawing attention to important announcements, promotions, or any key information you'd like to highlight on your store.

Demo of the Section

Installation Instructions

  1. Download the Sections Pro app on the Shopify App Store
  2. Open the app and navigate to Free Sections
  3. Search for "Headline"
  4. Click to Publish or Purchase

Sample Use Cases for a Shopify E-commerce Store

  1. Promotion Announcements: Use this section to announce special promotions or sales, making it visually stand out to catch the attention of your customers.
  2. New Arrivals: Highlight new product arrivals by placing a bold headline with a brief description, making it easy for customers to spot new additions.
  3. Featured Collections: Draw attention to specific product collections by using a combination of headline and text to describe the collection and entice customers to explore.
  4. User Testimonials: Showcase customer reviews or testimonials with a headline and a brief text snippet to build trust and credibility.
  5. Special Messages: Utilize the section for special messages such as shipping updates, holiday greetings, or any important notices you want your customers to see prominently.

Overview of the Configuration Settings

  1. Font:

    • Override theme fonts: Checkbox to override theme fonts.
    • Text Font: Font picker for selecting the text font.
    • Headline Font: Font picker for selecting the headline font.

  2. Text:

    • Text Size: Range input to set text size (10 to 50 px).
    • Text Line Height: Dropdown to select text line height.
    • Headline Size: Range input to set headline size (10 to 50 px).
    • Headline Line Height: Dropdown to select headline line height.

  3. Colors:

    • Background Color: Color picker for the background.
    • Text Color: Color picker for the text.
    • Headline Color: Color picker for the headline.
    • Pill Color: Color picker for the decorative pill.

  4. Alignment:

    • Pill Alignment: Dropdown to set pill alignment (left, center, right).
    • Text Alignment: Dropdown to set text alignment (left, center, right).

  5. Dimensions:

    • Max Width: Number input for the maximum width of the section.
    • Padding Top: Number input for padding at the top.
    • Padding Bottom: Number input for padding at the bottom.
    • Padding Left: Number input for padding at the left.
    • Padding Right: Number input for padding at the right.
    • Element Spacing: Number input for spacing between elements.
    • Pill Thickness: Number input for the thickness of the pill.
    • Pill Radius: Number input for the radius of the pill corners.

  6. Content:

    • Headline: Inline richtext editor for the headline.
    • Text: Inline richtext editor for the accompanying text.