Skip to Content
Odoo Menu
  • Sign in
  • Try it free
  • Apps
    Finance
    • Accounting
    • Invoicing
    • Expenses
    • Spreadsheet (BI)
    • Documents
    • Sign
    Sales
    • CRM
    • Sales
    • POS Shop
    • POS Restaurant
    • Subscriptions
    • Rental
    Websites
    • Website Builder
    • eCommerce
    • Blog
    • Forum
    • Live Chat
    • eLearning
    Supply Chain
    • Inventory
    • Manufacturing
    • PLM
    • Purchase
    • Maintenance
    • Quality
    Human Resources
    • Employees
    • Recruitment
    • Time Off
    • Appraisals
    • Referrals
    • Fleet
    Marketing
    • Social Marketing
    • Email Marketing
    • SMS Marketing
    • Events
    • Marketing Automation
    • Surveys
    Services
    • Project
    • Timesheets
    • Field Service
    • Helpdesk
    • Planning
    • Appointments
    Productivity
    • Discuss
    • Artificial Intelligence
    • IoT
    • VoIP
    • Knowledge
    • WhatsApp
    Third party apps Odoo Studio Odoo Cloud Platform
  • Industries
    Retail
    • Book Store
    • Clothing Store
    • Furniture Store
    • Grocery Store
    • Hardware Store
    • Toy Store
    Food & Hospitality
    • Bar and Pub
    • Restaurant
    • Fast Food
    • Guest House
    • Beverage Distributor
    • Hotel
    Real Estate
    • Real Estate Agency
    • Architecture Firm
    • Construction
    • Property Management
    • Gardening
    • Property Owner Association
    Consulting
    • Accounting Firm
    • Odoo Partner
    • Marketing Agency
    • Law firm
    • Talent Acquisition
    • Audit & Certification
    Manufacturing
    • Textile
    • Metal
    • Furnitures
    • Food
    • Brewery
    • Corporate Gifts
    Health & Fitness
    • Sports Club
    • Eyewear Store
    • Fitness Center
    • Wellness Practitioners
    • Pharmacy
    • Hair Salon
    Trades
    • Handyman
    • IT Hardware & Support
    • Solar Energy Systems
    • Shoe Maker
    • Cleaning Services
    • HVAC Services
    Others
    • Nonprofit Organization
    • Environmental Agency
    • Billboard Rental
    • Photography
    • Bike Leasing
    • Software Reseller
    Browse all Industries
  • Community
    Learn
    • Tutorials
    • Documentation
    • Certifications
    • Training
    • Blog
    • Podcast
    Empower Education
    • Education Program
    • Scale Up! Business Game
    • Visit Odoo
    Get the Software
    • Download
    • Compare Editions
    • Releases
    Collaborate
    • Github
    • Forum
    • Events
    • Translations
    • Become a Partner
    • Services for Partners
    • Register your Accounting Firm
    • Referral Program
    Get Services
    • Find a Partner
    • Find an Accountant
    • Meet an advisor
    • Implementation Services
    • Customer References
    • Support
    • Upgrades
    Github Youtube Twitter Linkedin Instagram Facebook Spotify
    +1 (650) 691-3277
    Get a demo
  • Pricing
  • Help
You need to be registered to interact with the community.
All Posts People Badges
Tags (View all)
odoo accounting v14 pos v15
About this forum
You need to be registered to interact with the community.
All Posts People Badges
Tags (View all)
odoo accounting v14 pos v15
About this forum
Help

Changing the product image in shop main view by module in odoo

Subscribe

Get notified when there's activity on this post

This question has been flagged
ModuleodooV13
2 Replies
7860 Views
Avatar
Raitis

I am trying to change the image of a product on main shop(website_sale module) view, by my own module and inheritance. I will try to explain my logic, so my code will be more understandable.


First of all, I have inherited the product.product to get access to the variables in the webiste_sale module.


Then I made some xpaths to the html code, where those img src attributes are present, I was relying on this result html code:

---

<a class="d-block h-100" itemprop="url" href="/shop/product/a4tech-bloody-v8m-2">

                    <span data-oe-model="product.template" data-oe-id="2" data-oe-field="image_1920" data-oe-type="image" data-oe-expression="product.image_1920" class="d-flex h-100 justify-content-center align-items-center"><img src="/web/image/product.template/2/image_256/A4Tech Bloody V8M?unique=9ffc5e8" class="img img-fluid" alt="A4Tech Bloody V8M"/></span>

</a>

---

And so, here is my templates.xml code:

---

<odoo>

    <data>

       <template id="website_sales_inh" name="webiste_sales_inherit" inherit_id="website_sale.products_item">

          <xpath expr="//span[hasclass('d-flex')]" position="inside">

             <xpath expr="//@data-oe-id='1'" position="inside">

               <field name="src1">product.product.image_256</field>

             </xpath>

             <xpath expr="//@data-oe-id='2'" position="inside">

               <field name="src2">product.product.image_256</field>

             </xpath>

             <xpath expr="//@data-oe-id='3'" position="inside">

               <field name="src3">product.product.image_256</field>

             </xpath>

          </xpath>

       </template>

    </data>

</odoo>

---

I selected the three individual image_256 from the products(I have 3 products in shop)


And finally by doing some searching through webiste_sale module, I have confirmed that, varriable name is image_256 inside a product.product. Here are the search results:

---

