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

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_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

📝 Édition directe du snippet personnalisé

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

<template id="s_quotes_carousel" inherit_id="website.s_quotes_carousel">
    
    <xpath expr="(//div[hasclass('s_blockquote_content')])[1]/p" position="replace" mode="inner">
        It's difficult to describe how awesome the trip was. I feel like my life has changed forever. It would take too long to describe day by day the sights, sounds, architecture, art, food, history, and people that we came across. Ireland was fantastic.
    </xpath>
    <xpath expr="(//span[hasclass('s_blockquote_author')])[1]" position="replace" mode="inner">
        <b>Linda and Paulo</b> • From Italy
    </xpath>
    
    <xpath expr="(//div[hasclass('s_blockquote_content')])[2]/p" position="replace" mode="inner">
        As always, Odoo Travel has delivered a truly wonderful travel experience for us. Norway was a great travel destination. The parts of the country we visited were beautiful, people were friendly, everything we ate was delicious, and there were many fun things to see and do.
    </xpath>
    <xpath expr="(//span[hasclass('s_blockquote_author')])[2]" position="replace" mode="inner">
        <b>Jacques and Marie</b> • From France
    </xpath>
    
    <xpath expr="(//div[hasclass('s_blockquote_content')])[3]/p" position="replace"  mode="inner">
        We would like to thank Odoo Travel for organising wonderful tour for us in Delhi, Agra and Rajasthan. Everything was very well organised. Thank you very much for everything!
    </xpath>
    <xpath expr="(//span[hasclass('s_blockquote_author')])[3]" position="replace" mode="inner">
        <b>Rose and Peter</b> • From United Kingdom
    </xpath>
</template>

</odoo>

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

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

                      <?xml version="1.0" ?>
<odoo>
  <template id="s_popup" name="Popup">
    <div class="s_popup o_snippet_invisible" data-vcss="001">
      <div class="modal fade s_popup_middle" style="background-color: var(--black-50) !important;" data-show-after="5000" data-display="afterDelay" data-consents-duration="7" data-bs-focus="false" data-bs-backdrop="false" tabindex="-1" role="dialog">
        <div class="modal-dialog d-flex">
          <div class="modal-content oe_structure">
            <div class="s_popup_close js_close_popup o_we_no_overlay o_not_editable" aria-label="Close">×</div>
            <section class="s_banner oe_img_bg o_bg_img_center pt96 pb96" data-snippet="s_banner" style="background-image: url('/web/image/website.s_popup_default_image');">
              <div class="container">
                <div class="row s_nb_column_fixed">
                  <div class="col-lg-10 offset-lg-1 text-center o_cc o_cc1 jumbotron pt48 pb48">
                    <h2>
                      <font style="font-size: 62px;">Win $20</font>
                    </h2>
                    <p class="lead">Check out now and get $20 off your first order.</p>
                    <a href="#" class="btn btn-primary mb-2">New customer</a>
                  </div>
                </div>
              </div>
            </section>
          </div>
        </div>
      </div>
    </div>
  </template>
  <template id="s_popup_options" inherit_id="website.snippet_options">
    <xpath expr="." position="inside">
      <t t-set="base_popup_options">
        <we-select string="Position" data-dependencies="layout_popup_opt">
          <!-- When cookie configuration only display this for popup mode -->
          <we-button data-select-class="s_popup_top" data-name="position_top">Top</we-button>
          <we-button data-select-class="s_popup_middle" data-name="position_middle">Middle</we-button>
          <we-button data-select-class="s_popup_bottom" data-name="position_bottom">Bottom</we-button>
        </we-select>
        <we-select string="Size" data-apply-to=".modal-dialog" data-name="s_popup_size_opt">
          <we-button data-select-class="modal-sm">Small</we-button>
          <we-button data-select-class="" data-name="s_popup_size_md">Medium</we-button>
          <we-button data-select-class="modal-lg">Large</we-button>
          <we-button data-select-class="modal-xl">Extra Large</we-button>
          <we-button data-select-class="s_popup_size_full" data-name="s_popup_size_full">Full</we-button>
        </we-select>
        <we-row string="Backdrop">
          <we-checkbox data-name="popup_backdrop_opt" data-select-class="s_popup_no_backdrop|" data-set-backdrop="true" data-no-preview="true"/>
          <we-colorpicker data-dependencies="popup_backdrop_opt" data-select-style="true" data-css-property="background-color" data-color-prefix="bg-" data-css-compatible="true"/>
        </we-row>
      </t>
      <t t-set="extra_popup_options">
        <we-colorpicker string="Close Button Color" data-select-style="true" data-css-property="color" data-color-prefix="text-" data-apply-to=".s_popup_close"/>
        <we-select string="Display" data-attribute-name="display" data-attribute-default-value="always">
          <we-button data-select-data-attribute="afterDelay" data-name="show_delay">Delay</we-button>
          <we-button data-select-data-attribute="mouseExit">On Exit</we-button>
        </we-select>
        <we-input string="⌙ Delay" title="Automatically opens the pop-up if the user stays on a page longer than the specified time." data-select-data-attribute="" data-attribute-name="showAfter" data-unit="s" data-save-unit="ms" data-dependencies="show_delay"/>
        <t t-set="unit_popup_duration">days</t>
        <we-input string="Hide For" title="Once the user closes the popup, it won't be shown again for that period of time." t-attf-data-select-data-attribute="7#{unit_popup_duration}" data-attribute-name="consentsDuration" t-att-data-unit="unit_popup_duration"/>
        <we-select string="Show on" data-no-preview="true">
          <we-button data-move-block="moveToBody">This page</we-button>
          <we-button data-move-block="moveToFooter">All pages</we-button>
        </we-select>
      </t>
      <div data-js="SnippetPopup" data-selector=".s_popup" data-exclude="#website_cookies_bar" data-target=".modal" data-drop-in=":not(p).oe_structure:not(.oe_structure_solo):not([data-snippet] *), :not(.o_mega_menu):not(p)[data-oe-type=html]:not([data-snippet] *)">
        <t t-out="base_popup_options"/>
        <t t-out="extra_popup_options"/>
      </div>
      <div data-js="SnippetPopup" data-selector=".s_popup#website_cookies_bar" data-target=".modal">
        <t t-out="base_popup_options"/>
      </div>
    </xpath>
  </template>
  <record id="website.s_popup_000_scss" model="ir.asset">
    <field name="name">Popup 000 SCSS</field>
    <field name="bundle">web.assets_frontend</field>
    <field name="path">website/static/src/snippets/s_popup/000.scss</field>
    <field name="active" eval="False"/>
  </record>
  <record id="website.s_popup_000_js" model="ir.asset">
    <field name="name">Popup 000 JS</field>
    <field name="bundle">web.assets_frontend</field>
    <field name="path">website/static/src/snippets/s_popup/000.js</field>
  </record>
  <record id="website.s_popup_001_scss" model="ir.asset">
    <field name="name">Popup 001 SCSS</field>
    <field name="bundle">web.assets_frontend</field>
    <field name="path">website/static/src/snippets/s_popup/001.scss</field>
  </record>
