Build a Split-Content Hero Section

Create a two-column hero with image on one side and text content on the other.

Sidekick writes it — you put it live

Sidekick produces the content or code for this, but doesn't apply it to your store itself. You'll paste or publish the result yourself — the prompt tells Sidekick to explain exactly where it goes.

📋 Prompt

Run in Sidekick

Generate the Liquid and CSS for a split-content hero section with two equal columns, that I can paste into my theme as a custom section on my homepage. Place an image from [IMAGE_URL] on the [IMAGE_SIDE] side. On the opposite side, add the heading [HEADLINE_TEXT] in [FONT_SIZE] size, a paragraph of body text reading [BODY_TEXT], and a CTA button labeled [CTA_TEXT] linking to [CTA_URL]. Use [BACKGROUND_COLOR] for the text column background. On mobile, stack the columns with the image on top. Add [PADDING] pixels of padding around the text content. Align the text to [TEXT_ALIGNMENT]. Finally, tell me exactly which section file to create and how to add it to my homepage through the Shopify theme editor.

How to Use

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