Détail d’un Thème | Moulat Lhout

🎨 Galerie d’images du thème Ouvrir la galerie

Visualisez toutes les images disponibles dans static/src/img pour le thème theme_real_estate. Cliquez sur une vignette pour voir l’image en taille réelle.

s_text_block.xml 🖼️ Modifier avec image 📝 Installer ce snippet

📄 Snippet hérité (website.s_text_block) :

                      <?xml version="1.0" ?>
<odoo>
  <template id="s_text_block" name="Text">
    <section class="s_text_block pt40 pb40">
      <div class="container s_allow_columns">
        <p>
          Great stories have a 
          <b>personality</b>
          . Consider telling a great story that provides personality. Writing a story with personality for potential clients will assist with making a relationship connection. This shows up in small quirks like word choices or phrases. Write from your point of view, not from someone else's experience.
        </p>
        <p>
          Great stories are 
          <b>for everyone</b>
           even when only written 
          <b>for just one person</b>
          . If you try to write with a wide, general audience in mind, your story will sound fake and lack emotion. No one will be interested. Write for one person. If it’s genuine for the one, it’s genuine for the rest.
        </p>
      </div>
    </section>
  </template>
</odoo>

s_numbers.xml 🖼️ Modifier avec image 📝 Installer ce snippet

📄 Snippet hérité (website.s_numbers) :

                      <?xml version="1.0" ?>
<odoo>
  <template name="Numbers" id="s_numbers">
    <section class="s_numbers o_cc o_cc2 pt24 pb24">
      <div class="container">
        <div class="row">
          <div class="col-lg-3 text-center pt24 pb24">
            <span class="s_number display-4">12</span>
            <h6>Useful options</h6>
          </div>
          <div class="col-lg-3 text-center pt24 pb24">
            <span class="s_number display-4">45</span>
            <h6>Beautiful snippets</h6>
          </div>
          <div class="col-lg-3 text-center pt24 pb24">
            <span class="s_number display-4">8</span>
            <h6>Amazing pages</h6>
          </div>
          <div class="col-lg-3 text-center pt24 pb24">
            <span class="s_number display-4">37</span>
            <h6>Outstanding images</h6>
          </div>
        </div>
      </div>
    </section>
  </template>
  <!-- No associated CSS but there is some in theme overrides -->
</odoo>

s_masonry_block.xml 🖼️ Modifier avec image 📝 Installer ce snippet

📝 Édition directe du snippet personnalisé

<?xml version="1.0" encoding="utf-8"?>
<odoo>

<template id="s_masonry_block_default_template" inherit_id="website.s_masonry_block_default_template">
    
    
    <xpath expr="//div[hasclass('col-lg-3')]" position="attributes">
        <attribute name="class" add="o_cc1" remove="o_cc2" />
    </xpath>
    <xpath expr="//div[hasclass('col-lg-3')]/h3" position="before">
        <span class="fa fa-star fa-2x mb-4"></span>
    </xpath>
    
    <xpath expr="//div[hasclass('col-lg-3')]/h3" position="replace" mode="inner">
        Increased Visibility
    </xpath>
    
    <xpath expr="//div[hasclass('col-lg-3')]/p" position="replace" mode="inner">
        Increase Visitor retention. Customer engagement on a website with virtual tour is 5 times longer compared to a site without it.
    </xpath>

<xpath expr="//div[hasclass('col-lg-3')][2]" position="attributes">
        <attribute name="class" add="o_cc1" remove="o_cc3" />
    </xpath>
    <xpath expr="//div[hasclass('col-lg-3')][2]/h3" position="before">
        <span class="fa fa-tag fa-2x mb-4"></span>
    </xpath>
    
    <xpath expr="//div[hasclass('col-lg-3')][2]/h3" position="replace" mode="inner">
        No fixed fees
    </xpath>
    
    <xpath expr="//div[hasclass('col-lg-3')][2]/p" position="replace" mode="inner">
        At Real Estate Agency we have fixed price fees. This means we only charge when your home sale is confirmed.
    </xpath>

<xpath expr="//div[hasclass('col-lg-3')][3]" position="attributes">
        <attribute name="class" add="o_cc1" remove="o_cc4" />
    </xpath>
    <xpath expr="//div[hasclass('col-lg-3')][3]/h3" position="before">
        <span class="fa fa-camera fa-2x mb-4"></span>
    </xpath>
    
    <xpath expr="//div[hasclass('col-lg-3')][3]/h3" position="replace" mode="inner">
        Pro Photo Shoot
    </xpath>
    
    <xpath expr="//div[hasclass('col-lg-3')][3]/p" position="replace" mode="inner">
        They say an image is worth a thousand words and we know you know how important it is to have the best photography.
    </xpath>