</odoo>

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

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

                      <?xml version="1.0" ?>
<odoo>
  <template id="s_features" name="Features">
    <section class="s_features pt32 pb32">
      <div class="container">
        <div class="row">
          <div class="col-lg-4 pt32 pb32 text-center">
            <i class="fa fa-3x fa-gear rounded bg-primary m-3"/>
            <h3>First Feature</h3>
            <p>
              Tell what's the value for the 
              <br/>
              customer for this feature.
            </p>
          </div>
          <div class="col-lg-4 pt32 pb32 text-center">
            <i class="fa fa-3x fa-photo rounded bg-o-color-5 m-3"/>
            <h3>Second Feature</h3>
            <p>
              Write what the customer would like to know, 
              <br/>
              not what you want to show.
            </p>
          </div>
          <div class="col-lg-4 pt32 pb32 text-center">
            <i class="fa fa-3x fa-leaf rounded bg-secondary m-3"/>
            <h3>Third Feature</h3>
            <p>
              A small explanation of this great 
              <br/>
              feature, in clear words.
            </p>
          </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="pt16 pb56 o_cc3" remove="pt32 pb32 o_cc2" separator=" "/>
    </xpath>
    
    <xpath expr="//div[hasclass('row')]/div[1]/div" position="replace">
        <img class="position-relative d-block img-fluid figure-img rounded shadow-lg w-100" style="height:50vh; object-fit:cover; z-index:2;" src="/web/image/website.s_three_columns_default_image_1" alt="s_three_columns_1"/>
        <div class="card-wrapper shadow-lg position-relative p-4 bg-white rounded-3 mt-n4" style="z-index:1;">
            <h4 class="card-title mt-4">Paris</h4>
            <p>Paris' monument-lined boulevards, museums, classical bistros and boutiques are enhanced by a new wave of multimedia galleries, creative wine bars..</p>
            <a href="#" class="btn btn-primary mb-2">Book now</a>
        </div>
    </xpath>
    
    <xpath expr="//div[hasclass('row')]/div[2]/div" position="replace">
        <img class="position-relative d-block img-fluid figure-img rounded shadow-lg w-100" style="height:50vh; object-fit:cover; z-index:2;" src="/web/image/website.s_three_columns_default_image_2" alt="s_three_columns_2"/>
        <div class="card-wrapper shadow-lg position-relative p-4 bg-white rounded-3 mt-n4" style="z-index:1;">
            <h4 class="card-title mt-4">Rome</h4>
            <p>A heady mix of haunting ruins, awe-inspiring art and vibrant street life, Italy’s hot-blooded capital is one of the world’s most romantic and charismatic cities.</p>
            <a href="#" class="btn btn-primary mb-2">Book now</a>
        </div> 
    </xpath>
    
    <xpath expr="//div[hasclass('row')]/div[3]/div" position="replace">
        <img class="position-relative d-block img-fluid figure-img rounded shadow-lg w-100" style="height:50vh; object-fit:cover; z-index:2;" src="/web/image/website.s_three_columns_default_image_3" alt="s_three_columns_3"/>
        <div class="card-wrapper shadow-lg position-relative p-4 bg-white rounded-3 mt-n4" style="z-index:1;">
            <h4 class="card-title mt-4">Prague</h4>
            <p>Prague is the equal of Paris in terms of beauty. Its history goes back a millennium. And the beer? The best in Europe. Prague is the perfect city to walk around.</p>
            <a href="#" class="btn btn-primary mb-2">Book now</a>
        </div>
    </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>

📁 Détails du thème : theme_aviato

🧩 Snippets personnalisés

📂 Fichiers du thème