# Adding and editing products

Add products to a fixture, edit their details and images, and adjust facings, hanging or sitting position and dimensions.

***

## Adding a product to the fixture

Open the **Products** tab in the side panel. It lists the project’s products, with a search box. Products that need fixing before they can go on a shelf come last, under **Can’t be placed yet**.

Drag a product onto a shelf to place it. To place several at once, select them first: `Ctrl`-click (Windows) or `Cmd`-click (Mac) adds a product to the selection, and `Shift`-click selects a run of them. Then drag any one of them.

On a narrow screen the fixture is out of view. Select a product and use the plus on its card: the product goes at the left end of the top shelf in the first bay.

To add a product that is not in the project, select **Create Product**, the plus beside the search box. Enter its details in **New Product**, then select **Add Product**.

**Product Library**, at the bottom of the tab, opens the project’s [**Products**](/studio/products) page.

## Editing a product

Select the product on the fixture. The **Detail** panel shows its image, name, price, dimensions, ID and GTIN.

Type a new name, price, width, height, ID or GTIN straight into its box. Studio saves it when you press Enter or move on, and the product changes everywhere it is placed, in every fixture. Press Escape to put back what was there. Price is in the currency’s smallest unit, such as pence. A blank width or height, or one of 0 or less, is still saved, and the panel marks the product incomplete until you correct it.

A product on a shelf needs an ID of its own. A blank ID leaves the shelf showing a missing product. An ID two products share belongs to the one that comes first in the Product Library: the other can’t be placed until its ID changes, and the shelf shows the first wherever the ID is placed. When a product leaves the shelf this way, Studio warns you. [Undo](/studio/keyboard-shortcuts) puts the ID back.

- **Edit in Library**, beside **Attributes**, opens the project’s [**Products**](/studio/products) page, filtered to this product.
- The pencil on the image opens **Edit Product Image**, for the image, how it is displayed, and the dimensions.
- Right-click the product on the fixture and choose **Edit** to type straight into its name in the **Detail** panel, which opens if it is hidden.

## Uploading a product image

In **Edit Product** or **Edit Product Image**, select **Upload** beside **Image URL** and choose the file.

Studio shows the image. Select **Confirm** to upload it, or **Cancel**. The uploaded image then appears under **Preview**.

Prepare the image before you upload it: crop it to the product and remove the background, or the product carries a white box onto the shelf. If **Cut Out** appears under the preview, it removes a white background for you. For an uploaded image, select it again for **Cut Out (Advanced)**.

> If the upload fails, try again. Contact Vazen if it keeps failing.

## Changing facings

Select the product on the fixture. Under **Facings** in the **Detail** panel, set **Wide** and **High**: type a number from 1 to 20, or use the arrows.

## Hanging or sitting

Under **Placement**, choose **Hanging** or **Sitting**. Products sit by default. Hanging suits products that hang from a bar rather than stand on the shelf, such as hair brushes, and moves the shelf edge label above the product.

## Removing a product from the shelf

Select the product, then **Remove from Shelf** at the bottom of the **Detail** panel. The product leaves the shelf at once but stays in the project. [Undo](/studio/keyboard-shortcuts) brings it back.

## If the image does not fit the product’s dimensions

Sometimes a product’s dimensions do not match the shape of its image, so the product appears to float on the shelf.

Open **Edit Product** or **Edit Product Image**. Under the preview, **Fit Dimensions to Image** keeps one dimension and changes the other to match the image’s shape. The dimensions may then differ from the real product’s, and you cannot undo the change once you save.

**Rotate Image 90°**, above it, turns the image instead, which may be all it needs.

## Moving products

Click a product to select it, and click it again to deselect it. Drag a product along its shelf, or onto another shelf or bay, to move it.