Skip to main content

Quick guide to the Product Catalog UI (Web App)

How to navigate the Products screen and Product Catalog Editor in Photoroom. Web App.

C
Written by Craig Wright

After connecting Photoroom to your store, you’ll see the Products screen. From here, you can:

  • Add products

  • Edit product images in the Product Catalog Editor or main editor

  • Publish updates to your store

This article gives an overview of the screens and settings used to manage your product listings.

Products

The Products screen displays all products from your store in a grid. Each product shows its featured image.
​

From the Products screen, you can:

Products screen in the Product Catalog. It shows all of the products in your store.

Product Catalog Editor

Select a product in the grid to open the Product Catalog Editor. This is where you edit images for a specific product. By default, the Shopify sidebar is shown.

Product Catalog Editor shows the Shopify sidebar. It has a list of settings for quickly creating and publishing to Shopify.

Shopify sidebar

The Shopify sidebar helps you prepare and publish your product listing to Shopify.

By working through its sections, you can create a complete listing with images, product information, and SEO metadata.

  • Listing score
    Shows how complete your listing is. Completing suggestions improves your score.
    ​

  • AI shot list
    Generates suggested product images (for example, front, back, side, model).
    ​

  • Title & description
    Create, edit, or generate your product title and description.
    ​

  • SEO & metadata
    Create, edit, or generate SEO-friendly file names and alt text for product images.
    ​

  • Variants
    Add images for product variants (for example, colour or size variants).
    ​

You can also edit product images using the tools in the Product Catalog Editor.

Product Catalog Editor features

On the left side of the Product Catalog Editor, you’ll find tools for editing your product images.

Select an image and then choose an editing feature.

Product Catalog Editor. The editing features are highlighted on the left side.

The editing features include:

  • Templates
    Apply a template to your product images.
    ​

  • Resize
    Change image size and aspect ratio.
    ​

  • Position
    Change the padding and positioning.
    ​

  • Background
    Remove or replace the background with a color, image, or AI-generated background.
    ​

  • AI Shadows
    Apply AI-generated shadow effects.
    ​

  • AI tools
    Use tools such as Virtual Model, Recolor, and Ghost Mannequin.
    ​

  • AI shot list
    Generate studio-style product images (same feature as in the Shopify sidebar).

  • Add images
    Upload new images, use existing designs, or generate AI images.
    ​

  • Shopify
    Show or hide the Shopify sidebar.

Note: The Usage section shows AI image credits, AI video credits, and batch export usage for the Space.

Editing a product image in the main editor

You can also edit product images in the main Photoroom editor. This gives access to additional tools not available in the Product Catalog Editor, such as layers, text, graphics, and brightness adjustments.

To open an image in the main editor:

  1. Select the image’s context menu (…)

  2. Select Edit.
    ​

Individual image being edited in the main Photoroom editor.


After editing, you can choose whether to apply the changes to the other product images (see How does "Apply recent edits to all" work?).

Next steps

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

Related articles

Core workflows:

Editing:

AI tools:

  • Use AI Tools to edit Product Catalog images (Web App)

  • Generate Product Catalog images with AI shot list (Web App)
    ​

Did this answer your question?