<xpath expr="//div[hasclass('col-lg-3')][4]" position="attributes">
        <attribute name="class" add="o_cc1" remove="o_cc2" />
    </xpath>
    <xpath expr="//div[hasclass('col-lg-3')][4]/h3" position="before">
        <span class="fa fa-check fa-2x mb-4"></span>
    </xpath>
    
    <xpath expr="//div[hasclass('col-lg-3')][4]/h3" position="replace" mode="inner">
        Premium Quality
    </xpath>
    
    <xpath expr="//div[hasclass('col-lg-3')][4]/p" position="replace" mode="inner">
        We are committed to delivering high quality services that enhance your brand by allowing visitors to interact virtually.
    </xpath>
</template>

</odoo>

📄 Snippet hérité (website.s_masonry_block) :

                      <?xml version="1.0" ?>
<odoo>
  <!-- Template to fill with the chosen view -->
  <template id="s_masonry_block" name="Masonry">
    <section class="s_masonry_block" data-vcss="001" data-vxml="001">
      <div class="container-fluid">
        <t t-call="website.s_masonry_block_default_template"/>
      </div>
    </section>
  </template>
  <template id="s_masonry_block_default_template" groups="base.group_user">
    <div class="row o_grid_mode" data-row-count="10">
      <div class="o_grid_item col-lg-6 g-col-lg-6 g-height-10 o_grid_item_image text-center" data-name="Block" style="grid-area: 1 / 1 / 11 / 7; z-index: 1;">
        <img src="/web/image/website.s_masonry_block_default_image_1" class="img img-fluid mx-auto" alt=""/>
      </div>
      <div class="o_grid_item col-lg-3 g-col-lg-3 g-height-5 text-center o_cc o_cc2" data-name="Block" style="grid-area: 1 / 7 / 6 / 10; z-index: 2;">
        <h3>A great title</h3>
        <p>And a great subtitle</p>
      </div>
      <div class="o_grid_item col-lg-3 g-col-lg-3 g-height-5 text-center o_cc o_cc3" data-name="Block" style="grid-area: 1 / 10 / 6 / 13; z-index: 3;">
        <h3>A great title</h3>
        <p>And a great subtitle</p>
      </div>
      <div class="o_grid_item col-lg-3 g-col-lg-3 g-height-5 text-center o_cc o_cc4" data-name="Block" style="grid-area: 6 / 7 / 11 / 10; z-index: 4;">
        <h3>A great title</h3>
        <p>And a great subtitle</p>
      </div>
      <div class="o_grid_item col-lg-3 g-col-lg-3 g-height-5 text-center o_cc o_cc2" data-name="Block" style="grid-area: 6 / 10 / 11 / 13; z-index: 5;">
        <h3>A great title</h3>
        <p>And a great subtitle</p>
      </div>
    </div>
  </template>
  <template id="s_masonry_block_reversed_template" groups="base.group_user">
    <div class="row o_grid_mode" data-row-count="10">
      <div class="o_grid_item col-lg-3 g-col-lg-3 g-height-5 text-center o_cc o_cc3" data-name="Block" style="grid-area: 1 / 1 / 6 / 4; z-index: 1;">
        <h3>A great title</h3>
        <p>And a great subtitle</p>
      </div>
      <div class="o_grid_item col-lg-3 g-col-lg-3 g-height-5 text-center o_cc o_cc2" data-name="Block" style="grid-area: 1 / 4 / 6 / 7; z-index: 2;">
        <h3>A great title</h3>
        <p>And a great subtitle</p>
      </div>
      <div class="o_grid_item col-lg-3 g-col-lg-3 g-height-5 text-center o_cc o_cc2" data-name="Block" style="grid-area: 6 / 1 / 11 / 4; z-index: 3;">
        <h3>A great title</h3>
        <p>And a great subtitle</p>
      </div>
      <div class="o_grid_item col-lg-3 g-col-lg-3 g-height-5 text-center o_cc o_cc4" data-name="Block" style="grid-area: 6 / 4 / 11 / 7; z-index: 4;">
        <h3>A great title</h3>
        <p>And a great subtitle</p>
      </div>
      <div class="o_grid_item col-lg-6 g-col-lg-6 g-height-10 o_grid_item_image text-center" data-name="Block" style="grid-area: 1 / 7 / 11 / 13; z-index: 5;">
        <img src="/web/image/website.s_masonry_block_default_image_1" class="img img-fluid mx-auto" alt=""/>
      </div>
    </div>
  </template>
  <template id="s_masonry_block_images_template" groups="base.group_user">
    <div class="row o_grid_mode" data-row-count="10">
      <div class="o_grid_item col-lg-6 g-col-lg-6 g-height-10 o_grid_item_image text-center" data-name="Block" style="grid-area: 1 / 1 / 11 / 7; z-index: 1;">
        <img src="/web/image/website.s_masonry_block_default_image_1" class="img img-fluid mx-auto" alt=""/>
      </div>
      <div class="o_grid_item col-lg-6 g-col-lg-6 g-height-10 o_grid_item_image text-center" data-name="Block" style="grid-area: 1 / 7 / 11 / 13; z-index: 2;">
        <img src="/web/image/website.s_masonry_block_default_image_2" class="img img-fluid mx-auto" alt=""/>
      </div>
    </div>
  </template>
  <template id="s_masonry_block_image_texts_image_template" groups="base.group_user">
    <div class="row o_grid_mode" data-row-count="10">
      <div class="o_grid_item col-lg-3 g-col-lg-3 g-height-10 o_grid_item_image text-center" data-name="Block" style="grid-area: 1 / 1 / 11 / 4; z-index: 1;">
        <img src="/web/image/website.s_masonry_block_default_image_2" class="img img-fluid mx-auto" alt=""/>
      </div>
      <div class="o_grid_item col-lg-3 g-col-lg-3 g-height-5 text-center o_cc o_cc2" data-name="Block" style="grid-area: 1 / 4 / 6 / 7; z-index: 2;">
        <h3>A great title</h3>
        <p>And a great subtitle</p>
      </div>
      <div class="o_grid_item col-lg-3 g-col-lg-3 g-height-5 text-center o_cc o_cc4" data-name="Block" style="grid-area: 6 / 4 / 11 / 7; z-index: 3;">
        <h3>A great title</h3>
        <p>And a great subtitle</p>
      </div>
      <div class="o_grid_item col-lg-6 g-col-lg-6 g-height-10 o_grid_item_image text-center" data-name="Block" style="grid-area: 1 / 7 / 11 / 13; z-index: 4;">
        <img src="/web/image/website.s_masonry_block_default_image_1" class="img img-fluid mx-auto" alt=""/>
      </div>
    </div>
  </template>
  <template id="s_masonry_block_mosaic_template" groups="base.group_user">
    <div class="row o_grid_mode" data-row-count="13">
      <div class="o_grid_item col-lg-3 g-col-lg-3 g-height-2 text-center o_cc o_cc3" data-name="Block" style="grid-area: 1 / 1 / 4 / 4; z-index: 1;">
        <h3>A great title</h3>
        <p>And a great subtitle</p>
      </div>
      <div class="o_grid_item col-lg-3 g-col-lg-3 g-height-2 text-center o_cc o_cc2" data-name="Block" style="grid-area: 1 / 4 / 4 / 7; z-index: 2;">
        <h3>A great title</h3>
        <p>And a great subtitle</p>
      </div>
      <div class="o_grid_item col-lg-6 g-col-lg-6 g-height-10 o_grid_item_image text-center" data-name="Block" style="grid-area: 4 / 1 / 14 / 7; z-index: 3;">
        <img src="/web/image/website.s_masonry_block_default_image_1" class="img img-fluid mx-auto" alt=""/>
      </div>
      <div class="o_grid_item col-lg-6 g-col-lg-6 g-height-10 o_grid_item_image text-center" data-name="Block" style="grid-area: 1 / 7 / 11 / 13; z-index: 4;">
        <img src="/web/image/website.s_masonry_block_default_image_2" class="img img-fluid mx-auto" alt=""/>
      </div>
      <div class="o_grid_item col-lg-3 g-col-lg-3 g-height-2 text-center o_cc o_cc2" data-name="Block" style="grid-area: 11 / 7 / 14 / 10; z-index: 5;">
        <h3>A great title</h3>
        <p>And a great subtitle</p>
      </div>
      <div class="o_grid_item col-lg-3 g-col-lg-3 g-height-2 text-center o_cc o_cc4" data-name="Block" style="grid-area: 11 / 10 / 14 / 13; z-index: 6;">
        <h3>A great title</h3>
        <p>And a great subtitle</p>
      </div>
    </div>
  </template>
  <template id="s_masonry_block_texts_image_texts_template" groups="base.group_user">
    <div class="row o_grid_mode" data-row-count="10">
      <div class="o_grid_item col-lg-3 g-col-lg-3 g-height-5 text-center o_cc o_cc3" data-name="Block" style="grid-area: 1 / 1 / 6 / 4; z-index: 1;">
        <h3>A great title</h3>
        <p>And a great subtitle</p>
      </div>
      <div class="o_grid_item col-lg-3 g-col-lg-3 g-height-5 text-center o_cc o_cc2" data-name="Block" style="grid-area: 6 / 1 / 11 / 4; z-index: 2;">
        <h3>A great title</h3>
        <p>And a great subtitle</p>
      </div>
      <div class="o_grid_item col-lg-6 g-col-lg-6 g-height-10 o_grid_item_image text-center" data-name="Block" style="grid-area: 1 / 4 / 11 / 10; z-index: 3;">
        <img src="/web/image/website.s_masonry_block_default_image_1" class="img img-fluid mx-auto" alt=""/>
      </div>
      <div class="o_grid_item col-lg-3 g-col-lg-3 g-height-5 text-center o_cc o_cc2" data-name="Block" style="grid-area: 1 / 10 / 6 / 13; z-index: 4;">
        <h3>A great title</h3>
        <p>And a great subtitle</p>
      </div>
      <div class="o_grid_item col-lg-3 g-col-lg-3 g-height-5 text-center o_cc o_cc4" data-name="Block" style="grid-area: 6 / 10 / 11 / 13; z-index: 5;">
        <h3>A great title</h3>
        <p>And a great subtitle</p>
      </div>
    </div>
  </template>
  <template id="s_masonry_block_alternation_text_template" groups="base.group_user">
    <div class="row o_grid_mode" data-row-count="3">
      <div class="o_grid_item col-lg-3 g-col-lg-3 g-height-2 text-center o_cc o_cc2" data-name="Block" style="grid-area: 1 / 1 / 4 / 4; z-index: 1;">
        <h3>A great title</h3>
        <p>And a great subtitle</p>
      </div>
      <div class="o_grid_item col-lg-3 g-col-lg-3 g-height-2 text-center o_cc o_cc4" data-name="Block" style="grid-area: 1 / 4 / 4 / 7; z-index: 2;">
        <h3>A great title</h3>
        <p>And a great subtitle</p>
      </div>
      <div class="o_grid_item col-lg-3 g-col-lg-3 g-height-2 text-center o_cc o_cc2" data-name="Block" style="grid-area: 1 / 7 / 4 / 10; z-index: 3;">
        <h3>A great title</h3>
        <p>And a great subtitle</p>
      </div>
      <div class="o_grid_item col-lg-3 g-col-lg-3 g-height-2 text-center o_cc o_cc3" data-name="Block" style="grid-area: 1 / 10 / 4 / 13; z-index: 4;">
        <h3>A great title</h3>
        <p>And a great subtitle</p>
      </div>
    </div>
  </template>
  <template id="s_masonry_block_alternation_text_image_template" groups="base.group_user">
    <div class="row o_grid_mode" data-row-count="10">
      <div class="o_grid_item col-lg-3 g-col-lg-3 g-height-10 text-center o_cc o_cc2" data-name="Block" style="grid-area: 1 / 1 / 11 / 4; z-index: 1;">
        <h3>A great title</h3>
        <p>And a great subtitle</p>
      </div>
      <div class="o_grid_item col-lg-3 g-col-lg-3 g-height-10 o_grid_item_image text-center" data-name="Block" style="grid-area: 1 / 4 / 11 / 7; z-index: 2;">
        <img src="/web/image/website.s_masonry_block_default_image_1" class="img img-fluid mx-auto" alt=""/>
      </div>
      <div class="o_grid_item col-lg-3 g-col-lg-3 g-height-10 text-center o_cc o_cc2" data-name="Block" style="grid-area: 1 / 7 / 11 / 10; z-index: 3;">
        <h3>A great title</h3>
        <p>And a great subtitle</p>
      </div>
      <div class="o_grid_item col-lg-3 g-col-lg-3 g-height-10 o_grid_item_image text-center" data-name="Block" style="grid-area: 1 / 10 / 11 / 13; z-index: 4;">
        <img src="/web/image/website.s_masonry_block_default_image_2" class="img img-fluid mx-auto" alt=""/>
      </div>
    </div>
  </template>
  <template id="s_masonry_block_alternation_image_text_template" groups="base.group_user">
    <div class="row o_grid_mode" data-row-count="10">
      <div class="o_grid_item col-lg-3 g-col-lg-3 g-height-10 o_grid_item_image text-center" data-name="Block" style="grid-area: 1 / 1 / 11 / 4; z-index: 1;">
        <img src="/web/image/website.s_masonry_block_default_image_1" class="img img-fluid mx-auto" alt=""/>
      </div>
      <div class="o_grid_item col-lg-3 g-col-lg-3 g-height-10 text-center o_cc o_cc4" data-name="Block" style="grid-area: 1 / 4 / 11 / 7; z-index: 2;">
        <h3>A great title</h3>
        <p>And a great subtitle</p>
      </div>
      <div class="o_grid_item col-lg-3 g-col-lg-3 g-height-10 o_grid_item_image text-center" data-name="Block" style="grid-area: 1 / 7 / 11 / 10; z-index: 3;">
        <img src="/web/image/website.s_masonry_block_default_image_2" class="img img-fluid mx-auto" alt=""/>
      </div>
      <div class="o_grid_item col-lg-3 g-col-lg-3 g-height-10 text-center o_cc o_cc3" data-name="Block" style="grid-area: 1 / 10 / 11 / 13; z-index: 4;">
        <h3>A great title</h3>
        <p>And a great subtitle</p>
      </div>
    </div>
  </template>
  <template id="s_masonry_block_alternation_text_image_text_template" groups="base.group_user">
    <div class="row o_grid_mode" data-row-count="10">
      <div class="o_grid_item col-lg-3 g-col-lg-3 g-height-10 text-center o_cc o_cc2" data-name="Block" style="grid-area: 1 / 1 / 11 / 4; z-index: 1;">
        <h3>A great title</h3>
        <p>And a great subtitle</p>
      </div>
      <div class="o_grid_item col-lg-6 g-col-lg-6 g-height-10 o_grid_item_image text-center" data-name="Block" style="grid-area: 1 / 4 / 11 / 10; z-index: 2;">
        <img src="/web/image/website.s_masonry_block_default_image_1" class="img img-fluid mx-auto" alt=""/>
      </div>
      <div class="o_grid_item col-lg-3 g-col-lg-3 g-height-10 text-center o_cc o_cc2" data-name="Block" style="grid-area: 1 / 10 / 11 / 13; z-index: 3;">
        <h3>A great title</h3>
        <p>And a great subtitle</p>
      </div>
    </div>
  </template>
  <!-- Options -->
  <template id="s_masonry_block_options" inherit_id="website.snippet_options">
    <xpath expr="//div[@data-js='layout_column']" position="after">
      <div data-js="MasonryLayout" data-selector=".s_masonry_block">
        <we-select string="Template" data-name="masonry_template_opt" data-attribute-name="masonryTemplate" data-attribute-default-value="default">
          <we-button title="Default" data-select-template="website.s_masonry_block_default_template" data-select-data-attribute="default" data-img="/website/static/src/img/snippets_options/masonry_template_default.svg"/>
          <we-button title="Default Reversed" data-select-template="website.s_masonry_block_reversed_template" data-select-data-attribute="default_reversed" data-img="/website/static/src/img/snippets_options/masonry_template_reversed.svg"/>
          <we-button title="Images" data-select-template="website.s_masonry_block_images_template" data-select-data-attribute="images" data-img="/website/static/src/img/snippets_options/masonry_template_images.svg"/>
          <we-button title="Image Text Image" data-select-template="website.s_masonry_block_image_texts_image_template" data-select-data-attribute="image_text_image" data-img="/website/static/src/img/snippets_options/masonry_template_image_texts_image.svg"/>
          <we-button title="Mosaic" data-select-template="website.s_masonry_block_mosaic_template" data-select-data-attribute="mosaic" data-img="/website/static/src/img/snippets_options/masonry_template_mosaic.svg"/>
          <we-button title="Text Image Text" data-select-template="website.s_masonry_block_texts_image_texts_template" data-select-data-attribute="text_image_text" data-img="/website/static/src/img/snippets_options/masonry_template_texts_image_texts.svg"/>
          <we-button title="Alternate Text" data-select-template="website.s_masonry_block_alternation_text_template" data-select-data-attribute="alternate_text" data-img="/website/static/src/img/snippets_options/masonry_template_alternate_texts.svg"/>
          <we-button title="Alternate Text Image" data-select-template="website.s_masonry_block_alternation_text_image_template" data-select-data-attribute="alternate_text_image" data-img="/website/static/src/img/snippets_options/masonry_template_alternate_text_image.svg"/>
          <we-button title="Alternate Image Text" data-select-template="website.s_masonry_block_alternation_image_text_template" data-select-data-attribute="alternate_image_text" data-img="/website/static/src/img/snippets_options/masonry_template_alternate_image_text.svg"/>
          <we-button title="Alternate Text Image Text" data-select-template="website.s_masonry_block_alternation_text_image_text_template" data-select-data-attribute="alternate_text_image_text" data-img="/website/static/src/img/snippets_options/masonry_template_alternate_text_image_text.svg"/>
        </we-select>
      </div>
    </xpath>
  </template>
  <!-- Assets -->
  <record id="website.s_masonry_block_000_scss" model="ir.asset">
    <field name="name">Masonry block 000 SCSS</field>
    <field name="bundle">web.assets_frontend</field>
    <field name="path">website/static/src/snippets/s_masonry_block/000.scss</field>
    <field name="active" eval="False"/>
  </record>
  <record id="website.s_masonry_block_001_scss" model="ir.asset">
    <field name="name">Masonry block 001 SCSS</field>
    <field name="bundle">web.assets_frontend</field>
    <field name="path">website/static/src/snippets/s_masonry_block/001.scss</field>
  </record>
  <record id="website.s_masonry_block_000_variables_scss" model="ir.asset">
    <field name="name">Masonry block 000 variables SCSS</field>
    <field name="bundle">web._assets_primary_variables</field>
    <field name="path">website/static/src/snippets/s_masonry_block/000_variables.scss</field>
    <field name="active" eval="False"/>
  </record>
