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.

Prompts

Copy, adapt, and run this directly in Shopify Sidekick.

Run on Shopify Sidekick

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

Copy the prompt above

Open Shopify Sidekick in your Shopify admin

Paste the prompt and replace the bracketed placeholders with your details

Review Sidekick's response and apply the suggestions