# Set a real size for the built-in background and use scenes in product images Give the built-in blue/grey background a real width so signs scale against it, and show the customer's chosen background in the cart and order product image. - Source URL: https://www.signcustomiser.com/help/customise/17575794-set-a-real-size-for-the-built-in-background-and-use-scenes-in-product-images/ - Markdown URL: https://www.signcustomiser.com/help/customise/17575794-set-a-real-size-for-the-built-in-background-and-use-scenes-in-product-images.md - Category: Customise - Last updated: 2026-10-13 ## Article Two settings in the Scene Editor help the sign look the correct size in the visualiser and in the cart. - **Default background width** gives the built-in blue/grey background a real width. The sign then scales against that background. - **Use the selected background in the product image** shows the background that the customer chose from your backgrounds behind the sign in the product image. Use this article if you want customers to see a realistic picture of their sign. ## Before you start - Both settings need **Scale visualisation with size**. This option must be selected. **Drag, Scale, Rotate** must be off. For more information, see [Visually scale signs for size dimensions](../../customise/visually-scale-signs-for-size-dimensions/). - To turn off **Drag, Scale, Rotate**, click **Features → Drag, Scale, Rotate**. Clear **Enable Dragging**, **Enable Scaling** and **Enable Rotation**. Then click **Save**. - Both settings are for the new plans. On an older plan, you cannot select these options. The admin shows "You must upgrade to our new plans to use this feature." - The product image setting does not work for lightbox signs. ## Set a real size for the built-in background At first, the built-in blue/grey background has no size. The sign keeps its usual fit on it. When you set a real width, the sign scales against that width. A bigger sign fills more of the background. A smaller sign fills less of the background. 1. In the admin, click **Customisers**. 2. Click the customiser that you want to edit. 3. In the left-hand menu, click **Features → Scene Editor - Background Images**. 4. In the **Background Images** section, select **Enable Preview Images** or **Enable Review Screen Images**. 5. Select **Display default blue/gray background image**. 6. In the **Visualiser Scaling** section, select **Scale visualisation with size**. 7. In the **Background Images** section, enter a number in **Default background width**. 8. If necessary, enter a number in **Default background height**. 9. Click **Save**. ![The Scene Editor page in the merchant admin. In the Background Images card, Display default blue/gray background image is selected. Below it are the fields Default background width (cm) and Default background height (cm), each with a placeholder of 300.](/help/intercom-docs/help-centre-images/5ae549670da876c76e3d58e9443f00dc9cd02921e00de97acd7fa9437495d5f0.png) The field names show the unit of your Store. For example, the name can be **Default background width (cm)** or **Default background width (in)**. Enter a number that is more than 0. The fields are empty at first. Each field shows a placeholder number in your Store unit. For a Store that uses cm, the width placeholder is 300. For a Store that uses in, it is 118.11 (300 cm in inches). The placeholder is a suggestion only. It does not set a size. If you leave the fields empty, the sign keeps its usual fit. The width sets the scale. The height is saved. It does not change the scale. After you save a width, the sign scales against the built-in background on the visualiser and on the Review screen. This setting is for the built-in background only. For an image that you upload, enter its size under **Manage Images**. For more information, see [Scene Editor](../../customise/scene-editor/). ### When the fields do not show The **Default background width** and **Default background height** fields show only when all these conditions are true: - **Enable Preview Images** or **Enable Review Screen Images** is selected. - **Display default blue/gray background image** is selected. - **Scale visualisation with size** is selected. - **Drag, Scale, Rotate** is off. ## Use the customer's background in the product image By default, the product image in the cart and in the order shows your **Main Product Image**. If you did not add a **Main Product Image**, it shows a demonstration image. You can change this. The product image then shows the sign on the background that the customer chose from your backgrounds in the visualiser. 1. Click **Features → Scene Editor - Background Images**. 2. In the **Visualiser Scaling** section, make sure that **Scale visualisation with size** is selected. 3. Select **Use the selected background in the product image**. 4. Click **Save**. ![The Visualiser Scaling card in the merchant admin. Scale visualisation with size and Use the selected background in the product image are both selected. The help text under the third option, Use the selected background in the product image, says the product image shows the sign on the background that the customer chose.](/help/intercom-docs/help-centre-images/71ac6febd77ece3b63e4b4abbde8ef14fd9e5cf64bdb06036605375ba7aacd4a.png) This option is off by default. Your existing customisers do not change until you select it. The option is off until you select **Scale visualisation with size**. A message tells you to select **Scale visualisation with size** first. If **Drag, Scale, Rotate** is on, a different message tells you that the feature is not compatible with it. ### What the customer sees When the option is on, the product image shows the sign on the background that the customer chose from your backgrounds. - **A background image that you uploaded.** The product image shows that image. If the image has a real width, the sign scales against it. If the image has no width, the sign keeps its usual fit. - **The built-in blue/grey background.** The product image shows a flat colour. This colour is the **Background** colour in the **Visualisation** section of the **Theme Colours** page. If you set a width for the built-in background, the sign scales against it. If you did not set a width, the sign keeps its usual fit. - **A background that the customer uploaded.** The product image does not use this background. It shows your **Main Product Image**. If you did not add a **Main Product Image**, it shows the demonstration image. If the background has a Sign area, the product image uses the same Sign area. For the steps to set a Sign area, see [Set the Sign area for each background image](../../customise/17575792-set-the-sign-area-for-each-background-image/). For more information, see [Scene Editor](../../customise/scene-editor/). To use your **Main Product Image** again, clear **Use the selected background in the product image**. Then click **Save**. You set the **Main Product Image** in **Settings → Product**. For more information, see [Set the product title and main product image](../../customise/background-images-for-sign-visualisations/). ## Limits - The product image setting does not work for lightbox signs. A lightbox sign shows the **Main Product Image**. If you did not add a **Main Product Image**, it shows the demonstration image. - Neither setting works when **Drag, Scale, Rotate** is on. - If you clear **Scale visualisation with size**, the product image does not use the customer's background. Your choice stays saved. The product image uses the background again when you select **Scale visualisation with size**. - The default background width changes how the sign looks. It does not change the size that the customer orders. It does not change the price. ## Related articles - [Scene Editor](../../customise/scene-editor/) - [Visually scale signs for size dimensions](../../customise/visually-scale-signs-for-size-dimensions/) - [Set the product title and main product image](../../customise/background-images-for-sign-visualisations/) - [Real size view](../../customise/17211342-real-size-view/) - [Set the Sign area for each background image](../../customise/17575792-set-the-sign-area-for-each-background-image/)