Zum Inhalt springen
Odoo Menü
  • Anmelden
  • Jetzt gratis testen
  • Apps
    Finanzen
    • Buchhaltung
    • Rechnungsstellung
    • Spesenabrechnung
    • Tabellenkalkulation (BI)
    • Dokumente
    • E-Signatur
    Vertrieb
    • CRM
    • Vertrieb
    • Kassensystem – Shop
    • Kassensystem – Restaurant
    • Abonnements
    • Vermietung
    Websites
    • Website-Builder
    • E-Commerce
    • Blog
    • Forum
    • Livechat
    • E-Learning
    Lieferkette
    • Lager
    • Fertigung
    • PLM
    • Einkauf
    • Wartung
    • Qualität
    Personalwesen
    • Mitarbeiter
    • Personalbeschaffung
    • Abwesenheiten
    • Mitarbeiterbeurteilung
    • Personalempfehlungen
    • Fuhrpark
    Marketing
    • Social Marketing
    • E-Mail-Marketing
    • SMS-Marketing
    • Veranstaltungen
    • Marketing-Automatisierung
    • Umfragen
    Dienstleistungen
    • Projekte
    • Zeiterfassung
    • Außendienst
    • Kundendienst
    • Planung
    • Termine
    Produktivität
    • Dialog
    • Genehmigungen
    • IoT
    • VoIP
    • Wissensdatenbank
    • WhatsApp
    Apps von Drittanbietern Odoo Studio Odoo Cloud-Plattform
  • Branchen
    Einzelhandel
    • Buchladen
    • Kleidergeschäft
    • Möbelhaus
    • Lebensmittelgeschäft
    • Baumarkt
    • Spielwarengeschäft
    Essen & Gastgewerbe
    • Bar und Kneipe
    • Restaurant
    • Fast Food
    • Gästehaus
    • Getränkehändler
    • Hotel
    Immobilien
    • Immobilienagentur
    • Architekturbüro
    • Baugewerbe
    • Immobilienverwaltung
    • Gartenarbeit
    • Eigentümervereinigung
    Beratung
    • Buchhaltungsfirma
    • Odoo-Partner
    • Marketingagentur
    • Anwaltskanzlei
    • Talentakquise
    • Prüfung & Zertifizierung
    Fertigung
    • Textil
    • Metall
    • Möbel
    • Speisen
    • Brauerei
    • Firmengeschenke
    Gesundheit & Fitness
    • Sportklub
    • Brillengeschäft
    • Fitnessstudio
    • Therapeut
    • Apotheke
    • Friseursalon
    Handel
    • Handyman
    • IT-Hardware & -Support
    • Solarenergiesysteme
    • Schuster
    • Reinigungsdienstleistungen
    • HLK-Dienstleistungen
    Sonstiges
    • Gemeinnützige Organisation
    • Umweltschutzagentur
    • Plakatwandvermietung
    • Fotostudio
    • Fahrrad-Leasing
    • Software-Händler
    Alle Branchen ansehen
  • Community
    Lernen
    • Tutorials
    • Dokumentation
    • Zertifizierungen
    • Schulung
    • Blog
    • Podcast
    Bildung fördern
    • Bildungsprogramm
    • Scale-Up! Planspiel
    • Odoo besuchen
    Software anfragen
    • Herunterladen
    • Editionen vergleichen
    • Releases
    Zusammenarbeiten
    • Github
    • Forum
    • Veranstaltungen
    • Übersetzungen
    • Partner werden
    • Dienstleistungen für Partner
    • Buchhaltungsfirma registrieren
    Services anfragen
    • Partner finden
    • Buchhalter finden
    • Einen Experten treffen
    • Implementierungsservices
    • Kundenreferenzen
    • Support
    • Upgrades
    Github Youtube Twitter Linkedin Instagram Facebook Spotify
    +1 (650) 691-3277
    Eine Demo erhalten
  • Preiskalkulation
  • Hilfe

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

  • CRM
  • e-Commerce
  • Buchhaltung
  • Lager
  • PoS
  • Projekte
  • MRP
All apps
Sie müssen registriert sein, um mit der Community zu interagieren.
Alle Beiträge Personen Abzeichen
Stichwörter (Alle anzeigen)
odoo accounting v14 pos v15
Über dieses Forum
Sie müssen registriert sein, um mit der Community zu interagieren.
Alle Beiträge Personen Abzeichen
Stichwörter (Alle anzeigen)
odoo accounting v14 pos v15
Über dieses Forum
Hilfe

How to add "alt" attribute to product image

Abonnieren

Erhalten Sie eine Benachrichtigung, wenn es eine Aktivität zu diesem Beitrag gibt

Diese Frage wurde gekennzeichnet
productimageseoe-commerce
6 Antworten
13257 Ansichten
Avatar
Vasiliy

