How to Display Several Images Per Product In Odoo

The Most Popular Extension Builder for Magento 2

With a big catalog of 224+ extensions for your online store

Find extensions

An image is one of the few ways to demonstrate your product to a potential buyer who is browsing your website. While selling products through the Odoo website, it is necessary to have high-quality photos of those products that are emphasized to present to website visitors. Customers might be attracted to a business and persuaded to make an immediate purchase with the help of product photos, which are a significant source.

Before making a purchase, the customer, on the other hand, wants to investigate the product from all conceivable perspectives thoroughly. The inclusion of many photographs taken from a variety of perspectives helps to increase confidence and ensures that buyers are happy with the goods.

You are allowed to upload numerous photos at once of items that are being sold through the Odoo website. Consumers that visit your website won’t have any trouble viewing the photos. People may view all of the photographs by either going back and forth through the gallery or using the slider. Therefore, in today’s tutorial, we will show you how to display several images per product in Odoo. So, let’s dive in!

Table of Contents:

• Benefits of providing several images per product
• How to display several images per product in Odoo
  • Using manual setting
  • Using third-party plugin
    • Step 1: Install the Odoo Website Product Multi Images
    • Step 2: Configure the basic settings
    • Step 3: Edit the Website view
• Wrapping Up

Benefits of providing several images per product

A captivating image of the product is worth significantly more than a thousand words. Photos of your items that seem professional and have been optimized help both your products and your store appear more appealing and interesting to customers who are considering making a purchase. But, having only one product image displayed on each product page is not sufficient.

The photographs you choose to represent your products aren’t only there for their visual value. Images of products are absolutely necessary for online shops, as they allow customers to have a deeper comprehension of the goods being sold. As the proprietor of an online retail company, it is your responsibility to ensure that you offer adequate visual information to your clients regarding the things you sell.

The appearance and texture of the items for sale may be more accurately conveyed by online retailers when they use product photographs. But this isn’t the only reason you should utilize many product images on your listings; in fact, there are a few more. The second reason is a lot easier to understand: return rates are affected by product photographs. The rate of returned items results in significant additional expenses for merchants.

The incorporation of more product photographs improves the whole shopping experience by allowing customers to better prepare themselves for what the item will look like in actuality. It helps bridge the gap and provide the ‘brick-and-mortar’ experience to your online business, which may dramatically minimize return rates, especially when compared to items that have fewer photographs available online.

How to display several images per product in Odoo

Using manual setting

At this time, the only option that is provided by Odoo is to select the product images directly from within the system. On occasion, we are required to supply the picture URL; however, we do not have the opportunity to do so. Instead, we must select the image straight from the system, and we do not have the choice to supply either the image URL or its path.

You may quickly load the product picture from the Internet by utilizing a module called “Product Image URL.” When you enter the URL or image path to the field at the same click, the image will show up. Throughout the process of importing the product, you also have the option of using the image’s URL and Path. This module is available for usage in both the corporate edition and the community edition of the software. Versions 13,14,15, and 16 are available.

When we access the product form view, we are presented with the choice to either supply the URL or path to the product picture. If you provide the image path, the currently displayed picture will be updated, or a new image will be added for the product.

The previous picture has been changed to a new one that is based on the new image path after you saved the record with the new image path. Just by copying the URL into the box, you will be able to load the product picture that is located at the URL and Path with ease.

Throughout the process of importing items, we are also provided with the opportunity to utilize an image URL or path, thanks to the assistance of this module.

Upon the successful completion of the module installation, the import price list option was added to the products menu.

The choices that are available to import the file are displayed below. We may either upload the CSV file or the XLSX file; these are the two choices available to us. Under this module’s example folder, you will find a sample of the XLSX file format, as well as the CSV file format.

Your product web page will only show the primary image of your product while it is in its default state. You may transform the image into a carousel if you would want to present your items from a variety of different viewpoints.

Under the Website Admin menu, under Configuration, under Settings, check the box next to Multiple images per product.

Launch a product detail form, and then add photographs using the tab labeled Images. When in edit mode, pressing Create will bring up the upload wizard. These additional images are standard across all product configurations (if any).

Using third-party plugin

While making purchases, buyers frequently examine the entire product, examining it from front to back as well as top to bottom. They are able to form a favorable opinion of the items and gain further information about them as a result of this. On the other hand, how does a consumer examine the product from its many vantage points on the Odoo website?

You are able to add several photos to the items that are offered on your Odoo eCommerce website through the use of the Odoo Website Product Multi Images feature. In addition, proprietors of websites are required to add various photographs to a product in order to make it appear more appealing and interactive to buyers.

In addition, the use of several images on a website helps attract the attention of clients and persuades them to make purchases. Customers that visit your website won’t have any trouble viewing the new photos. In addition to this, users may see every photograph by only navigating back and forth and utilizing the slider.

Step 1: Install the Odoo Website Product Multi Images

After making the payment at the Webkul shop for the application, you will be given a link that allows you to download the module’s.zip file. When the download is complete, extract the file on your own machine. A folder with the name “website multi-image” will be visible to you at that point.

Make a copy of this folder, and then paste it into the location specified for your Odoo Add-Ons. Now, launch the Odoo app and navigate to the Settings menu by clicking here. To begin, bring up this menu and select the Development Mode.

The next step is to launch the Applications menu and select the “Update Modules List” option. Remove all of the criteria from the search field, then type in “website multi-image” and hit enter. You will be able to view the module in the search result that is presented to you. To install it, just click the “Install” button.

Step 2: Configure the basic settings

When you have completed the installation of Odoo Website Product Multi Images, you can begin configuring it by following the procedures outlined in the following paragraphs.

First things first, log into the Odoo backend using your credentials, then navigate to ‘Sales> Products> Products’ and open a product.

To add additional product media, navigate to the ‘Sales’ tab on the product page, find the section labeled ‘Additional Product Media,’ and then click the ‘Add a Media’ button.

Following that, in the following window that pops up, input the name, and then upload a picture. In addition, if the product has a video, you should give the URL for that video. After you are finished, click the option that says “Save & Close” or “Save & New,” whatever applies to your situation.

Under the ‘Add a Media’ button, which is depicted in the image that follows, you will get a count of the total number of photographs.

Step 3: Edit the Website view

Now, enter the Odoo website, navigate to the “Shop” section, and look for the product that has been configured.

On the product page, there is a slider where you may view all of the other photographs. You may look at each one of them by either scrolling the mouse wheel or clicking the next or previous arrow that is located next to the photographs.

Check out the website’s multi-image gallery while you’re there, as well as the responsive mobile layout of the website.

Wrapping Up

We hope this tutorial will help you understand how to display several images per product in Odoo. A company platform absolutely has to integrate media like photographs, videos, and audio in order to make customer communication as easy as possible. In light of this fact, Odoo encourages the integration of many forms of media onto its platform. There is the possibility of an application scenario in which any material is not stored as an attachment. It is possible to utilize media in Odoo either with or without linking to the attachments that go along with it.

In addition, the utilization of a number of photographs on a website assists in drawing the focus of customers and encourages them to make acquisitions from the website. Consumers who access your website won’t have any difficulty viewing the recently added photographs. In addition to this, visitors are able to see each shot by merely scrolling back and forth and making use of the slider.