WooCommerce – how to insert a picture and gallery

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. WooCommerce ako vložiť obrázok a galériu

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 .

WooCommerce image and product gallery
Insert a product image and gallery

The link will take you to the media library on your site.

WooCommerce vloženie obrázka produktu
Insert a product image

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.

WooCommerce product image
Embedded product image

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

WooCommerce product gallery
Product with image gallery

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.

WooCommerce product gallery insertion
Insert a product gallery

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.

WooCommerce galéria produktu
Edit product gallery

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.com

Was this article helpful for you? Support me by sharing, please. 👍
WordPress Návod v PDF


Please enter your comment!
Please enter your name here