Skip to main content

Change the order of layers on a product image (Web App)

How to move one layer in front of another or behind another in the Product editor. Web App.

C
Written by Craig Wright

In the Product editor, each product image consists of one or more layers. It can be a single layer flat image or it can have multiple layers, such as two foreground layers and a background layer. You can move the foreground layers in front of each other to create overlapping effects and a sense of depth.
​

A picture of a woman wearing a dress, with date text and sale text, all on different layers. There are 3 images, each showing the layers in a different order, so the woman is in front of the text or behind it.

Moving a layer in front of another layer or behind it is sometimes called changing the layer order or changing the stack order. To learn how to do it, follow the instructions below.


Steps (Web App)

To change the order of layers on batch images, follow the instructions below.

  1. Edit one of the images so that it has multiple foreground layers.
    ​
    To learn how to add different types of layer, see Add graphics, text, and shapes in the Product editor (Web App).
    ​

  2. Select one of the images to display its pill menu.
    ​
    ​Note: You need to select the image tile, not a layer on the image.
    ​

  3. Select the More actions icon ( ... ).

  4. Select Layers.
    Photoroom displays a layers dialog. It shows each layer in a list, with the lowest layer being the background layer. The other layers are stacked above the background in order.
    ​

    Layers dialog shows each layer in a stack


    ​

  5. To change the order, click-and-hold on the two horizontal bars at the end of a layer and then drag it to a new position in the order. Move it up in the list to move it in front of lower layers and move it down to move it behind other layers.
    ​
    ​Note: To show or hide a layer, select the eye icon. It works as a toggle to show/hide.
    ​

  6. When you have set the layer order you want, continue editing the product images and publish them when you are finished.

Note: You can also change the layer order by using the Bring forward and Send backwards options. These are available from the More actions ( ... ) option on the pill menu for a layer. When selected, they move that particular layer behind or in front.

Bring forward and Send backwards options on more actions menu for a layer


Related content

Did this answer your question?