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_kiddo. Cliquez sur une vignette pour voir l’image en taille réelle.

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

📝 Édition directe du snippet personnalisé

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

<xpath expr="//div[hasclass('container-fluid')]" position="attributes">
        <attribute name="class" add="container" remove="container-fluid" separator=" "/>
    </xpath>
    <xpath expr="//div[hasclass('row')]" position="attributes">
        <attribute name="class" add="justify-content-center" separator=" "/>
    </xpath>
    
    
    <xpath expr="//div[hasclass('col-lg-2')]" position="attributes">
        <attribute name="class" add="border rounded mx-3" separator=" "/>
        <attribute name="style">border-radius: 16px !important; border-width: 4px !important; border-style: dotted !important; border-color: var(--o-color-2) !important;</attribute>
    </xpath>
    <xpath expr="//div[hasclass('s_product_list_item_link')]" position="attributes">
        <attribute name="class" add="pb24" separator=" "/>
    </xpath>
    <xpath expr="//div[hasclass('s_product_list_item_link')]//a" position="replace">
        <a t-att-href="url">About us</a>
    </xpath>
    
    <xpath expr="//div[hasclass('col-lg-2')]//img" position="attributes">
        <attribute name="src">/web_editor/shape/theme_kiddo/s_product_list_1.svg?c1=o-color-1&amp;c2=o-color-2</attribute>
    </xpath>
    
    
    <xpath expr="(//div[hasclass('col-lg-2')])[2]" position="attributes">
        <attribute name="class" add="border rounded mx-3" separator=" "/>
        <attribute name="style">border-radius: 16px !important; border-width: 4px !important; border-style: dotted !important; border-color: var(--o-color-2) !important;</attribute>
    </xpath>
    <xpath expr="(//div[hasclass('s_product_list_item_link')])[2]" position="attributes">
        <attribute name="class" add="pb24" separator=" "/>
    </xpath>
    <xpath expr="(//div[hasclass('s_product_list_item_link')])[2]//a" position="replace">
        <a t-att-href="url">Our team</a>
    </xpath>
    
    <xpath expr="(//div[hasclass('col-lg-2')])[2]//img" position="attributes">
        <attribute name="src">/web_editor/shape/theme_kiddo/s_product_list_2.svg?c1=o-color-1&amp;c2=o-color-2</attribute>
    </xpath>
    
    
    <xpath expr="(//div[hasclass('col-lg-2')])[3]" position="attributes">
        <attribute name="class" add="border rounded mx-3" separator=" "/>
        <attribute name="style">border-radius: 16px !important; border-width: 4px !important; border-style: dotted !important; border-color: var(--o-color-2) !important;</attribute>
    </xpath>
    <xpath expr="(//div[hasclass('s_product_list_item_link')])[3]" position="attributes">
        <attribute name="class" add="pb24" separator=" "/>
    </xpath>
    <xpath expr="(//div[hasclass('s_product_list_item_link')])[3]//a" position="replace">
        <a t-att-href="url">Playground</a>
    </xpath>
    
    <xpath expr="(//div[hasclass('col-lg-2')])[3]//img" position="attributes">
        <attribute name="src">/web_editor/shape/theme_kiddo/s_product_list_3.svg?c1=o-color-1&amp;c2=o-color-2</attribute>
    </xpath>
    
    
    <xpath expr="(//div[hasclass('col-lg-2')])[4]" position="attributes">
        <attribute name="class" add="border rounded mx-3" separator=" "/>
        <attribute name="style">border-radius: 16px !important; border-width: 4px !important; border-style: dotted !important; border-color: var(--o-color-2) !important;</attribute>
    </xpath>
    <xpath expr="(//div[hasclass('s_product_list_item_link')])[4]" position="attributes">
        <attribute name="class" add="pb24" separator=" "/>
    </xpath>
    <xpath expr="(//div[hasclass('s_product_list_item_link')])[4]//a" position="replace">
        <a t-att-href="url">Events</a>
    </xpath>
    
    <xpath expr="(//div[hasclass('col-lg-2')])[4]//img" position="attributes">
        <attribute name="src">/web_editor/shape/theme_kiddo/s_product_list_4.svg?c1=o-color-1&amp;c2=o-color-2</attribute>
    </xpath>
    
    
    <xpath expr="(//div[hasclass('col-lg-2')])[5]" position="attributes">
        <attribute name="class" add="border rounded mx-3" separator=" "/>
        <attribute name="style">border-radius: 16px !important; border-width: 4px !important; border-style: dotted !important; border-color: var(--o-color-2) !important;</attribute>
    </xpath>
    <xpath expr="(//div[hasclass('s_product_list_item_link')])[5]" position="attributes">
        <attribute name="class" add="pb24" separator=" "/>
    </xpath>
    <xpath expr="(//div[hasclass('s_product_list_item_link')])[5]//a" position="replace">
        <a t-att-href="url">Visit us</a>
    </xpath>
    
    <xpath expr="(//div[hasclass('col-lg-2')])[5]//img" position="attributes">
        <attribute name="src">/web_editor/shape/theme_kiddo/s_product_list_6.svg?c1=o-color-1&amp;c2=o-color-2</attribute>
    </xpath>
    
    
    <xpath expr="(//div[hasclass('col-lg-2')])[6]" position="replace"/>