</odoo>

s_title.xml 🖼️ Modifier avec image 📝 Installer ce snippet

📄 Snippet hérité (website.s_title) :

                      <?xml version="1.0" ?>
<odoo>
  <template id="s_title" name="Title">
    <section class="s_title pt40 pb40" data-vcss="001">
      <div class="container s_allow_columns">
        <h1 style="text-align: center;">
          <font style="font-size: 62px;">Your Site Title</font>
        </h1>
      </div>
    </section>
  </template>
  <record id="website.s_title_000_scss" model="ir.asset">
    <field name="name">Title 000 SCSS</field>
    <field name="bundle">web.assets_frontend</field>
    <field name="path">website/static/src/snippets/s_title/000.scss</field>
    <field name="active" eval="False"/>
  </record>
</odoo>

s_image_text.xml 🖼️ Modifier avec image 📝 Installer ce snippet

📄 Snippet hérité (website.s_image_text) :

                      <?xml version="1.0" ?>
<odoo>
  <template id="s_image_text" name="Image - Text">
    <section class="s_text_image pt32 pb32">
      <div class="container">
        <div class="row align-items-center">
          <div class="col-lg-6 pt16 pb16">
            <img src="/web/image/website.s_image_text_default_image" class="img img-fluid mx-auto" alt=""/>
          </div>
          <div class="col-lg-6 pt16 pb16">
            <h2>Section Subtitle</h2>
            <p>Write one or two paragraphs describing your product or services. To be successful your content needs to be useful to your readers.</p>
            <p>Start with the customer – find out what they want and give it to them.</p>
            <p>
              <a href="#" class="btn btn-primary mb-2">Discover more</a>
            </p>
          </div>
        </div>
      </div>
    </section>
  </template>
