Table of Content

HomeBlogPlugin UsageHow to Inline edit product ima...

How to Inline edit product image and gallery in Woocommerce bulk product editing plugin?

Inline edit product image and gallery edit in Woocommerce bulk product editing plugin makes it easy for you to change the picture of each product in less than a few seconds directly from the product table. 

As the purpose of inline edit is enabling you to edit the features from the product table, before doing anything, you need to add the proper columns to the table. 

So, to make product image available in the product table, you need to:

  • Click on “Column Profiles” icon
  • Mark “Thumbnail” and “Gallery” in the “Column Profiles” form
  • Click on “Apply to Table” 
column profile in WooCommerce bulk product editing plugin

As illustrated below, two columns are added to the product table and we are now able to inline edit any of them by easily click on the image or gallery button.

Inline edit product image in WooCommerce bulk product editing

Inline edit product image

 By clicking on of the images in the product table, a new pop-up will appear which includes below options:

Remove image: 

By clicking on this button the thumbnail will be removed from that product 

Remove image in Woocommerce bulk product editing plugin

Pen (Edit ) icon: 

by clicking on the pen, you will be directed to the media library so you can replace or edit the thumbnail easily.

In the media library which has the default format of WordPress media libraries, you can:

  • Choose another image from the existing ones
  • Add some information to your image such as Alt text, Title, etc
choose image in Inline edit product image
  • Edit the selected thumbnail by clicking on  “Edit Image” which directs you to a new page including some options for cutting, rotating or resizing the selected thumbnail.   
edit image in woocommerce bulk product editing
  • Upload a new image by opening the “Upload File” tab and drag & drop your prefered image from your device.
upload file for Inline edit product image

When you edit the thumbnail exactly according to your requirements, this new thumbnail will be assigned to your product by clicking on “Choose Image” button:

filter media in wordpress

Inline edit product gallery

Inline edit product gallery is somehow similar to the Inline edit product image. The only difference is that when you click on the gallery button in the product table a new pop-up will appear that enable you to assign more than one images to the gallery of that product by clicking on the + option:

For example, for “v neck t shirt”, we choose the below pictures:

choose desire image for product image in woocommerce bulk product editing

Then by clicking on “Choose Image”, it was added to the product gallery. 

As you can see, some images were added to the gallery of “V neck t shirt”:

add gallery for products in woocommerce bulk product editing

By clicking on “Apply changes”, those images were assigned to that product. 

As shown below, If you have already assigned some pictures to the gallery of any product, you are also able to delete any of them by clicking on the gallery button and select × appeared on each image in the new pop-up. After delete you need to click on the “Apply Changes” button.

remove image and gallery in woocommerce bulk product editing
Like this tutorial?

Do you still have a problem?

If you still have unanswered questions or need custom work for your plugin, contact iThemeland Support.

Comments

Subscribe
Notify of
guest
0 Comments
Oldest
Newest
Inline Feedbacks
View all comments