</template>

</odoo>

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

                      <?xml version="1.0" ?>
<odoo>
  <template name="Items" id="s_product_list">
    <t t-set="url" value="url or '#'"/>
    <section class="s_product_list">
      <div class="container-fluid">
        <div class="row">
          <div class="col-lg-2 col-md-4 col-6">
            <a t-att-href="url">
              <img src="/web/image/website.s_product_list_default_image_1" alt="" class="img img-fluid"/>
            </a>
            <div class="s_product_list_item_link">
              <a t-att-href="url" class="btn btn-primary">Furniture</a>
            </div>
          </div>
          <div class="col-lg-2 col-md-4 col-6">
            <a t-att-href="url">
              <img src="/web/image/website.s_product_list_default_image_2" alt="" class="img img-fluid"/>
            </a>
            <div class="s_product_list_item_link">
              <a t-att-href="url" class="btn btn-primary">Clothes</a>
            </div>
          </div>
          <div class="col-lg-2 col-md-4 col-6">
            <a t-att-href="url">
              <img src="/web/image/website.s_product_list_default_image_3" alt="" class="img img-fluid"/>
            </a>
            <div class="s_product_list_item_link">
              <a t-att-href="url" class="btn btn-primary">Books</a>
            </div>
          </div>
          <div class="col-lg-2 col-md-4 col-6">
            <a t-att-href="url">
              <img src="/web/image/website.s_product_list_default_image_4" alt="" class="img img-fluid"/>
            </a>
            <div class="s_product_list_item_link">
              <a t-att-href="url" class="btn btn-primary">Essential oils</a>
            </div>
          </div>
          <div class="col-lg-2 col-md-4 col-6">
            <a t-att-href="url">
              <img src="/web/image/website.s_product_list_default_image_5" alt="" class="img img-fluid"/>
            </a>
            <div class="s_product_list_item_link">
              <a t-att-href="url" class="btn btn-primary">Service</a>
            </div>
          </div>
          <div class="col-lg-2 col-md-4 col-6">
            <a t-att-href="url">
              <img src="/web/image/website.s_product_list_default_image_6" alt="" class="img img-fluid"/>
            </a>
            <div class="s_product_list_item_link">
              <a t-att-href="url" class="btn btn-primary">Multimedia</a>
            </div>
          </div>
        </div>
      </div>
    </section>
  </template>
  <record id="website.s_product_list_000_variables_scss" model="ir.asset">
    <field name="name">Product list 000 variables SCSS</field>
    <field name="bundle">web._assets_primary_variables</field>
    <field name="path">website/static/src/snippets/s_product_list/000_variables.scss</field>
  </record>
  <record id="website.s_product_list_000_scss" model="ir.asset">
    <field name="name">Product list 000 SCSS</field>
    <field name="bundle">web.assets_frontend</field>
    <field name="path">website/static/src/snippets/s_product_list/000.scss</field>
  </record>
</odoo>

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

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

                      <?xml version="1.0" ?>
