Improving the experience of visitors to a virtual store is a goal that every administrator wants to meet. And one of the small changes that can be made is customizing each product image in WooCommerce.
Being able to determine how the images will be displayed in the catalog and for each item is very important, since this is the face of it and what the buyer aspires to acquire.
But this may seem a bit complicated for those who do not yet handle all the tools and programs that WordPress includes, such as WooCommerce.
WooCommerce also gives you the possibility that all your sales are made in a clean, fast and organized way. You can create and offer your customers electronic invoices and attach payment files thanks to WooCommerce Checkout Manager.
What do I need to have a product image in WooCommerce?
In order to work with this e-commerce tool, it will be necessary to have an account on the WordPress platform and be subscribed to a plan.
The latter is essential because, as you should already know, WooCommerce is a plugin for this content management service. And all extensions are exclusive to subscribed customers.
In addition to this, it is advisable to have the images to use at hand, as well as the rest of the pertinent information regarding the products.
Having this ready and present, you can start working on establishing and customizing a product image in WooCommerce.
From scratch: creating the product
Before you can add or customize any image, it will be necessary to create the element or product with which you will work and that will be available to customers.
For this, you must open and log into WordPress, then the customizer or ” WP Admin ” is located on the left side panel .
In this way, it will redirect us to the account administrator screen, where you can access, from the side menu, in the ” WooCommerce ” section to the ” Product ” tab.
Thus, the options from which you will choose to ” Add new ” will open, so we can fill in the fields with the information corresponding to the item or service.
Before clicking on ” Publish “, the image must be inserted, if not, the platform will place a default one, which will be seen when accessing the product link.
Customizing the default image
Now, to customize the image that will be displayed by default, it is best to have the image to link in the ” Media Library ” of our WordPress.
Next, you will have to go to the same ” WP Admin “, but this time choosing the ” Media ” tab and then ” Library ” to be able to click on the desired file.
When the view of it opens, the image link can be copied from the right side. Through this link, the product image will be added in WooCommerce.
The next step consists of accessing the “ funtions.php ” file or directly the “ Snippets ” plugin , the latter being the most recommended.
Then, we locate the tab ” Snippets ” from the side panel, and click on the ” Add new ” mode , and proceed to paste the following code:
add_filter (‘woocommerce_placeholder_img_src’, ‘bp_woo_placeholder’, 10);
function bp_woo_placeholder ($ image_url) {
$ image_url = »;
return $ image_url;}
Finally, the link to the library image that we copied earlier will be pasted between the quotes, and in this way the default image will have been changed.
Customize a product image with WooCommerce
If what you want is to customize a specific image to a certain product, you must open the ” WP Admin ” and in ” WooCommerce ” go to the “Product images “.
In this section, it will be possible to characterize both the images of the individual product, and those shown in miniature in the catalog.
Then, you can change the ” Width of the main image ” and the ” Width of the thumbnail ” placing the values you want in numbers.
Also, it is allowed to set settings for specific cropping on thumbnail images to “ 1: 1 ”, “ Custom ” and “ No cropping ”.
Therefore, it will be up to the user how to customize the product image with WooCommerce, then we will have to wait for the changes to be made satisfactorily.
If the product you want to customize is in high demand and you have already run out of Stock WooCommerce gives you the possibility of being able to hide them momentarily. If you are interested in the world of online sales, remember to also use the Instagram Shooping application to make your products more public.