Rating 5 stars - 1 votes

WooCommerce Media Library. How to Upload Images to Media Library

One of the most convenient WooCommerce features is that, it comes with native media data storage, called Media Library. WooCommerce Media Library holds all the images, audios, video files and documents you have uploaded to WooCommerce and facilitates their accurate arrangement respectively.


Store Manager for WooCommerce comes with Media Library implemented and makes media details handling more sophisticated. Below in this post we are going to outline how to upload WooCommerce product images to Media Library and assign them to necessary items.


Overview: WooCommerce Media Library

Media Library with all WooCommerce product images, you have ever appended, is available under Store section of the application menu.


When you hit Media Library button, there will expand its window and by default it is structured in the way, the screenshot below shows.


WooCommerce Media Library in Store Manager
WooCommerce Media Library in Store Manager

Store Manager for WooCommerce supports dockable windows. They can be replaced and rearranged in the way you like. To roll back to default view, press Restore Default Layout button at the bottom.


Let’s have a tour over Media Library and see how details are arranged within this page.


Grid View or List View

By default WooCommerce product images are displayed in a grid view. Scroll down the page to preview product photos.


WooCommerce Media Library Grid View
WooCommerce Media Library Grid View

To enable List View, just press corresponding button on the toolbar. Display mode will change and will attain the list of images and their details, namely ID, Title, Alt Text, File Name, Post Date and Image Preview.


WooCommerce Media Library List View
WooCommerce Media Library List View

When List View is enabled, Export Grid option appears on the toolbar. You may have guessed that Store Manager for WooCommerce supports grid export. These image details can be instantaneously transferred to HTML, XML, TXT, CSV, XLS, XLSX files.


Export WooCommerce Media Library
Export WooCommerce Media Library

List View mode allows you to sort images by column headings, enable row filters or group box filter.


WooCommerce Product Image Filter and Search

Store Manager greatly contributes to image filtering and instant search. As it has been mentioned above, image records can be rearranged clicking on this or that column heading. On the toolbar below filter by date option is disposed. To retrieve pictures, uploaded within certain month, simply select this month from the dropdown.


WooCommerce Image Filter in Media Library
WooCommerce Image Filter in Media Library

Moreover, the application offers image search functionality. When you click on search icon, available on the toolbar, search form will come out. In order to find some image, you need to paste text to search for and fields, inputted text occurs in (ID, Title, Alt Text, Attached File, Post Date, Description, Caption, Post Name). Determine match conditions and confirm search.


WooCommerce Media Library Advanced Search
WooCommerce Media Library Advanced Search

WooCommerce product images matching search conditions, will instantly display in the field below. You may also experiment with display mode - enable List or Grid view.


It is possible to create filter with specified settings. Below in image search form you can see Create Filter button. Configure filter name or leave the one added automatically and press Create Filter. It will be added to the filter list, available on the menu under image list.


Upload Images to WooCommerce Media Library

Photos are added to Media Library in the following way:

  1. Press Add New button on the toolbar.

  2. Browse the local folder and choose the images to be uploaded to WooCommerce Media Library

  3. Press Open in the browse window for image upload procedure to start.

  4. Adding New WooCommerce Images to Media Library
    Adding New WooCommerce Images to Media Library

    Images have been uploaded and now are displayed in the Library. When you select this or that image, image preview and edit form with image details will display to the right. Change the details if necessary, namely Title, Post Name, Alt Text, Caption, etc.


    Assign Images to WooCommerce Products

    Before assigning pictures to WooCommerce products we would like to clarify that WooCommerce allows to add Feature image to products and Gallery images. Featured image is the main image, displayed at product details page, in the category, etc. Pictures added to Gallery will be shown as additional at the front end.

    1. Put the product, images should be assigned to, in the focus.

    2. Move to the lower grid and find featured image placeholder.

    3. Press Select button on the toolbar to reach Media Library, find out the image to be assigned as main and press Select button below or doubleclick on it.

    4. Image Assigning from WooCommece Media Library
      Image Assigning from WooCommece Media Library

      This way you can upload image from the Media Library. If you want to add the one from the local folder, click on Upload button on the toolbar, browse the local folder and select necessary image.


      Featured images has already been assigned to selected product.

    5. To upload extra images for the product open Gallery tab of the lower grid.

    6. Hit Add Images button on the toolbar and choose photos from the Media Library.

    7. Press Add button below for images to be assigned to selected record.

    8. Adding New WooCommerce Image to Product from Media Library
      Adding New WooCommerce Image to Product from Media Library

    9. In order to accomplish image upload to the Gallery, press Apply button at the bottom.

    10. Store Manager for WooCommerce represents simple and quick way of WooCommerce product images upload to Media Gallery. Enrich your shop with pictures and make your catalog presentable with this comprehensive WooCommerce extension.


      Manage WooCommerce Media Library Conveniently with FREE Store Manager

      Get It Now

Related Articles:
Card image
Drag & Drop WooCommerce Images to Upload Them At Once

Drag&drop WooCommerce images stored locally or directly from the browser to your WooCommerce products with Store Manager. Read More...

Card image
Bulk Change Image Alt Text in WooCommerce and Other Image Attributes

Generate image title, caption, alt text and description for WooCommerce images automatically to add or overwrite the existing details. Read More...

Card image
How to Perform WooCommerce Image Import

Add images to Media Library in bulk uploading local or remote images to your WooCommerce merchandise. Read More...

Card image
How to Upload Images to WooCommerce From URLs

Import images from HTTP URLs using links to the external location to your WooCommerce catalog with Store Manager advanced Import Wizard. Read More...

COMMENTS
Be the first to comment.