<odoo>
  <template id="s_product_catalog" name="Pricelist">
    <section class="s_product_catalog oe_img_bg o_bg_img_center oe_custom_bg pt48 pb32" style="background-image: url('/web/image/website.s_product_catalog_default_image');" data-vcss="001">
      <div class="container">
        <h2>Menu</h2>
        <p>Add a menu description.</p>
        <div class="row">
          <div class="col-lg-6 pt16 pb16">
            <h3>Starter</h3>
            <ul class="list-unstyled my-3">
              <t t-call="website.s_product_catalog_dish">
                <t t-set="name">Cheese Onion Rings</t>
                <t t-set="price">$9.00</t>
              </t>
              <t t-call="website.s_product_catalog_dish">
                <t t-set="name">Chefs Fresh Soup of the Day</t>
                <t t-set="price">$7.50</t>
              </t>
              <t t-call="website.s_product_catalog_dish">
                <t t-set="name">Beef Carpaccio</t>
                <t t-set="price">$10.50</t>
              </t>
            </ul>
          </div>
          <div class="col-lg-6 pt16 pb16">
            <h3>Main Course</h3>
            <ul class="list-unstyled my-3">
              <t t-call="website.s_product_catalog_dish">
                <t t-set="name">Filet Mignon 8oz</t>
                <t t-set="price">$15.50</t>
              </t>
              <t t-call="website.s_product_catalog_dish">
                <t t-set="name">Farm Friendly Chicken Supreme</t>
                <t t-set="price">$15.50</t>
              </t>
              <t t-call="website.s_product_catalog_dish">
                <t t-set="name">Tuna and Salmon Burger</t>
                <t t-set="price">$12.00</t>
              </t>
            </ul>
          </div>
        </div>
      </div>
    </section>
  </template>
  <template id="s_product_catalog_dish">
    <li class="s_product_catalog_dish" data-name="Product">
      <p class="s_product_catalog_dish_title d-flex align-items-baseline pb-2">
        <span t-esc="name" class="s_product_catalog_dish_name s_product_catalog_dish_dot_leaders"/>
        <span t-esc="price" class="s_product_catalog_dish_price ms-auto ps-2"/>
      </p>
    </li>
  </template>
  <template id="s_product_catalog_add_product_widget">
    <we-row string="Product">
      <we-button data-add-item="" data-item=".s_product_catalog_dish:last" data-select-item="" t-att-data-apply-to="apply_to" data-no-preview="true" class="o_we_bg_brand_primary">
            Add Product
        </we-button>
    </we-row>
  </template>
  <template id="s_product_catalog_options" inherit_id="website.snippet_options">
    <xpath expr="//t[@t-call='website.snippet_options_background_options']" position="before">
      <div data-js="MultipleItems" data-selector=".s_product_catalog">
        <t t-call="website.s_product_catalog_add_product_widget">
          <t t-set="apply_to" t-valuef="&gt; :has(.s_product_catalog_dish):not(:has(.row &gt; div:has(.s_product_catalog_dish)))"/>
        </t>
      </div>
      <div data-js="MultipleItems" data-selector=".s_product_catalog .row &gt; div">
        <t t-call="website.s_product_catalog_add_product_widget">
          <t t-set="apply_to" t-valuef="&gt; :has(.s_product_catalog_dish)"/>
        </t>
      </div>
    </xpath>
    <xpath expr="." position="inside">
      <div data-js="ProductCatalog" data-selector=".s_product_catalog">
        <we-checkbox string="Descriptions" data-toggle-description="true" data-no-preview="true"/>
        <t t-call="website.snippet_options_border_line_widgets">
          <t t-set="label">⌙ Separator</t>
          <t t-set="direction" t-value="'top'"/>
          <t t-set="apply_to" t-value="'.s_product_catalog_dish_description'"/>
          <!-- Note: no need of extra dependency thanks to the apply-to -->
        </t>
      </div>
      <div data-selector=".s_product_catalog_dish" data-drop-near=".s_product_catalog_dish"/>
    </xpath>
    <xpath expr="//div[@data-js='SnippetMove']" position="attributes">
      <attribute name="data-selector" add=".s_product_catalog_dish" separator=","/>
    </xpath>
  </template>
  <record id="website.s_product_catalog_001_scss" model="ir.asset">
    <field name="name">Product catalog 001 SCSS</field>
    <field name="bundle">web.assets_frontend</field>
    <field name="path">website/static/src/snippets/s_product_catalog/001.scss</field>
  </record>