Template "Product" contain this code:

span itemprop="image" t-field="product.image" t-field-options="{"widget": "image", "class": "product_detail_img shadow"}"

And result rendered page contian this:

img class="img img-responsive product_detail_img shadow" src="/website/image/product.template/21826_c5f8c53/image" style="" 

How I can "alt" attribute for img tag?


1
Avatar
Verwerfen
Avatar
Yogesh
Beste Antwort


You can use t-att-attribute_name to add an attribute try like:

<span itemprop="image" t-field="product.image" t-att-alt="product.name" t-field-options="{"widget": "image", "class": "product_detail_img shadow"}" ></span>

Edit:

Even if "alt" attribute is added you won't be able to see it on form, because on form it is never a case when there is no image, when you upload an image or give a wrong src for image(which doesn't exist) Odoo replaces that image to a default image which resides in "/web/static/src/img/placeholder.png" but it works well in Reports.
1
Avatar
Verwerfen
Vasiliy
Autor

When added t-att-alt=”product.name” got the 500 error Error message: 'ascii' codec can't decode byte 0xd0 in position 23: ordinal not in range(128)

IMHO it is because the product is used.name in Russian. Tried to add the t-att-alt=”product.name” Received: That is, the attribute is not added neither span nor in img
Vasiliy
Autor

When added t-att-alt=”product.name” got the 500 error Error message: 'ascii' codec can't decode byte 0xd0 in position 23: ordinal not in range(128) span itemprop="image" t-field="product.image" t-att-alt="product.name" t-field-options="{"widget": "image", "class": "product_detail_img shadow"}"/ IMHO it is because the product is used.name in Russian. Tried to add the t-att-alt=”product.name” Received: span itemprop="image" data-oe-model="product.template" data-oe-id="21259" data-oe-field="image" data-oe-type="image" data-oe-expression="product.image" data-oe-translate="0" img class="img img-responsive product_detail_img shadow" src="/website/image/product.template/21259_21735ca/image" style="" /span That is, the attribute is not added neither span nor in img

Avatar
William Brugger
Beste Antwort

This works fine for me:

<span itemprop="image" t-field="bride.img_scaled_w400" t-options="{'widget': 'image', 'style':'maxwidth: 400px', 'alt-field': 'kco_alt'}" t-att-alt="bride.kco_alt" />

The alt attribute is returned in both the span and the img tags.  

0
Avatar
Verwerfen
Avatar
Debasish
Beste Antwort

If you want to add alt attribute for seo porposes. Add attribute alt-field in t-options.

 <span itemprop="image" t-attf-content="{{request.httprequest.url_root}}web/image/trending.template/{{trending.id}}/image" t-field="trending.image" t-options="{'widget': 'image','alt-field': 'name'}" t-att-alt="trending.name" />



0
Avatar
Verwerfen
Avatar
Thomas Pigneur
Beste Antwort

thanks for the tip but as the alt attribute is included between span tags (and not img tags) this is not usefull for seo purposes

0
Avatar
Verwerfen
Diskutieren Sie gerne? Treten Sie bei, statt nur zu lesen!

Erstellen Sie heute ein Konto, um exklusive Funktionen zu nutzen und mit unserer tollen Community zu interagieren!

Registrieren
Verknüpfte Beiträge Antworten Ansichten Aktivität
Life of a page product and SEO
product seo
Avatar
0
Okt. 24
1287
How to add product image from xmlrpc call Gelöst
product image
Avatar
Avatar
Avatar
Avatar
Avatar
4
März 22
18259
Make product picture mandatory
product image
Avatar
Avatar
2
Dez. 21
2244
Fastest way to check if product does not have image
product image
Avatar
0
Okt. 21
3526
How to use urls as product images? Gelöst
product image
Avatar
Avatar
Avatar
2
Dez. 19
24218
Community
  • Tutorials
  • Dokumentation
  • Forum
Open Source
  • Herunterladen
  • Github
  • Runbot
  • Übersetzungen
Dienstleistungen
  • Odoo.sh-Hosting
  • Support
  • Upgrade
  • Individuelle Entwicklungen
  • Bildung
  • Buchhalter finden
  • Partner finden
  • Partner werden
Über uns
  • Unsere Firma
  • Markenwerte
  • Kontakt
  • Karriere
  • Veranstaltungen
  • Podcast
  • Blog
  • Kunden
  • Rechtliches • Datenschutz
  • Sicherheit
الْعَرَبيّة 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 ist eine Suite von Open-Source-Betriebsanwendungen, die alle Bedürfnisse Ihres Unternehmens abdecken: CRM, E-Commerce, Buchhaltung, Lager, Kassensystem, Projektmanagement etc.

Das einzigartige Wertversprechen von Odoo ist, dass es gleichzeitig sehr einfach zu bedienen und voll integriert ist.

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