</odoo>

s_quotes_carousel.xml 🖼️ Modifier avec image 📝 Installer ce snippet

📄 Snippet hérité (website.s_quotes_carousel) :

                      <?xml version="1.0" ?>
<odoo>
  <template id="s_quotes_carousel" name="Quotes">
    <section class="s_quotes_carousel_wrapper" data-vxml="001" data-vcss="001">
      <t t-set="uniq" t-value="datetime.datetime.now().microsecond"/>
      <div t-attf-id="myQuoteCarousel{{uniq}}" class="s_quotes_carousel s_carousel_default carousel slide o_cc o_cc2" data-bs-interval="10000">
        <!-- Indicators -->
        <ol class="carousel-indicators">
          <li t-attf-data-bs-target="#myQuoteCarousel{{uniq}}" data-bs-slide-to="0" class="active"/>
          <li t-attf-data-bs-target="#myQuoteCarousel{{uniq}}" data-bs-slide-to="1"/>
          <li t-attf-data-bs-target="#myQuoteCarousel{{uniq}}" data-bs-slide-to="2"/>
        </ol>
        <!-- Content -->
        <div class="carousel-inner">
          <!-- #01 -->
          <div class="carousel-item active oe_img_bg o_bg_img_center pt80 pb80" style="background-image: url('/web/image/website.s_quotes_carousel_demo_image_0'); background-position: 50% 50%;" data-name="Slide">
            <div class="container">
              <blockquote class="s_blockquote s_blockquote_classic blockquote mx-auto w-50" data-name="Blockquote">
                <i class="fa fa-1x fa-quote-left rounded float-start bg-o-color-2 s_blockquote_icon"/>
                <div class="s_blockquote_content o_cc1">
                  <p>Write a quote here from one of your customers. Quotes are a great way to build confidence in your products or services.</p>
                  <footer class="blockquote-footer">
                    <img src="/web/image/website.s_quotes_carousel_demo_image_3" class="s_blockquote_avatar img rounded-circle me-2" alt=""/>
                    <span class="s_blockquote_author">
                      <b>Jane DOE</b>
                       • CEO of MyCompany
                    </span>
                  </footer>
                </div>
              </blockquote>
            </div>
          </div>
          <!-- #02 -->
          <div class="carousel-item oe_img_bg o_bg_img_center pt80 pb80" style="background-image: url('/web/image/website.s_quotes_carousel_demo_image_1'); background-position: 50% 50%;" data-name="Slide">
            <div class="container">
              <blockquote class="s_blockquote s_blockquote_classic blockquote me-auto w-50" data-name="Blockquote">
                <i class="fa fa-1x fa-quote-left rounded float-start bg-o-color-2 s_blockquote_icon"/>
                <div class="s_blockquote_content o_cc1">
                  <p>Write a quote here from one of your customers. Quotes are a great way to build confidence in your products or services.</p>
                  <footer class="blockquote-footer">
                    <img src="/web/image/website.s_quotes_carousel_demo_image_4" class="s_blockquote_avatar img rounded-circle me-2" alt=""/>
                    <span class="s_blockquote_author">
                      <b>John DOE</b>
                       • CEO of MyCompany
                    </span>
                  </footer>
                </div>
              </blockquote>
            </div>
          </div>
          <!-- #03 -->
          <div class="carousel-item oe_img_bg o_bg_img_center pt80 pb80" style="background-image: url('/web/image/website.s_quotes_carousel_demo_image_2'); background-position: 50% 50%;" data-name="Slide">
            <div class="container">
              <blockquote class="s_blockquote s_blockquote_classic blockquote ms-auto w-50" data-name="Blockquote">
                <i class="fa fa-1x fa-quote-left rounded float-start bg-o-color-2 s_blockquote_icon"/>
                <div class="s_blockquote_content o_cc1">
                  <p>Write a quote here from one of your customers. Quotes are a great way to build confidence in your products or services.</p>
                  <footer class="blockquote-footer">
                    <img src="/web/image/website.s_quotes_carousel_demo_image_5" class="s_blockquote_avatar img rounded-circle me-2" alt=""/>
                    <span class="s_blockquote_author">
                      <b>Iris DOE</b>
                       • CEO of MyCompany
                    </span>
                  </footer>
                </div>
              </blockquote>
            </div>
          </div>
        </div>
        <!-- Controls -->
        <div class="carousel-control-prev o_not_editable" t-attf-data-bs-target="#myQuoteCarousel{{uniq}}" data-bs-slide="prev" role="img" aria-label="Previous" title="Previous">
          <span class="carousel-control-prev-icon"/>
          <span class="visually-hidden">Previous</span>
        </div>
        <div class="carousel-control-next o_not_editable" t-attf-data-bs-target="#myQuoteCarousel{{uniq}}" data-bs-slide="next" role="img" aria-label="Next" title="Next">
          <span class="carousel-control-next-icon"/>
          <span class="visually-hidden">Next</span>
        </div>
      </div>
    </section>
  </template>
  <record id="website.s_quotes_carousel_000_scss" model="ir.asset">
    <field name="name">Quotes carousel 000 SCSS</field>
    <field name="bundle">web.assets_frontend</field>
    <field name="path">website/static/src/snippets/s_quotes_carousel/000.scss</field>
    <field name="active" eval="False"/>
  </record>
  <record id="website.s_quotes_carousel_001_scss" model="ir.asset">
    <field name="name">Quotes carousel 001 SCSS</field>
    <field name="bundle">web.assets_frontend</field>
    <field name="path">website/static/src/snippets/s_quotes_carousel/001.scss</field>
  </record>