</odoo>

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

📝 Édition directe du snippet personnalisé

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

<template id="s_image_text" inherit_id="website.s_image_text">
    
    <xpath expr="//section" position="attributes">
        <attribute name="class" add="o_cc o_cc2 pb64 pt64" remove="pb32 pt32" separator=" "/>
        <attribute name="data-oe-shape-data">{"shape":"web_editor/Floats/13","flip":["x"]}</attribute>
    </xpath>

<xpath expr="//div[hasclass('container')]" position="before">
        <div class="o_we_shape o_web_editor_Floats_13 o_we_flip_x"/>
    </xpath>

<xpath expr="(//div[hasclass('col-lg-6')])[2]" position="attributes">
        <attribute name="class" add="offset-lg-1 col-lg-5" remove="col-lg-6" separator=" "/>
    </xpath>

<xpath expr="//h2" position="replace" mode="inner">
        Activities
    </xpath>
    <xpath expr="//h2" position="after">
        <div class="s_hr text-start pb32 pt8" data-snippet="s_hr" data-name="Separator">
            <hr class="w-50 me-auto" style="border-top: 4px dotted var(--o-color-2) !important;"/>
        </div>
    </xpath>
    <xpath expr="//p" position="replace" mode="inner">
        Our team is composed of experienced nursery nurses.
    </xpath>
    <xpath expr="//p[2]" position="replace" mode="inner">
        They will propose to your children educational activities, playful, varied and adapted to the stage of development.
    </xpath>
    <xpath expr="//p[2]" position="after">
        <p><br/></p>
    </xpath>
    
    
    <xpath expr="//img" position="attributes">
        <attribute name="src">/web_editor/image_shape/website.s_image_text_default_image/web_editor/basic/bsc_square_rounded_2.svg</attribute>
        <attribute name="data-shape">web_editor/basic/bsc_square_rounded_2</attribute>
        <attribute name="data-original-mimetype">image/jpeg</attribute>
        <attribute name="data-file-name">s_image_text.svg</attribute>
        <attribute name="data-shape-colors">;;;;</attribute>
    </xpath>
</template>

</odoo>

📄 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_cover.xml 🖼️ Modifier avec image 📝 Installer ce snippet

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

                      <?xml version="1.0" ?>
<odoo>
  <template id="s_cover" name="Cover">
    <section class="s_cover parallax s_parallax_is_fixed bg-black-50 pt96 pb96" data-scroll-background-ratio="1">
      <span class="s_parallax_bg oe_img_bg" style="background-image: url('/web/image/website.s_cover_default_image'); background-position: 50% 0;"/>
      <div class="o_we_bg_filter bg-black-50"/>
      <div class="container s_allow_columns">
        <h1 style="text-align: center;">
          <font style="font-size: 62px; font-weight: bold;">Catchy Headline</font>
        </h1>
        <p class="lead" style="text-align: center;">
          Write one or two paragraphs describing your product, services or a specific feature.
          <br/>
           To be successful your content needs to be useful to your readers.
        </p>
        <p style="text-align: center;">
          <a t-att-href="cta_btn_href" class="btn btn-primary mb-2">
            <t t-esc="cta_btn_text">Contact us</t>
          </a>
        </p>
      </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_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_cc1 pt112 pb0" remove="o_cc2 pt32 pb32" separator=" "/>
        <attribute name="data-oe-shape-data">{"shape":"web_editor/Origins/14_001","flip":["y"]}</attribute>
    </xpath>

<xpath expr="//div[hasclass('container')]" position="before">
        <div class="o_we_shape o_web_editor_Origins_14_001 o_we_flip_y"/>
    </xpath>

