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
    • Approvals
    • 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
    • Estate 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
    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

Odoo is the world's easiest all-in-one management software.
It includes hundreds of business apps:

  • CRM
  • e-Commerce
  • Accounting
  • Inventory
  • PoS
  • Project
  • MRP
All apps
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
1 Reply
5040 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
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
Avatar
2
May 20
7034
My Fist Odoo Modul
Module
Avatar
Avatar
2
Aug 25
1454
Odoov13 UI suddenly stop working
odooV13
Avatar
Avatar
1
Nov 24
2170
Odoo Server Error when Upgrading Module (Odoo 13)
Module
Avatar
Avatar
1
Nov 24
13245
Module installation
Module
Avatar
Avatar
Avatar
2
Dec 23
3675
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 ภาษาไทย 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