---
title: My first product looks broken on my shop
shortDescription: 'Fix common display issues on a freshly published Fourthwall product in three quick steps: regenerate the mockup, refresh, and set public.'
articleType: Troubleshooting
primaryTopic: first-product-display-issues
categories:
  - Troubleshooting
  - Products
  - Store Design
tags:
  - first-launch
  - product-mockup
  - storefront-display
  - product-visibility
  - cache-refresh
  - new-creator
  - product-publishing
  - troubleshooting
tasks:
  - Regenerate a broken product mockup
  - Hard refresh the storefront page
  - Verify a product is set to public
  - Fix a newly published product that looks broken
  - Reach Fourthwall support for product display issues
terms:
  - product looks broken
  - mockup missing
  - first product issue
  - storefront not updating
  - product not showing
  - hard refresh shop
  - clear browser cache
  - product hidden
  - public product status
  - new creator help
  - launch day problem
  - mockup not loading
labels:
  - troubleshooting
  - getting-started
  - product-publishing
  - storefront
contextString: Available on all plans. Useful for new creators who just published their first product and see display issues on their shop.
breadcrumbPath: "Getting started > General information > My first product looks broken on my shop"
relatedModules: []
path: getting-started/general-information/my-first-product-looks-broken
last_updated: '2026-05-19'
---

# My first product looks broken on my shop

A freshly published product that looks broken is one of the most common issues new creators encounter, and it's usually fixable in a few minutes. The mockup may still be rendering, your browser may be showing a cached page, or the product status may not be set to public yet. Work through the three steps below in order.

## Step 1: Regenerate the mockup

If the product image looks blank, distorted, or stuck on a default placeholder, the mockup needs to be rebuilt.

1. Go to **Products** in your dashboard and open the product.
2. Delete the default mockup image from the product gallery.
3. Click **Edit product design**, then click **Save**.

Fourthwall generates a fresh mockup from your artwork as soon as you save. Give it a few seconds, then reload the product page to confirm the new image.

## Step 2: Hard refresh your shop page

Your browser caches shop pages, so a recent change may not appear right away even after the dashboard updates. Force a fresh load:

- **Windows or Linux:** Press **Ctrl + Shift + R**.
- **Mac:** Press **Cmd + Shift + R**.

If the page still looks wrong, clear your browser's cache for `fourthwall.com` and reload. An incognito or private window also bypasses cached files.

## Step 3: Confirm the product is set to PUBLIC

A product saved as **Hidden** won't appear on your shop, even if everything else is set up correctly.

1. Go to **Products** and open the product.
2. Check the status label at the top of the product page.
3. If it shows **Hidden**, change it to **Public** and save.

**Public** products are visible to every supporter who visits your shop. **Hidden** products stay accessible only by direct link, useful for testing but not for launch.

## Still broken?

If all three steps fail, email [support@fourthwall.com](mailto:support@fourthwall.com) with a link to the product and a screenshot. The team can check it on the back end and get you sorted before launch.