Skip to main content

Quick guide to the Product catalog and Product editor UI (Web App)

How to use the Product catalog and Product editor to generate and edit product images in Photoroom. Web App.

C
Written by Craig Wright

This article gives an overview of the screens you use to manage product images for a connected store, such as a Shopify store. For the editing workflow, see How to edit product images for Shopify (Web App).


Product catalog (Products screen)

After connecting Photoroom to your store, you will see the Products screen. This is also known as the Product catalog. To open it at any time, select Shopify products in the sidebar.

The Product catalog shows all of your products in Photoroom. Each product is either:

  • In Photoroom and Shopify

  • In Photoroom, waiting to be added to Shopify

Products screen showing the range of products in Photoroom that can be synced with your store.

Products are shown in a grid by default. You can switch to a list view if you prefer. For each product, Photoroom shows the featured image.
​

From the Product catalog, you can:


Product editor

Double-click a product in the Product catalog to open it in the Product editor.

The Product editor is where you edit a product’s images and generate new ones. It has four main areas:

  • Side menu:
    Bulk editing options, such as Templates, Resize, and Background. Changes apply to the selected images, or to all images if none are selected.
    ​

  • Shopify sidebar:
    Options to improve your listing, such as Listing Score, AI Shot List, and SEO & Metadata. It is shown by default.
    ​

  • Pill menus:
    Options for editing a single image or layer. Each image has a pill menu, and so does each layer on it.
    ​

  • Right-click context menu:
    Options for managing images, such as copy, paste, duplicate, and delete.

For details of each option, see How to edit product images for Shopify (Web App).


Grid View and Full Screen View

When you open a product in the Product editor, its images are displayed in a grid by default. This is the Grid View. It lets you edit the images while you view them all.

Product images shown in Full Screen View

For more focused work, you can switch to Full Screen View by double-clicking an image or using the view switcher in the toolbar.

In Full Screen View, you get a larger view of one image, which can make editing details easier.

At the bottom there are thumbnails of the other images for the product. Select one of the thumbnails to show that image in Full Screen View.


Next steps

​Now that you understand the Product screens, you can start creating and editing product listings.


Related content

Did this answer your question?