Skip to Content
Getting startedYour first customization

Your first customization

Follow this walkthrough end-to-end and you’ll have a customized, on-brand homepage in about 15 minutes. Prep: have your logo file and one hero photo ready.

Open Theme settings

In the theme editor, click the gear icon in the bottom-left.

Click Branding in the settings list, then find the Logo section.

Upload your file

Click Select image → Upload, choose your logo file (SVG or PNG with transparent background works best). Aim for a wide format (roughly 3:1 aspect ratio).

Set the logo width

Enter a pixel value — start with 120 for a compact wordmark, 160 for a larger presence. The header adjusts automatically.

Save

2 · Set your favicon and OG image

Favicon

Back in Branding, find the Favicon setting. Upload a small square icon (the theme resizes it — 32×32 or 64×64 works fine).

Social share image

Find the Social sharing image setting. This is the default image that shows when someone shares any of your pages on Facebook, Slack, or LinkedIn. Use a 1200×630 image for best results.

3 · Pick your colors

Try a theme style first

Go to Theme settings → Theme styles and pick one — Warm Editorial, Bold Commerce, or Minimal Mono. This sets colors, fonts, and button styles in one click. See Theme styles for what each looks like.

Fine-tune a color scheme

Go to Theme settings → Colors and click the default background scheme. Change the Solid button background to your brand color. Save.

4 · Customize your hero

Click the hero on the homepage

Back in the editor, the top section on your homepage is the hero. Click it in the left panel.

Upload a hero image

In the right panel, find Image. Click Select image → Upload and upload your hero photo. Landscape photos work best; aim for 2400 pixels wide.

Write your heading

Edit the Heading field — this is your main headline. Keep it short (5–7 words). Something like “Handmade in small batches” or “Skincare, backed by science”.

Write a subheading

The Subheading field is one line under the heading — a supporting phrase or tagline.

Set the primary CTA

Button label = the button text (e.g. “Shop now”). Button link = choose where it goes. Click Select and pick a collection, product, or page.

Save

5 · Add your first section

Scroll the left panel to the bottom

You’ll see Add section at the bottom of the sections list.

Pick a section

Try Featured collection — showcase a collection of your best products.

Select the collection

In the section settings, pick which collection to show. If you haven’t created one yet, do that in Products → Collections in Shopify admin first.

Adjust the layout

Choose a grid layout (usually 3 or 4 columns on desktop, 2 on mobile).

Save

6 · Preview and publish

Preview on mobile

Click the phone icon at the top of the center preview to check the mobile layout. Most shoppers see your store on mobile first.

Publish

If this theme isn’t live yet: go back to Online Store → Themes, find your customized theme in the Theme library, and click Actions → Publish.

Next up. Now that you have the basics, browse the Homepage sections reference to see the full library of blocks you can add — from countdown timers to testimonials to Instagram-style galleries.