Shopify Countdown Premium Section

Description of the Section

The Countdown Premium section allows you to add a customizable countdown timer to your Shopify store. This versatile section is ideal for creating urgency around sales or product launches, featuring various layout configurations and styling options to match your store’s aesthetic.

Demo of the Section

Installation Instructions

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

Sample Use Cases for a Shopify E-commerce Store

• Flash Sales: Create urgency by displaying a countdown timer for limited-time offers or flash sales.
• Product Launches: Build anticipation for new product releases by counting down to the launch date.
• Seasonal Promotions: Encourage purchases during seasonal sales by highlighting the time left for discounted prices.
• Cart Abandonment: Prompt users to complete their purchases with a countdown timer highlighting limited-time deals in the cart.
• Event Registrations: Use the countdown for announcing webinars, workshops, or any special events.

Overview of the Configuration Settings

1. Font Settings:

   • Override Theme Fonts: Choose if you want to override the default theme fonts.
   • Text Font: Select the font for the text.
   • Headline Font: Choose the font for the headings.

2. Text Settings:

   • Text Size: Adjust the font size of the text.
   • Text Line Height: Set the line height for the text.
   • Text Color: Choose the color of the text.
   • Headline Size: Set the font size for headlines.
   • Headline Line Height: Adjust the line height for headlines.
   • Headline Color: Select the color for headlines.

3. Background Settings:

   • Background Color: Set the background color of the section.

4. Dimensions:

   • Start %: Set the starting percentage width for dynamic elements.
   • Max Width: Specify the maximum width of the section.
   • Spacing Between Columns: Define the gap between grid columns.
   • Padding: Adjust the padding on all sides (top, bottom, left, right).
   • Spacing Between Elements: Set the spacing between different elements.

5. Image Settings:

   • Media Aspect Ratio: Specify the aspect ratio of the displayed media.
   • Round Borders: Adjust the border radius for the media.
   • Subtle Shadow on Media: Toggle a subtle shadow effect.
   • Image: Upload the image or add a media URL.
   • Media Location: Choose if the media should appear on the left or right.

6. Block Settings:

   • Headline: Add and style headings.
   • Paragraph: Add body content or descriptions.
   • Content: Use HTML tags such as paragraphs or headings.
   • Rich Text: Insert rich text content with various formatting options.
   • Button: Configure primary and secondary buttons with various styling options.
   • 5 Star: Display five-star ratings.
   • Icon with Text: Combine icons with text to highlight features.
   • Image Icon with Text: Use images with text descriptions.
   • Image: Add standalone images with optional links.
   • Countdown: Customize and add a countdown timer.
   • Custom Liquid: Insert custom liquid code for advanced functionalities.