</odoo>

s_text_image.xml 🖼️ Modifier avec image 📝 Installer ce snippet

📄 Snippet hérité (website.s_text_image) :

                      <?xml version="1.0" ?>
<odoo>
  <template id="s_text_image" name="Text - Image">
    <section class="s_text_image pt32 pb32">
      <div class="container">
        <div class="row align-items-center">
          <div class="col-lg-6 pt16 pb16">
            <h2>A Section Subtitle</h2>
            <p>Write one or two paragraphs describing your product or services. To be successful your content needs to be useful to your readers.</p>
            <p>Start with the customer – find out what they want and give it to them.</p>
            <p>
              <a href="#" class="btn btn-primary mb-2">Learn more</a>
            </p>
          </div>
          <div class="col-lg-6 pt16 pb16">
            <img src="/web/image/website.s_text_image_default_image" class="img img-fluid mx-auto" alt=""/>
          </div>
        </div>
      </div>
    </section>
  </template>
</odoo>

s_image_gallery.xml 🖼️ Modifier avec image 📝 Installer ce snippet

s_picture.xml 🖼️ Modifier avec image 📝 Installer ce snippet

📄 Snippet hérité (website.s_picture) :

                      <?xml version="1.0" ?>
<odoo>
  <template id="s_picture" name="Picture">
    <section class="s_picture pt48 pb24 o_cc o_cc2">
      <div class="container">
        <h2 style="text-align: center;">
          <font style="font-size: 62px;">A punchy Headline</font>
        </h2>
        <p style="text-align: center;">
          Choose a vibrant image and write an inspiring paragraph about it.
          <br/>
           It does not have to be long, but it should reinforce your image.
        </p>
        <p style="text-align: center;">
          <br/>
        </p>
        <div class="row s_nb_column_fixed">
          <div class="col-lg-10 offset-lg-1 pb24" style="text-align: center;">
            <figure class="figure">
              <img src="/web/image/website.s_picture_default_image" class="figure-img img-fluid img-thumbnail padding-large" alt=""/>
              <figcaption class="figure-caption text-muted py-3">Add a caption to enhance the meaning of this image.</figcaption>
            </figure>
          </div>
        </div>
      </div>
    </section>
  </template>