<xpath expr="//div[hasclass('card')]" position="attributes">
        <attribute name="style">border-width: 0px !important;</attribute>
    </xpath>
    <xpath expr="//img" position="attributes">
        <attribute name="src">/web_editor/image_shape/website.s_three_columns_default_image_1/web_editor/solid/blob_1_solid_rd.svg?c2=o-color-1</attribute>
        <attribute name="data-shape">web_editor/solid/blob_1_solid_rd</attribute>
        <attribute name="data-original-mimetype">image/jpeg</attribute>
        <attribute name="data-file-name">s_three_columns_default_image_1.svg</attribute>
        <attribute name="data-shape-colors">;o-color-1;;;</attribute>
    </xpath>
    
    <xpath expr="//h3" position="attributes">
        <attribute name="style">text-align: center;</attribute>
    </xpath>
    <xpath expr="//h3" position="replace" mode="inner">
        Our mission
    </xpath>
    
    <xpath expr="//h3" position="after">
        <div class="s_hr text-start pb32 pt8" data-snippet="s_hr" data-name="Separator">
            <hr class="w-25 mx-auto" style="border-top: 5px dotted var(--o-color-2) !important;"/>
        </div>
    </xpath>
    
    <xpath expr="//p" position="attributes">
        <attribute name="style">text-align: center;</attribute>
    </xpath>
    <xpath expr="//p" position="replace" mode="inner">
        Our aim is to make the early years of your child’s life as enjoyable, rewarding and positive as possible.
    </xpath>
    
    
    <xpath expr="(//div[hasclass('card')])[2]" position="attributes">
        <attribute name="style">border-width: 0px !important;</attribute>
    </xpath>
    <xpath expr="(//img)[2]" position="attributes">
        <attribute name="src">/web_editor/image_shape/website.s_three_columns_default_image_2/web_editor/line/oval_2_line.svg?c2=o-color-3</attribute>
        <attribute name="data-shape">web_editor/line/oval_2_line</attribute>
        <attribute name="data-original-mimetype">image/jpeg</attribute>
        <attribute name="data-file-name">s_three_columns_default_image_2.svg</attribute>
        <attribute name="data-shape-colors">;o-color-3;;;</attribute>
    </xpath>
    
    <xpath expr="(//h3)[2]" position="attributes">
        <attribute name="style">text-align: center;</attribute>
    </xpath>
    <xpath expr="(//h3)[2]" position="replace" mode="inner">
        For every kids
    </xpath>
    
    <xpath expr="(//h3)[2]" position="after">
        <div class="s_hr text-start pb32 pt8" data-snippet="s_hr" data-name="Separator">
            <hr class="w-25 mx-auto" style="border-top: 5px dotted var(--o-color-1) !important;"/>
        </div>
    </xpath>
    
    <xpath expr="(//p)[2]" position="attributes">
        <attribute name="style">text-align: center;</attribute>
    </xpath>
    <xpath expr="(//p)[2]" position="replace" mode="inner">
        All activities are planned to meet each child’s individual needs. This approach will help your child to develop to the best of their ability.
    </xpath>
    
    
    <xpath expr="(//div[hasclass('card')])[3]" position="attributes">
        <attribute name="style">border-width: 0px !important;</attribute>
    </xpath>
    <xpath expr="(//img)[3]" position="attributes">
        <attribute name="src">/web_editor/image_shape/website.s_three_columns_default_image_3/web_editor/solid/blob_3_solid_rd.svg?c5=o-color-2</attribute>
        <attribute name="data-shape">web_editor/solid/blob_3_solid_rd</attribute>
        <attribute name="data-original-mimetype">image/jpeg</attribute>
        <attribute name="data-file-name">s_three_columns_default_image_3.svg</attribute>
        <attribute name="data-shape-colors">;;;;o-color-2</attribute>
    </xpath>
    
    <xpath expr="(//h3)[3]" position="attributes">
        <attribute name="style">text-align: center;</attribute>
    </xpath>
    <xpath expr="(//h3)[3]" position="replace" mode="inner">
        Open-door policy
    </xpath>
    
    <xpath expr="(//h3)[3]" position="after">
        <div class="s_hr text-start pb32 pt8" data-snippet="s_hr" data-name="Separator">
            <hr class="w-25 mx-auto" style="border-top: 5px dotted var(--o-color-2) !important;"/>
        </div>
    </xpath>
    
    <xpath expr="(//p)[3]" position="attributes">
        <attribute name="style">text-align: center;</attribute>
    </xpath>
    <xpath expr="(//p)[3]" position="replace" mode="inner">
        You are welcome to come and see the nursery and meet the team at any time convenient to you.
    </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_kiddo

🧩 Snippets personnalisés

📂 Fichiers du thème