{"id":1437,"date":"2021-05-11T13:21:57","date_gmt":"2021-05-11T13:21:57","guid":{"rendered":"https:\/\/ithemelandco.com\/docs\/woocommerce-bulk-product-editing\/?p=1437"},"modified":"2024-04-15T08:29:47","modified_gmt":"2024-04-15T08:29:47","slug":"how-to-inline-edit-product-image-and-gallery-in-woocommerce-bulk-product-editing-plugin","status":"publish","type":"post","link":"https:\/\/ithemelandco.com\/docs\/woocommerce-bulk-product-editing\/how-to-inline-edit-product-image-and-gallery-in-woocommerce-bulk-product-editing-plugin\/","title":{"rendered":"How to Inline edit product image and gallery in Woocommerce bulk product editing plugin?"},"content":{"rendered":"\n<p>Inline edit product image and gallery edit in <a href=\"https:\/\/ithemelandco.com\/plugins\/woocommerce-bulk-product-editing\/\" target=\"_blank\" rel=\"noreferrer noopener\">Woocommerce bulk product editing plugin<\/a> makes it easy for you to change the picture of each product in less than a few seconds directly from the product table.&nbsp;<\/p>\n\n\n\n<p>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.&nbsp;<\/p>\n\n\n\n<p>So, to make product image available in the product table, you need to:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Click on \u201c<strong>Column Profiles<\/strong>\u201d icon<\/li>\n\n\n\n<li>Mark \u201c<strong>Thumbnail<\/strong>\u201d and \u201c<strong>Gallery<\/strong>\u201d in the \u201c<strong>Column Profiles<\/strong>\u201d form<\/li>\n\n\n\n<li>Click on \u201c<strong>Apply to Table<\/strong>\u201d\u00a0<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/ithemelandco.com\/docs\/woocommerce-bulk-product-editing\/wp-content\/uploads\/sites\/4\/2024\/04\/Column-Profiles.png\"><img fetchpriority=\"high\" decoding=\"async\" width=\"1492\" height=\"837\" src=\"https:\/\/ithemelandco.com\/docs\/woocommerce-bulk-product-editing\/wp-content\/uploads\/sites\/4\/2024\/04\/Column-Profiles.png\" alt=\"column profile in WooCommerce bulk product editing plugin\" class=\"wp-image-2820\"\/><\/a><\/figure>\n\n\n\n<p>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.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/ithemelandco.com\/docs\/woocommerce-bulk-product-editing\/wp-content\/uploads\/sites\/4\/2024\/04\/bulk-edit-1.png\"><img decoding=\"async\" width=\"1701\" height=\"713\" src=\"https:\/\/ithemelandco.com\/docs\/woocommerce-bulk-product-editing\/wp-content\/uploads\/sites\/4\/2024\/04\/bulk-edit-1.png\" alt=\"Inline edit product image in WooCommerce bulk product editing\" class=\"wp-image-2821\" srcset=\"https:\/\/ithemelandco.com\/docs\/woocommerce-bulk-product-editing\/wp-content\/uploads\/sites\/4\/2024\/04\/bulk-edit-1.png 1701w, https:\/\/ithemelandco.com\/docs\/woocommerce-bulk-product-editing\/wp-content\/uploads\/sites\/4\/2024\/04\/bulk-edit-1-1536x644.png 1536w\" sizes=\"(max-width: 1701px) 100vw, 1701px\" \/><\/a><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Inline edit product image<\/strong><\/h2>\n\n\n\n<p>&nbsp;By clicking on of the images in the product table, a new pop-up will appear which includes below options:<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Remove image:&nbsp;<\/strong><\/h3>\n\n\n\n<p>By clicking on this button the thumbnail will be removed from that product&nbsp;<\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><a href=\"https:\/\/ithemelandco.com\/docs\/woocommerce-bulk-product-editing\/wp-content\/uploads\/sites\/4\/2021\/03\/33-image-edit.jpg\"><img decoding=\"async\" width=\"610\" height=\"300\" src=\"https:\/\/ithemelandco.com\/docs\/woocommerce-bulk-product-editing\/wp-content\/uploads\/sites\/4\/2021\/03\/33-image-edit.jpg\" alt=\"Remove image in Woocommerce bulk product editing plugin\" class=\"wp-image-1444\" style=\"width:610px\"\/><\/a><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Pen (Edit ) icon:&nbsp;<\/strong><\/h3>\n\n\n\n<p>by clicking on the pen, you will be directed to the media library so you can replace or edit the thumbnail easily.<\/p>\n\n\n\n<p>In the media library which has the default format of WordPress media libraries, you can:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Choose another image from the existing ones<\/li>\n\n\n\n<li>Add some information to your image such as Alt text, Title, etc<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><a href=\"https:\/\/ithemelandco.com\/docs\/woocommerce-bulk-product-editing\/wp-content\/uploads\/sites\/4\/2021\/03\/33-choose-image.jpg\"><img loading=\"lazy\" decoding=\"async\" width=\"1200\" height=\"524\" src=\"https:\/\/ithemelandco.com\/docs\/woocommerce-bulk-product-editing\/wp-content\/uploads\/sites\/4\/2021\/03\/33-choose-image.jpg\" alt=\"choose image in Inline edit product image\" class=\"wp-image-1446\" style=\"width:1200px\"\/><\/a><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Edit the selected thumbnail by clicking on\u00a0 \u201c<strong>Edit Image<\/strong>&#8221; which directs you to a new page including some options for cutting, rotating or resizing the selected thumbnail.\u00a0\u00a0\u00a0<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><a href=\"https:\/\/ithemelandco.com\/docs\/woocommerce-bulk-product-editing\/wp-content\/uploads\/sites\/4\/2021\/03\/33-Edit-Image.jpg\"><img loading=\"lazy\" decoding=\"async\" width=\"1536\" height=\"666\" src=\"https:\/\/ithemelandco.com\/docs\/woocommerce-bulk-product-editing\/wp-content\/uploads\/sites\/4\/2021\/03\/33-Edit-Image.jpg\" alt=\"edit image in woocommerce bulk product editing\" class=\"wp-image-1448\" style=\"width:1536px\"\/><\/a><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Upload a new image by opening the \u201c<strong>Upload File<\/strong>\u201d tab and drag &amp; drop your prefered image from your device.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><a href=\"https:\/\/ithemelandco.com\/docs\/woocommerce-bulk-product-editing\/wp-content\/uploads\/sites\/4\/2021\/03\/33-Upload-File.jpg\"><img loading=\"lazy\" decoding=\"async\" width=\"1200\" height=\"522\" src=\"https:\/\/ithemelandco.com\/docs\/woocommerce-bulk-product-editing\/wp-content\/uploads\/sites\/4\/2021\/03\/33-Upload-File.jpg\" alt=\"upload file for Inline edit product image\" class=\"wp-image-1450\" style=\"width:1200px\"\/><\/a><\/figure>\n\n\n\n<p>When you edit the thumbnail exactly according to your requirements, this new thumbnail will be assigned to your product by clicking on \u201c<strong>Choose Image<\/strong>\u201d button:<\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><a href=\"https:\/\/ithemelandco.com\/docs\/woocommerce-bulk-product-editing\/wp-content\/uploads\/sites\/4\/2021\/03\/33-filter-media.jpg\"><img loading=\"lazy\" decoding=\"async\" width=\"1200\" height=\"525\" src=\"https:\/\/ithemelandco.com\/docs\/woocommerce-bulk-product-editing\/wp-content\/uploads\/sites\/4\/2021\/03\/33-filter-media.jpg\" alt=\"filter media in wordpress\" class=\"wp-image-1452\" style=\"width:1200px\"\/><\/a><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Inline edit product gallery<\/strong><\/h2>\n\n\n\n<p>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:<\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"624\" height=\"299\" src=\"https:\/\/ithemelandco.com\/docs\/woocommerce-bulk-product-editing\/wp-content\/uploads\/sites\/4\/2021\/03\/33-gallery-edit.jpg\" alt=\"\" class=\"wp-image-1455\" style=\"width:624px\"\/><\/figure>\n\n\n\n<p>For example, for \u201cv neck t shirt\u201d, we choose the below pictures:<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"519\" src=\"https:\/\/ithemelandco.com\/docs\/woocommerce-bulk-product-editing\/wp-content\/uploads\/sites\/4\/2021\/03\/33-choose-image-1-1024x519.jpg\" alt=\"choose desire image for product image in woocommerce bulk product editing\" class=\"wp-image-1456\"\/><\/figure>\n\n\n\n<p>Then by clicking on \u201c<strong>Choose Image<\/strong>\u201d, it was added to the product gallery.&nbsp;<\/p>\n\n\n\n<p>As you can see, some images were added to the gallery of \u201cV neck t shirt\u201d:<\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><a href=\"https:\/\/ithemelandco.com\/docs\/woocommerce-bulk-product-editing\/wp-content\/uploads\/sites\/4\/2021\/03\/33-gallery-edit-1.jpg\"><img loading=\"lazy\" decoding=\"async\" width=\"625\" height=\"301\" src=\"https:\/\/ithemelandco.com\/docs\/woocommerce-bulk-product-editing\/wp-content\/uploads\/sites\/4\/2021\/03\/33-gallery-edit-1.jpg\" alt=\"add gallery for products in woocommerce bulk product editing\" class=\"wp-image-1457\" style=\"width:625px\"\/><\/a><\/figure>\n\n\n\n<p>By clicking on \u201c<strong>Apply changes<\/strong>\u201d, those images were assigned to that product.&nbsp;<\/p>\n\n\n\n<p>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 \u00d7 appeared on each image in the new pop-up. After delete you need to click on the \u201c<strong>Apply Changes<\/strong>\u201d button.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><a href=\"https:\/\/ithemelandco.com\/docs\/woocommerce-bulk-product-editing\/wp-content\/uploads\/sites\/4\/2021\/03\/33-gallery-edit-2.jpg\"><img loading=\"lazy\" decoding=\"async\" width=\"627\" height=\"302\" src=\"https:\/\/ithemelandco.com\/docs\/woocommerce-bulk-product-editing\/wp-content\/uploads\/sites\/4\/2021\/03\/33-gallery-edit-2.jpg\" alt=\"remove image and gallery in woocommerce bulk product editing\" class=\"wp-image-1458\" style=\"width:627px\"\/><\/a><\/figure>\n","protected":false},"excerpt":{"rendered":"<p>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.&nbsp; As the purpose of inline edit is enabling you to edit the features from the product table, before doing [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-1437","post","type-post","status-publish","format-standard","hentry","category-plugin-usage"],"_links":{"self":[{"href":"https:\/\/ithemelandco.com\/docs\/woocommerce-bulk-product-editing\/wp-json\/wp\/v2\/posts\/1437","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ithemelandco.com\/docs\/woocommerce-bulk-product-editing\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/ithemelandco.com\/docs\/woocommerce-bulk-product-editing\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/ithemelandco.com\/docs\/woocommerce-bulk-product-editing\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ithemelandco.com\/docs\/woocommerce-bulk-product-editing\/wp-json\/wp\/v2\/comments?post=1437"}],"version-history":[{"count":0,"href":"https:\/\/ithemelandco.com\/docs\/woocommerce-bulk-product-editing\/wp-json\/wp\/v2\/posts\/1437\/revisions"}],"wp:attachment":[{"href":"https:\/\/ithemelandco.com\/docs\/woocommerce-bulk-product-editing\/wp-json\/wp\/v2\/media?parent=1437"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/ithemelandco.com\/docs\/woocommerce-bulk-product-editing\/wp-json\/wp\/v2\/categories?post=1437"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/ithemelandco.com\/docs\/woocommerce-bulk-product-editing\/wp-json\/wp\/v2\/tags?post=1437"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}