</odoo>

s_three_columns.xml 🖼️ Modifier avec image 📝 Installer ce snippet

📝 Édition directe du snippet personnalisé

<?xml version="1.0" encoding="utf-8"?>
<odoo>

<template id="s_three_columns" inherit_id="website.s_three_columns">
    
    <xpath expr="//section" position="attributes">
        <attribute name="class" add="o_cc3 pt0 pb72" remove="o_cc2 pt32 pb32" separator=" "/>
    </xpath>
    
    <xpath expr="//h3" position="before">
        <span class="text-600 fw-bold">$295,000</span>
    </xpath>
    <xpath expr="//h3" position="replace" mode="inner">
        House On The Hill
    </xpath>
    <xpath expr="//p[hasclass('card-text')]" position="replace" mode="inner">
        Waste no time in viewing this truly stunning property. The property's surroundings really set it apart, offering idyllic sea views overlooking a park.
    </xpath>
    <xpath expr="//p[hasclass('card-text')]" position="after" >
        <a href="#" class="btn btn-primary mb-0">View details</a>
    </xpath>

<xpath expr="(//h3)[2]" position="before">
        <span class="text-600 fw-bold">$1,295,000,000</span>
    </xpath>
    <xpath expr="(//h3)[2]" position="replace" mode="inner">
        Moutain View
    </xpath>
    <xpath expr="(//p[hasclass('card-text')])[2]" position="replace" mode="inner">
        The house is surrounded by garden terraces that create unique spaces and an intimate ambience. With no overlooking neighbours, the garden offers real privacy.
    </xpath>
    <xpath expr="(//p[hasclass('card-text')])[2]" position="after" >
        <a href="#" class="btn btn-primary mb-0">View details</a>
    </xpath>

