Multi-Language Website in Odoo 19:
Translate Content, URLs & SEO for Global Reach

# Inline translation steps:
#
# 1. Open the website frontend (not /web backend)
# 2. Click the language selector in the header
# 3. Switch to the target language (e.g., French)
# 4. Click "Edit" in the top-right toolbar
# 5. Every translatable text block shows a blue border
# 6. Click a block > type the translated text
# 7. Click "Save" when done
#
# What gets translated:
#   ✓ Page titles and body text
#   ✓ Button labels and CTA text
#   ✓ Image alt text (click image > "Description" field)
#   ✓ Snippet content (banners, feature lists, testimonials)
#   ✓ Menu item labels
#
# What does NOT get translated this way:
#   ✗ URL slugs (handled separately — see Step 03)
#   ✗ SEO meta titles and descriptions (handled in Step 04)
#   ✗ Product names/descriptions (use the backend for these)
#   ✗ Dynamic content from controllers

# For each product:
#
# 1. Open the product form (Sales > Products or Inventory > Products)
# 2. Hover over any translatable field (Name, Description, etc.)
# 3. Click the globe icon (🌐) that appears
# 4. A popup shows all active languages
# 5. Enter the translation for each language
# 6. Save
#
# Translatable product fields:
#   - Product Name
#   - Sales Description
#   - Website Description (HTML)
#   - Attribute Names (Size, Color, etc.)
#   - Attribute Values (Small, Medium, Large)
#   - Category Names
#
# Bulk product translation via Python:
product = env['product.template'].browse(42)

# Write French translation for the name field
product.with_context(lang='fr_FR').write({
    'name': 'Chaise de Bureau Ergonomique',
    'description_sale': 'Design moderne avec support lombaire réglable.',
    'website_description': '<p>Notre chaise la plus vendue...</p>',
})

# Translating meta titles and descriptions:
#
# 1. Switch to the target language in the website frontend
# 2. Navigate to the page
# 3. Click "Page" > "Page Properties" > "SEO" tab
# 4. Translate:
#    - Page Title: "Ergonomic Office Chairs" → "Chaises de Bureau Ergonomiques"
#    - Meta Description: translate the full snippet
#    - Meta Keywords: use localized keywords
# 5. Save
#
# Example per-language meta for a product category page:
#
# EN:
#   Title:       Ergonomic Office Chairs | YourCompany
#   Description: Shop our range of ergonomic office chairs.
#                Free shipping on orders over $50.
#
# FR:
#   Title:       Chaises de Bureau Ergonomiques | YourCompany
#   Description: Découvrez notre gamme de chaises de bureau
#                ergonomiques. Livraison gratuite dès 50€.
#
# Repeat for each active language (ES, DE, AR, etc.)

<!-- Add to your website layout template or page-specific template -->
<template id="website_sale_json_ld_localized"
          inherit_id="website_sale.product">
  <xpath expr="//div[@id='product_detail']" position="before">
    <script type="application/ld+json">
    {
      "@context": "https://schema.org/",
      "@type": "Product",
      "name": "<t t-esc="product.name"/>",
      "description": "<t t-esc="product.description_sale"/>",
      "url": "<t t-esc="request.httprequest.url"/>",
      "inLanguage": "<t t-esc="request.env.lang"/>",
      "offers": {
        "@type": "Offer",
        "priceCurrency": "<t t-esc="website.currency_id.name"/>",
        "price": "<t t-esc="product.list_price"/>",
        "availability": "https://schema.org/InStock"
      }
    }
    </script>
  </xpath>
</template>

// Paste in browser console to toggle RTL layout:
document.documentElement.dir = 'rtl';
document.documentElement.lang = 'ar';

// Revert to LTR:
document.documentElement.dir = 'ltr';
document.documentElement.lang = 'en';

// RTL visual checklist:
// □ Header nav: flows right-to-left
// □ Sidebar: appears on the right side
// □ Text alignment: right-aligned
// □ Breadcrumb/pagination arrows: flipped
// □ Number inputs: digits remain LTR (universal)
// □ Carousel: previous/next swapped
// □ Checkout steps: progress right-to-left