Why doesn't my Shopify store look like the theme demo?

Your store doesn't look like the theme demo because the demo's content is not part of the theme. Shopify's own theme store requirements put it in four words: demo imagery doesn't transfer on install. What you installed is the layout, the typography, the color rules and the section structure. The photographs, the products, the collections and the menu that made the demo look finished all belonged to a separate store you were only ever looking at.

That is why the grey outline drawings appear, why the featured collection shows four items you have never sold, and why nothing you click in the theme editor makes it look like the screenshot. None of it is a fault. The rest of this page is about which blanks exist, why a theme is not allowed to pre-fill most of them, and the order to work through them so the page stops looking half built.

What actually comes inside a Shopify theme?

A theme is a folder of code and settings. It has no product catalog, no image library and no navigation menu, because those three things live on your store rather than in the theme file. Here is the split.

Two of those rows cause most of the confusion. The theme ships with the shape of a hero image and the shape of a product grid. It cannot ship the contents of either, and the reason is a rule rather than an oversight.

Why can't a theme just include a default image?

Because Shopify's setting system forbids it. A theme declares each editable field in a schema, and each field has a type. Most types accept a default value that the merchant sees before touching anything. The types that point at something in your store do not, and the documentation is explicit that image_picker settings "don't support the default attribute".

The pattern is consistent. If a setting points at a record in your store, the theme author has nothing to point it at, so Shopify does not let them try. An image_picker returns an image object when you have chosen one and nil when you have not, and a theme written properly checks for that empty state on every single use.

What are the grey outline drawings on my homepage?

They are Shopify's built in placeholder illustrations, produced by a Liquid filter called placeholder_svg_tag that "generates an HTML <svg> tag for a given placeholder name". They are drawn in code rather than loaded as files, which is why they are always crisp, always the same, and never yours.

The filter accepts a fixed vocabulary of names. The outline set covers product-1 through product-6, collection-1 through collection-6, lifestyle-1, lifestyle-2 and image. There is also a color set, including product-apparel-1 through product-apparel-4 and hero-apparel-1 through hero-apparel-3. If you have seen the same tidy line drawing of a t shirt on three unrelated Shopify stores, that is why.

Seeing one is a signal, not a defect. It means the section rendered correctly, found its image slot empty, and deliberately drew something rather than leaving a hole. A missing image that renders as a broken icon or a stretched blank box is a different and real problem, covered in our note on blank space around Shopify images.

Why does my featured collection show four products I don't sell?

Because no collection is selected yet, or the one selected is empty, and the section falls through to its placeholder branch. In Dawn, Shopify's reference theme, that branch loops once per column and renders a placeholder card each time. The number of fake products you see is therefore not arbitrary: it equals the section's desktop column count, which Dawn ships at 4 and lets you set anywhere from 1 to 6. The images cycle through product-apparel-1 to product-apparel-4.

So four placeholder products means four columns, not four broken items. Open the section in the theme editor, choose a real collection that contains published products, and all four are replaced at once. If the section stays empty even after you pick a collection, check that the products in it are actually available on the Online Store sales channel, because a product that is not published to Online Store is invisible to the storefront regardless of the theme.

How many blanks am I actually filling in?

More than most people expect, and it helps to know the number before you start rather than discovering it one section at a time. We generate Shopify themes with AI, so we can count our own output precisely. On 16 September 2026 we parsed the whole build archive.

Across 33 generated themes and 1,218 Liquid files there are 191 image_picker settings, spread over 155 section files. That is an average of 5.8 image slots per theme waiting for a photograph. Not one of the 191 carries a default value, because as shown above no image_picker anywhere on Shopify is allowed to. All 191 are wrapped in an explicit empty check in the Liquid, so an unfilled slot degrades to a designed fallback rather than to a broken tag.

The homepage alone is a bigger job than the image count suggests. Those 33 homepage templates carry between 6 and 11 sections each, averaging 7.6, and 659 content blocks in total, which works out at about 20 blocks per homepage. Each block is a feature row, a testimonial, a product card or a menu item with its own small set of fields. A theme demo has every one of those filled in by a designer who had a week and a photographer. You are seeing the same layout with the same number of slots and none of the contents.

What order should I fill it in?

Work outside in. The pieces that appear on every page change the most for the least effort, and leaving them for last is why a store can feel wrong long after the homepage is done.

1. Logo and favicon. Theme settings, usually the first group. This single upload removes the placeholder wordmark from every page at once.
2. Navigation. Not in the theme editor. Go to Online Store, then Navigation, and edit the main menu. A new store starts with a default menu that rarely matches the theme demo's structure.
3. Collections. Create them before touching the homepage, because half the homepage sections ask you to select one and you cannot select what does not exist.
4. Product images. Uploading these fills every product card, every grid and every related products row in one pass. Do this before hunting individual image slots.
5. Homepage sections, top to bottom. Now the pickers have something to point at. Expect roughly 6 to 11 sections.
6. Header and footer content. Announcement text, social links, payment icons, the newsletter block.
7. Colors and type last. They are the easiest to change and the hardest to judge against placeholder content.

One practical note on step 4. Images you upload through a section's image picker land in your Files library and are referenced by the theme, and the reference is stored in that theme's own settings. The files are safe, but the wiring is per theme, which is the subject of our page on what happens to your content when you change Shopify theme.

What if a section is missing entirely, not just empty?

That is a different failure with a different cause. An empty section still renders its wrapper, its heading and its placeholder, so you can see where it is. A section that is nowhere on the page, and does not appear in the Add section list either, is usually a theme code problem rather than a content gap. We covered the two common versions separately: a section that never shows up in the Add section list, which is nearly always a missing presets array, and a homepage that renders completely blank after install, where the content is often in the HTML and hidden by CSS.

The quick way to tell them apart: if you can see a grey placeholder, the theme is working and you are looking at a content job. If you cannot see anything at all, stop filling things in and go diagnose the page.

The short version

1. Demo imagery doesn't transfer on install. Shopify's theme store requirements say so directly.
2. A theme cannot pre-fill an image, collection, product, blog, page or video setting. Those six types do not accept a default.
3. Grey line drawings are placeholder_svg_tag output, drawn in code from a fixed list of names. They mean the section worked.
4. The number of fake products in a featured collection equals its column count, which is 4 in Dawn by default.
5. Budget for roughly 6 image slots and 7 or 8 homepage sections per theme, holding about 20 content blocks.
6. Fill in logo, navigation, collections and product images before you touch individual sections.
7. Placeholder visible means content job. Nothing visible at all means debugging job.

If you would rather see a finished store than a demo you cannot install, every theme in our free theme gallery has a live preview built with real copy for a real sounding brand, so you can judge the layout with content in it before you commit to filling 191 slots of your own.