<xpath expr="(//h3)[3]" position="before">
        <span class="text-600 fw-bold">$455,000</span>
    </xpath>
    <xpath expr="(//h3)[3]" position="replace" mode="inner">
        Paradise Residence
    </xpath>
    <xpath expr="(//p[hasclass('card-text')])[3]" position="replace" mode="inner">
        Elegant, modern sophisticated architecture with an impressive in large scale home designed with the finest imported finishes. Pyrgon, marble and wood floors...
    </xpath>
    <xpath expr="(//p[hasclass('card-text')])[3]" position="after" >
        <a href="#" class="btn btn-primary mb-0">View details</a>
    </xpath>
</template>

</odoo>

📄 Snippet hérité (website.s_three_columns) :

                      <?xml version="1.0" ?>
<odoo>
  <template id="s_three_columns_moulat_lhout" inherit_id="website.s_three_columns" name="Moulat Lhout – 3 colonnes">
    <!-- Première colonne -->
    <xpath expr="//div[hasclass('col-lg-4')][1]" position="replace">
      <div class="col-lg-4 text-center">
        <img src="/theme_poissonnerie/static/src/img/moulatlhout_boutique-02.jpg" class="img-fluid rounded mb-3" alt="Notre boutique Moulat Lhout"/>
        <h4 class="fw-bold">Notre Boutique</h4>
        <p>Un espace accueillant où tradition et fraîcheur se rencontrent pour offrir le meilleur des produits de la mer.</p>
      </div>
    </xpath>
    <!-- Deuxième colonne -->
    <xpath expr="//div[hasclass('col-lg-4')][2]" position="replace">
      <div class="col-lg-4 text-center">
        <img src="/theme_poissonnerie/static/src/img/fatiha_boutique-02.jpg" class="img-fluid rounded mb-3" alt="Notre Bastila maison"/>
        <h4 class="fw-bold">Bastila aux fruits de mer</h4>
        <p>Une bastila délicatement feuilletée, garnie de fruits de mer frais et parfumée aux épices marocaines : un vrai régal.</p>
      </div>
    </xpath>
    <!-- Troisième colonne -->
    <xpath expr="//div[hasclass('col-lg-4')][3]" position="replace">
      <div class="col-lg-4 text-center">
        <img src="/theme_poissonnerie/static/src/img/fatiha_houta-01.jpg" class="img-fluid rounded mb-3" alt="Poisson frais Moulat Lhout"/>
        <h4 class="fw-bold">Poissons Frais</h4>
        <p>Chaque jour, une sélection des meilleurs poissons fraîchement débarqués pour satisfaire toutes vos envies marines.</p>
      </div>
    </xpath>
  </template>
  <record id="website.s_three_columns_000_scss" model="ir.asset">
    <field name="name">Three columns 000 SCSS</field>
    <field name="bundle">web.assets_frontend</field>
    <field name="path">website/static/src/snippets/s_three_columns/000.scss</field>
    <field name="active" eval="False"/>
  </record>
