Shopify Sidekick/Theme/Generate Custom Hero Section Block
Task IntentTheme

Generate Custom Hero Section Block

Create a full-width hero section with background image, overlay, headlines, dual CTAs, parallax effect, and mobile-responsive settings.

What This Sidekick Query Does

Create a full-width hero section with background image, overlay, headlines, dual CTAs, parallax effect, and mobile-responsive settings.

Prompt / Skill

Create a hero section block with these features:

Layout:

  Full-width background image with overlay
  Headline text (customizable)
  Subheadline text (customizable)
  Primary CTA button (customizable text and link)
  Secondary CTA button (optional)


Settings I need:

  Background image picker
  Overlay color and opacity
  Text alignment (left/center/right)
  Headline size options
  Button style options (solid/outline)
  Mobile image option (separate from desktop)
  Minimum height setting


Styling:

  Responsive design
  Text shadow for readability
  Smooth hover effects on buttons
  Parallax effect option


Generate this as a reusable theme block.

Expected Output

Create a full-width hero section with background image, overlay, headlines, dual CTAs, parallax effect, and mobile-responsive settings.

Tips to Improve Results

  1. 1

    Copy the prompt above

  2. 2

    Open Shopify Sidekick in your Shopify admin

  3. 3

    Paste the prompt and replace the bracketed placeholders with your details

  4. 4

    Review Sidekick's response and apply the suggestions

Sidekick Skills & Magic Prompt icon

Sidekick Skills & Magic Prompt

Create & manage AI skills for Sidekick. Discover skills from other merchants.