root@linux-desktop:/usr/lib/python3/dist-packages/odoo/addons/website_sale$ grep -rnw . -e "image_256"

./tests/test_website_sale_image.py:182:        image = Image.open(io.BytesIO(base64.b64decode(template.image_256)))

./tests/test_website_sale_image.py:185:        image = Image.open(io.BytesIO(base64.b64decode(product_red.image_256)))

./tests/test_website_sale_image.py:188:        image = Image.open(io.BytesIO(base64.b64decode(product_green.image_256)))

./static/src/xml/website_sale_recently_viewed.xml:15:                                            <img class="o_carousel_product_card_img_top card-img-top" t-attf-src="/web/image/product.product/#{product.id}#{productFrame == 1 ? '/image_256' : '/image_512'}" t-att-alt="product.display_name"/>

./views/templates.xml:156:                        t-options="{'widget': 'image', 'preview_image': 'image_1024' if product_image_big else 'image_256'}"


root@linux-desktop:/usr/lib/python3/dist-packages/odoo/addons/website_sale$ grep -rnw . --exclude="*.po" -e "/web/image"

./data/mail_template_data.xml:46:                                        <img src="/web/image/product.product/${line.product_id.id}/image_128" style="width: 100px; height: 100px; object-fit: contain;" alt="Product image"></img>

./i18n/website_sale.pot:96:"                                        <img src=\"/web/image/product.product/${line.product_id.id}/image_128\" style=\"width: 100px; height: 100px; object-fit: contain;\" alt=\"Product image\"/>\n"

./static/src/xml/website_sale_utils.xml:14:                <img t-attf-src="/web/image/product.template/#{product['id']}/image_128"

./static/src/xml/website_sale_recently_viewed.xml:15:                                            <img class="o_carousel_product_card_img_top card-img-top" t-attf-src="/web/image/product.product/#{product.id}#{productFrame == 1 ? '/image_256' : '/image_512'}" t-att-alt="product.display_name"/>

---

Here is resulting models.py code:

---

# -*- coding: utf-8 -*-


from odoo import models, fields, api



class imgtogif_r(models.Model):

    _inherit = 'product.product'

    _name = 'product.product'

    src1 = fields.Text(string="testsrc1")

    src2 = fields.Text(string="testsrc2")

    src3 = fields.Text(string="testsrc3")

---

Just setting the fields from xml with test values to test the module, but strings are nowhere to be found. I would like to hear, what is wrong here, and why it is not working. Thanks :)


0
Avatar
Discard
Avatar
Raitis
Author Best Answer

@Anisha

Thank you for your answer, but it didn't help

0
Avatar
Discard
Avatar
Anisha Bahukhandi
Best Answer

Hello Raitis,

Kindly replace product.product.image_256 with product.image_256 

For detailed information, you can refer to the below-mentioned code:

<odoo>

    <data>

       <template id="website_sales_inh" name="webiste_sales_inherit" inherit_id="website_sale.products_item">

          <xpath expr="//span[hasclass('d-flex')]" position="inside">

             <xpath expr="//@data-oe-id='1'" position="inside">

               <field name="src1">product.product.image_256</field>

             </xpath>

             <xpath expr="//@data-oe-id='2'" position="inside">

               <field name="src2">product.product.image_256</field>

             </xpath>

             <xpath expr="//@data-oe-id='3'" position="inside">

               <field name="src3">product.product.image_256</field>

             </xpath>

          </xpath>

       </template>

    </data>

</odoo>


0
Avatar
Discard
Enjoying the discussion? Don't just read, join in!

Create an account today to enjoy exclusive features and engage with our awesome community!

Sign up
Related Posts Replies Views Activity
Changing the product image in shop main view by module in odoo
Module odooV13
Avatar
1
Apr 25
6067
My Fist Odoo Modul
Module
Avatar
Avatar
2
Aug 25
2229
Odoov13 UI suddenly stop working
odooV13
Avatar
Avatar
1
Nov 24
3480
Odoo Server Error when Upgrading Module (Odoo 13)
Module
Avatar
Avatar
1
Nov 24
14099
Module installation
Module
Avatar
Avatar
Avatar
2
Dec 23
4955
Community
  • Tutorials
  • Documentation
  • Forum
Open Source
  • Download
  • Github
  • Runbot
  • Translations
Services
  • Odoo.sh Hosting
  • Support
  • Upgrade
  • Custom Developments
  • Education
  • Find an Accountant
  • Find a Partner
  • Become a Partner
About us
  • Our company
  • Brand Assets
  • Contact us
  • Jobs
  • Events
  • Podcast
  • Blog
  • Customers
  • Legal • Privacy
  • Security
الْعَرَبيّة Català 简体中文 繁體中文 (台灣) Čeština Dansk Nederlands English Suomi Français Deutsch हिंदी Bahasa Indonesia Italiano 日本語 한국어 (KR) Lietuvių kalba Język polski Português (BR) română русский язык Slovenský jazyk Slovenščina Español (América Latina) Español Svenska ภาษาไทย Türkçe українська Tiếng Việt

Odoo is a suite of open source business apps that cover all your company needs: CRM, eCommerce, accounting, inventory, point of sale, project management, etc.

Odoo's unique value proposition is to be at the same time very easy to use and fully integrated.

Website made with

Odoo Experience on YouTube

1. Use the live chat to ask your questions.
2. The operator answers within a few minutes.

Live support on Youtube
Watch now