</odoo>

s_call_to_action.xml 🖼️ Modifier avec image 📝 Installer ce snippet

📄 Snippet hérité (website.s_call_to_action) :

                      <?xml version="1.0" ?>
<odoo>
  <template id="s_call_to_action" name="Call to Action">
    <section class="s_call_to_action o_cc o_cc3 pt48 pb24">
      <div class="container">
        <div class="row">
          <div class="col-lg-9 pb16">
            <h3>
              <b>50,000+ companies</b>
               run Odoo to grow their businesses.
            </h3>
            <p>Join us and make your company a better place.</p>
          </div>
          <div class="col-lg-3 pt8">
            <p style="text-align: right;">
              <a t-att-href="cta_btn_href" class="btn btn-primary btn-lg mb-2">
                <t t-esc="cta_btn_text">Contact us</t>
              </a>
            </p>
          </div>
        </div>
      </div>
    </section>
  </template>
</odoo>

s_banner.xml 🖼️ Modifier avec image 📝 Installer ce snippet

📄 Snippet hérité (website.s_banner) :

                      <?xml version="1.0" ?>
<odoo>
  <template id="s_banner" name="Banner">
    <section class="s_banner parallax s_parallax_is_fixed pt96 pb96" data-scroll-background-ratio="1">
      <span class="s_parallax_bg oe_img_bg" style="background-image: url('/web/image/website.s_banner_default_image'); background-position: 50% 0;"/>
      <div class="container">
        <div class="row s_nb_column_fixed">
          <div class="col-lg-6 jumbotron rounded o_cc o_cc1 pt32 pb32" data-name="Box">
            <h1>
              <font style="font-size: 62px;">Sell Online. Easily.</font>
            </h1>
            <p class="lead">This is a simple hero unit, a simple jumbotron-style component for calling extra attention to featured content or information.</p>
            <a t-att-href="cta_btn_href" class="btn btn-primary mb-2">
              <t t-esc="cta_btn_text">Contact Us</t>
            </a>
          </div>
        </div>
      </div>
    </section>
  </template>
</odoo>

📁 Détails du thème : theme_real_estate

🧩 Snippets personnalisés

📂 Fichiers du thème