Skip to main content

How to edit product images for Shopify (Web App)

An overview of the process for editing product images for Shopify. Web App.

C
Written by Craig Wright

When you connect Photoroom to your Shopify store, the two apps sync. When the sync is complete, your Shopify products appear in Photoroom. You can then use Photoroom to add products, add images, and edit your existing product images.

This article gives an overview of how to edit product images and improve your listings. It covers the general workflow for editing and shows where to find the various editing features.

For detailed steps on each editing feature, see the articles in Related content at the end.


Steps (Web App)

To work on product images in the Product editor:

  1. Select the product images you want to be affected by your edits.

  2. Use the Shopify sidebar, side menu, right-click menu, and pill menu options to add and edit your product images (see sections below for an overview).

  3. Publish to your store.

Use the Shopify sidebar to improve your product listing

The Shopify sidebar is shown by default and it contains features designed to help you improve your product listing.

The Shopify sidebar options are:

  • Listing Score:
    Use Listing Score to identify areas for improvement
    ​

  • AI Shot List:
    Use AI Shot List to generate a typical range of product images
    ​

  • Title & Description:
    Use Title and Description to improve the product title and information for the listing
    ​

  • SEO & Metadata:
    Use SEO and Metadata to edit or generate SEO-optimized image file names and alt text
    ​

  • Variants:
    Use Variants to add images for other variations of a product, such as different colors or sizes.
    ​


Use the side menu options to perform common bulk editing actions

The side menu options contain settings that are common for bulk editing actions, such as resizing, changing backgrounds, and applying shadow effects.

The side menu options are:

  • Templates:
    Use Templates to apply one of your templates to the images
    ​

  • Resize:
    Use Resize to change the aspect ratio of the images
    ​

  • Position:
    Use Position to change the position and padding
    ​

  • Background:
    Use Background to change the background to a color, image, or AI-generated image
    ​

  • AI Shadows:
    Use AI Shadows to apply AI-generated shadow effects

  • AI Tools:
    Use the AI Tools to create AI-generated images, such as AI Fashion Models wearing your clothing products or Product Staging to show your products in realistic scenes
    ​

  • Add images:
    Use Add images to add extra images to a product
    ​

  • Shopify:
    Use the Shopify option to access the Shopify sidebar
    ​

  • Usage:
    Usage provides information about the AI credits and exports available for the Space.
    ​


Use the pill menus to make changes to individual images

The options for editing individual images are in a pill menu that appears when you select an image or a layer on an image. For example, on the pill menu for a layer, there are options to adjust brightness and contrast, add a highlight, crop the layer, and more.

Important: The options in a pill menu are specific to the selected layer or image. For example, for a text layer you get options for text editing, which are different from the pill menu options for a graphic layer.


Apply the same edits to multiple product images

When you make edits to a product image, you can set Photoroom to apply the same changes to other images for the product. This is quicker than manually editing each image in turn.

You can either:

  • Use Apply to all on the pill menu to make the changes to all of the product's images
    ​

  • Right-click and use Copy/Paste edits to copy and paste changes from one image to selected images.
    ​


    ​


Use the right-click context menu to manage images

If you right-click on a product image, a context menu appears with options for managing the image.

The product editor showing its side menu, shopify sidebar, and a grid of images for a single product

The right-click context menu options include:

  • Copy
    Copies the image to your device's clipboard.
    ​

  • Paste
    Pastes the content of your device's clipboard into the editor.
    ​

  • Copy/Paste edits
    Use to copy the edits made to one image and then paste them to another image.

  • Duplicate
    Creates a copy of the image.
    ​

  • Delete
    Removes the image from the product. Note that it does not remove the image from Shopify until you publish the update.
    ​

  • Create new section
    Adds a new section to your Product editor.
    ​

  • Select all
    Use to select all images.
    ​

  • Save as a template
    Use to save your current image as a template.
    ​

  • Download
    Export the product image as an image file.


Publish

When you're finished editing, publish your changes to update your store. For instructions, see Publish updates to Shopify (Web App).

Important: Edits only appear in your Shopify store after you publish them.


Related content


Did this answer your question?