WooCommerce allows you to create a clear online store. Of course, pictures are also a part of a well-arranged shop. Adding an image and a gallery of images (product images and galleries) to the product is not complicated. I will describe inserting product photos step by step.
Table of Contents
How to insert a picture for the product
To insert a picture of the product, scroll to the page for adding a new product below. On the right side of the page, in the Product Image window, click the Set Product Image link .
The link will take you to the media library on your site.
Select an image from your media library or upload a new one from your hard drive. Don’t forget to fill in the Alt text field. Alt text is used by search engines. Use an apt name or description of the goods. I will write more detailed information about adding images to the stand in the article How to add an image in WordPress.
You do not have to enter a description and caption in the e-shop. Finally, click the Set Product Image button in the lower right corner of the window.
After inserting, you can delete the product image by clicking on the Delete product image link. Click on the image to edit it.
The image you have added to the product will be displayed on the e-shop page as well as in the list of products in the search or in the administration of the page.
How to add an image gallery to a product
For a better view of the product or its variants, a gallery of images can also be created in WooCommerce for a specific product. Gallery images will be displayed in the e-shop below the main image. To add a gallery, click the Add Product Gallery Images link in the Product Gallery window.
The media library window will open. Select the images you want to insert into the gallery. You do not have to insert them one by one. If you hold down the shift, you can click on multiple images. You will insert all clicked images into the gallery. To create a gallery, click the Add to Gallery button.
You can freely change the order of the images in the gallery using the drag & drop function. You can also delete images here by clicking on the cross that appears when you hover over a specific image in the gallery.
For more information, see the official documentation: docs.woocommerce.comWas this article helpful for you? Support me by sharing, please. 👍