eople, column, members, staffs, profiles, bios, roles, personnel, crew</keywords>\n                </t>\n                <t t-snippet="website.s_company_team_basic" string="Team Basic" group="people">\n                    <keywords>organization, company, people, members, staffs, profiles, bios, roles, personnel, crew, patterned, trendy</keywords>\n                </t>\n                <t t-snippet="website.s_company_team_shapes" string="Team Shapes" group="people">\n                    <keywords>organization, structure, people, team, name, role, position, image, portrait, photo, employees, shapes</keywords>\n                </t>\n                <t t-snippet="website.s_company_team_detail" string="Team Detail" group="people">\n                    <keywords>organization, company, people, members, staffs, profiles, bios, roles, personnel, crew, patterned, trendy, social</keywords>\n                </t>\n                <t t-snippet="website.s_company_team_spotlight" string="Team Spotlight" group="people">\n                    <keywords>organization, company, people, members, staffs, profiles, bios, roles, personnel, crew, patterned</keywords>\n                </t>\n                <t t-snippet="website.s_company_team_grid" string="Company Team Grid" group="people">\n                    <keywords>organization, structure, people, team, name, role, position, image, portrait, photo, employees, shapes</keywords>\n                </t>\n                <t t-snippet="website.s_company_team_card" string="Card Team" group="people">\n                    <keywords>organization, structure, people, team, name, role, position, image, portrait, photo, employees, shapes</keywords>\n                </t>\n                <t t-snippet="website.s_references" string="References" group="people">\n                    <keywords>customers, clients, sponsors, partners, supporters, case-studies, collaborators, associations, associates, testimonials, endorsements</keywords>\n                </t>\n                <t t-snippet="website.s_references_social" string="References Social" group="people">\n                    <keywords>customers, clients, sponsors, partners, supporters, case-studies, collaborators, associations, associates, testimonials, endorsements, social</keywords>\n                </t>\n                <t t-snippet="website.s_references_grid" string="References Grid" group="people">\n                    <keywords>customers, clients, sponsors, partners, supporters, case-studies, collaborators, associations, associates, testimonials, endorsements</keywords>\n                </t>\n                <t t-snippet="website.s_quotes_carousel" string="Quotes" group="people" label="Carousel">\n                    <keywords>cite, testimonials, endorsements, reviews, feedback, statements, references, sayings, comments, appreciations, citations, carousel</keywords>\n                </t>\n                <t t-snippet="website.s_quotes_carousel_minimal" string="Quotes Minimal" group="people" label="Carousel">\n                    <keywords>cite, testimonials, endorsements, reviews, feedback, statements, references, sayings, comments, appreciations, citations, carousel</keywords>\n                </t>\n                <t t-snippet="website.s_reviews_wall" string="Reviews Wall" group="people">\n                    <keywords>cite, testimonials, endorsements, reviews, feedback, statements, references, sayings, comments, appreciations, citations</keywords>\n                </t>\n                <t t-snippet="website.s_quotes_carousel_compact" string="Quotes Compact" group="people" label="Carousel">\n                    <keywords>cite, testimonials, endorsements, reviews, feedback, statements, references, sayings, comments, appreciations, citations, carousel</keywords>\n                </t>\n\n                <!-- Text group -->\n                <t t-snippet="website.s_title" string="Title" group="text">\n                    <keywords>heading, h1, headline, header, main, top, caption, introductory, principal, key</keywords>\n                </t>\n                <t t-snippet="website.s_text_block" string="Text" group="text">\n                    <keywords>content, paragraph, article, body, description, information</keywords>\n                </t>\n                <t t-snippet="website.s_faq_collapse" string="FAQ Block" group="text">\n                    <keywords>common answers, common questions</keywords>\n                </t>\n                <t t-snippet="website.s_faq_list" string="FAQ List" group="text">\n                    <keywords>questions, answers, common answers, common questions, faq, help, support, information, knowledge, guide, troubleshooting, assistance, columns, QA</keywords>\n                </t>\n                <t t-snippet="website.s_table_of_content" string="Table of Content" group="text" label="Tab">\n                    <keywords>navigation, index, outline, chapters, sections, overview, menu, tab</keywords>\n                </t>\n                <t t-snippet="website.s_faq_horizontal" string="Topics List" group="text">\n                    <keywords>questions, answers, common answers, common questions, faq, help, support, information, knowledge, guide, troubleshooting, assistance, QA, terms of services</keywords>\n                </t>\n                <t t-snippet="website.s_product_catalog" string="Pricelist" group="text">\n                    <keywords>menu, pricing, shop, table, cart, product, cost, charges, fees, rates, prices, expenses</keywords>\n                </t>\n                <t t-snippet="website.s_pricelist_cafe" string="Pricelist Cafe" group="text">\n                    <keywords>menu, pricing, shop, table, cart, product, cost, charges, fees, rates, prices, expenses, columns</keywords>\n                </t>\n                <t t-snippet="website.s_pricelist_boxed" string="Pricelist Boxed" group="text">\n                    <keywords>menu, pricing, shop, table, cart, product, cost, charges, fees, rates, prices, expenses</keywords>\n                </t>\n\n                <!-- Contact & Forms group -->\n                <t t-snippet="website.s_title_form" string="Title - Form" t-forbid-sanitize="form" t-thumbnail="/website/static/src/img/snippets_thumbs/s_website_form.svg" group="contact_and_forms">\n                    <keywords>contact, collect, submission, input, fields, questionnaire, survey, registration, request</keywords>\n                </t>\n                <t t-snippet="website.s_opening_hours" string="Opening Hours" group="contact_and_forms"/>\n                <t t-snippet="website.s_contact_info" string="Contact Info" group="contact_and_forms"/>\n                <t t-snippet="website.s_website_form_overlay" string="Form Overlay" t-forbid-sanitize="form" group="contact_and_forms">\n                    <keywords>contact, collect, submission, input, fields, questionnaire, survey, registration, request</keywords>\n                </t>\n                <t t-snippet="website.s_website_form_info" string="Form Info" t-forbid-sanitize="form" group="contact_and_forms">\n                    <keywords>contact, collect, submission, input, fields, questionnaire, survey, registration, request, image, picture, photo, illustration, media, visual, company, organization, address, phone, email, location, get-in-touch</keywords>\n                </t>\n                <t t-snippet="website.s_website_form_cover" string="Form Cover" t-forbid-sanitize="form" group="contact_and_forms">\n                    <keywords>contact, collect, submission, input, fields, questionnaire, survey, registration, request, image, picture, photo, illustration, media, visual</keywords>\n                </t>\n                <t t-snippet="website.s_form_aside" string="Form Aside" t-forbid-sanitize="form" group="contact_and_forms">\n                    <keywords>contact, collect, submission, input, fields, questionnaire, survey, registration, request, image, picture, photo, illustration, media, visual, get-in-touch</keywords>\n                </t>\n\n                <!-- Catalog group -->\n                <t t-snippet="website.s_floating_blocks" string="Floating Cards" group="catalog">\n                    <keywords>hero, animation, animated, cards, float, stacked, promo, categories, ecommerce, shop</keywords>\n                </t>\n                <t t-snippet="website.s_attributes_horizontal" string="Horizontal Attributes" group="catalog">\n                    <keywords>services, icons, features, characteristic, specs, advantages, functionalities, exhibit, details, capabilities, attributes, promotion, overview, specifications</keywords>\n                </t>\n                <t t-snippet="website.s_bento_grid" string="Bento Grid" group="catalog">\n                    <keywords>cards, shop, grid, column, cart, product, ecommerce, categories, hightlights, pictures, photos, illustration, media, visuals, intro, home, coupon, code, description, rounded, card, call to action, cta, marketing, showcase, mosaic, collage, arrangement, collection, visual-grid</keywords>\n                </t>\n                <t id="sale_products_hook"/>\n\n                <!-- Blogs group -->\n                <t id="blog_posts_hook"/>\n\n                <!-- Events group -->\n                <t id="event_upcoming_snippet_hook"/>\n\n                <!-- Donation group -->\n                <t id="snippet_donation_hook"/>\n\n                <!-- Newsletter group -->\n                <t id="mass_mailing_newsletter_block_hook"/>\n                <t id="mass_mailing_newsletter_grid_hook"/>\n                <t id="mass_mailing_newsletter_popup_hook"/>\n                <t id="mass_mailing_newsletter_box_hook"/>\n                <t id="mass_mailing_newsletter_centered_hook"/>\n                <t id="mass_mailing_newsletter_sms_notifications_hook"/>\n\n                <!-- Social group -->\n                <t t-snippet="website.s_instagram_page" string="Instagram Page" group="social" t-image-preview="/website/static/src/img/snippets_previews/s_instagram_preview.jpg">\n                    <keywords>social media, ig, feed</keywords>\n                </t>\n                <!-- TODO: remove 'snippet_google_map_hook', it does not seem to be used -->\n                <t id="snippet_google_map_hook"/>\n                <t t-set="google_maps_api_key" t-value="request.env['website'].get_current_website().google_maps_api_key"/>\n                <t t-if="debug or not google_maps_api_key" t-snippet="website.s_map" string="Map" t-thumbnail="/website/static/src/img/snippets_thumbs/s_map.svg" group="social" t-image-preview="/website/static/src/img/snippets_previews/s_map_preview.png"/>\n                <t t-if="debug or google_maps_api_key" t-snippet="website.s_google_map" string="Map" t-thumbnail="/website/static/src/img/snippets_thumbs/s_google_map.svg" group="social" t-image-preview="/website/static/src/img/snippets_previews/s_map_preview.png"/>\n\n                <!-- Debug group -->\n                <t t-if="debug" t-snippet="website.s_dynamic_snippet" string="Dynamic Snippet" group="debug" t-image-preview="/website/static/src/img/snippets_previews/s_dynamic_snippet_preview.png"/>\n                <t t-if="debug" t-snippet="website.s_dynamic_snippet_carousel" string="Dynamic Carousel" group="debug" t-image-preview="/website/static/src/img/snippets_previews/s_dynamic_snippet_carousel_preview.png"/>\n            </snippets>\n\n            <!-- Inner snippets -->\n            <snippets id="snippet_content" string="Inner content">\n                <t t-snippet="website.s_inline_text" string="Text" t-thumbnail="/website/static/src/img/snippets_thumbs/s_inline_text.svg"/>\n                <t t-snippet="website.s_button" string="Button" t-thumbnail="/website/static/src/img/snippets_thumbs/s_button.svg"/>\n                <t t-snippet="website.s_image" string="Image" t-thumbnail="/website/static/src/img/snippets_thumbs/s_image.svg"/>\n                <t t-snippet="website.s_video" string="Video" t-thumbnail="/website/static/src/img/snippets_thumbs/s_video.svg"/>\n                <t t-snippet="website.s_hr" string="Separator" t-thumbnail="/website/static/src/img/snippets_thumbs/s_hr.svg"/>\n                <t t-snippet="website.s_accordion" string="Accordion" t-thumbnail="/website/static/src/img/snippets_thumbs/s_accordion.svg"/>\n                <t t-snippet="website.s_alert" string="Alert" t-thumbnail="/website/static/src/img/snippets_thumbs/s_alert.svg"/>\n                <t t-snippet="website.s_rating" string="Rating" t-thumbnail="/website/static/src/img/snippets_thumbs/s_rating.svg"/>\n                <t t-snippet="website.s_card" string="Card" t-thumbnail="/website/static/src/img/snippets_thumbs/s_card.svg"/>\n                <t t-snippet="website.s_share" string="Share" t-thumbnail="/website/static/src/img/snippets_thumbs/s_share.svg"/>\n                <t t-snippet="website.s_social_media" string="Social Media" t-thumbnail="/website/static/src/img/snippets_thumbs/s_social_media.svg"/>\n                <t t-snippet="website.s_facebook_page" string="Facebook" t-thumbnail="/website/static/src/img/snippets_thumbs/s_facebook_page.svg"/>\n                <t t-snippet="website.s_searchbar_input" string="Search" t-thumbnail="/website/static/src/img/snippets_thumbs/s_searchbar_inline.svg" t-forbid-sanitize="form"/>\n                <t id="mass_mailing_newsletter_hook"/>\n                <t id="mail_group_hook"/>\n                <t t-snippet="website.s_text_highlight" string="Text Highlight" t-thumbnail="/website/static/src/img/snippets_thumbs/s_text_highlight.svg"/>\n                <t t-snippet="website.s_chart" string="Chart" t-thumbnail="/website/static/src/img/snippets_thumbs/s_chart.svg"/>\n                <t t-snippet="website.s_progress_bar" string="Progress Bar" t-thumbnail="/website/static/src/img/snippets_thumbs/s_progress_bar.svg"/>\n                <t t-snippet="website.s_badge" string="Badge" t-thumbnail="/website/static/src/img/snippets_thumbs/s_badge.svg"/>\n                <t t-snippet="website.s_cta_badge" string="CTA Badge" t-thumbnail="/website/static/src/img/snippets_thumbs/s_cta_badge.svg"/>\n                <t t-snippet="website.s_blockquote" string="Blockquote" t-thumbnail="/website/static/src/img/snippets_thumbs/s_blockquote.svg"/>\n                <!--\n                Note: this inner snippet is still allowed to be dropped as a\n                main snippet. Indeed, this handles the fact that the snippet\n                was previously a main one and can still be in old databases, but\n                also in some apps templates. It was just chosen to not suggest\n                it in the snippets modal anymore, and just *used* as an inner\n                snippet by other snippets in there.\n                -->\n                <t t-snippet="website.s_website_form" string="Form" t-thumbnail="/website/static/src/img/snippets_thumbs/s_website_form.svg" t-forbid-sanitize="form"/>\n                <t t-snippet="website.s_countdown" string="Countdown" t-thumbnail="/website/static/src/img/snippets_thumbs/s_countdown.svg"/>\n                <t t-snippet="website.s_embed_code" string="Embed Code" t-thumbnail="/website/static/src/img/snippets_thumbs/s_embed_code.svg" t-forbid-sanitize="true"/>\n                <t t-if="debug or not google_maps_api_key" t-snippet="website.s_map" string="Map" t-thumbnail="/website/static/src/img/snippets_thumbs/s_map.svg"/>\n                <t t-if="debug or google_maps_api_key" t-snippet="website.s_google_map" string="Map" t-thumbnail="/website/static/src/img/snippets_thumbs/s_google_map.svg"/>\n                <t id="event_speaker_bio_hook"/>\n                <t id="snippet_donation_button_hook"/>\n                <t id="snippet_add_to_cart_hook"/>\n                <t id="snippet_rental_search_hook"/>\n            </snippets>\n        </t>\n    </xpath>\n\n    <xpath expr="//div[@id='snippet_options']/t" position="attributes">\n        <attribute name="t-call">website.snippet_options</attribute>\n    </xpath>\n\n    <xpath expr="//snippets[@id='snippet_custom']" position="replace"/>\n    <xpath expr="//snippets[@id='snippet_content']" position="before">\n        <snippets id="snippet_custom" string="Custom Inner Content"/>\n    </xpath>\n<xpath expr="." position="attributes"><attribute name="t-name">website.snippets</attribute></xpath></data>\n\n	f	t	2025-07-20 21:14:37.445508	2025-07-20 21:14:37.445508	f	\N	\N	\N	\N	\N	\N	\N	\N	\N	f	f
685	8	684	1	1	external_snippets	\N	website.external_snippets	qweb	website/views/snippets/snippets.xml	extension	{"en_US": "<data inherit_id=\\"website.snippets\\" priority=\\"8\\">\\n    <xpath expr=\\"//snippets[@id='snippet_structure']\\" position=\\"inside\\">\\n        <t t-install=\\"mass_mailing\\" string=\\"Newsletter Block\\" group=\\"contact_and_forms\\" t-image-preview=\\"/website/static/src/img/snippets_previews/s_newsletter_block_preview.png\\"/>\\n        <t t-install=\\"mass_mailing\\" string=\\"Newsletter Centered\\" group=\\"contact_and_forms\\" t-image-preview=\\"/website/static/src/img/snippets_previews/s_newsletter_centered_preview.jpg\\"/>\\n        <t t-install=\\"mass_mailing\\" string=\\"Newsletter Grid\\" group=\\"contact_and_forms\\" t-image-preview=\\"/website/static/src/img/snippets_previews/s_newsletter_grid_preview.jpg\\"/>\\n        <t t-install=\\"mass_mailing\\" string=\\"Newsletter Popup\\" group=\\"contact_and_forms\\" label=\\"Popup\\" t-image-preview=\\"/website/static/src/img/snippets_previews/s_newsletter_subscribe_popup_preview.png\\"/>\\n        <t t-install=\\"mass_mailing\\" string=\\"Newsletter Box\\" group=\\"contact_and_forms\\" t-image-preview=\\"/website/static/src/img/snippets_previews/s_newsletter_box_preview.jpg\\"/>\\n        <t t-install=\\"mass_mailing_sms\\" string=\\"Newsletter SMS Notifications\\" group=\\"contact_and_forms\\" t-image-preview=\\"/website/static/src/img/snippets_previews/s_newsletter_sms_notifications_preview.png\\"/>\\n        <t t-install=\\"website_payment\\" string=\\"Donation\\" group=\\"contact_and_forms\\" t-image-preview=\\"/website/static/src/img/snippets_previews/s_donation_preview.png\\"/>\\n        <t t-install=\\"website_sale\\" string=\\"Products Carousel\\" group=\\"catalog\\" t-image-preview=\\"/website/static/src/img/snippets_previews/s_dynamic_snippet_products_preview.jpg\\"/>\\n    </xpath>\\n    <xpath expr=\\"//snippets[@id='snippet_content']\\" position=\\"inside\\">\\n        <t id=\\"newsletter_snippet\\" t-install=\\"mass_mailing\\" string=\\"Newsletter\\" t-thumbnail=\\"/website/static/src/img/snippets_thumbs/s_newsletter_subscribe_form.svg\\"/>\\n        <t t-install=\\"website_mail_group\\" string=\\"Discussion Group\\" t-thumbnail=\\"/website/static/src/img/snippets_thumbs/s_group.svg\\"/>\\n        <t t-install=\\"website_payment\\" string=\\"Donation Button\\" t-thumbnail=\\"/website/static/src/img/snippets_thumbs/s_donation_button.svg\\"/>\\n        <t t-install=\\"website_sale\\" string=\\"Add to Cart Button\\" t-thumbnail=\\"/website/static/src/img/snippets_thumbs/s_donation_button.svg\\"/>\\n    </xpath>\\n</data>", "fr_FR": "<data inherit_id=\\"website.snippets\\" priority=\\"8\\">\\n    <xpath expr=\\"//snippets[@id='snippet_structure']\\" position=\\"inside\\">\\n        <t t-install=\\"mass_mailing\\" string=\\"Bloc newsletter\\" group=\\"contact_and_forms\\" t-image-preview=\\"/website/static/src/img/snippets_previews/s_newsletter_block_preview.png\\"/>\\n        <t t-install=\\"mass_mailing\\" string=\\"Newsletter centrée\\" group=\\"contact_and_forms\\" t-image-preview=\\"/website/static/src/img/snippets_previews/s_newsletter_centered_preview.jpg\\"/>\\n        <t t-install=\\"mass_mailing\\" string=\\"Grid Newsletter\\" group=\\"contact_and_forms\\" t-image-preview=\\"/website/static/src/img/snippets_previews/s_newsletter_grid_preview.jpg\\"/>\\n        <t t-install=\\"mass_mailing\\" string=\\"Popup Newsletter\\" group=\\"contact_and_forms\\" label=\\"Popup\\" t-image-preview=\\"/website/static/src/img/snippets_previews/s_newsletter_subscribe_popup_preview.png\\"/>\\n        <t t-install=\\"mass_mailing\\" string=\\"Boîte newsletter\\" group=\\"contact_and_forms\\" t-image-preview=\\"/website/static/src/img/snippets_previews/s_newsletter_box_preview.jpg\\"/>\\n        <t t-install=\\"mass_mailing_sms\\" string=\\"Notifications SMS de la newsletter\\" group=\\"contact_and_forms\\" t-image-preview=\\"/website/static/src/img/snippets_previews/s_newsletter_sms_notifications_preview.png\\"/>\\n        <t t-install=\\"website_payment\\" string=\\"Don\\" group=\\"contact_and_forms\\" t-image-preview=\\"/website/static/src/img/snippets_previews/s_donation_preview.png\\"/>\\n        <t t-install=\\"website_sale\\" string=\\"Carrousel produits\\" group=\\"catalog\\" t-image-preview=\\"/website/static/src/img/snippets_previews/s_dynamic_snippet_products_preview.jpg\\"/>\\n    </xpath>\\n    <xpath expr=\\"//snippets[@id='snippet_content']\\" position=\\"inside\\">\\n        <t id=\\"newsletter_snippet\\" t-install=\\"mass_mailing\\" string=\\"Newsletter\\" t-thumbnail=\\"/website/static/src/img/snippets_thumbs/s_newsletter_subscribe_form.svg\\"/>\\n        <t t-install=\\"website_mail_group\\" string=\\"Groupe de discussion\\" t-thumbnail=\\"/website/static/src/img/snippets_thumbs/s_group.svg\\"/>\\n        <t t-install=\\"website_payment\\" string=\\"Bouton de don\\" t-thumbnail=\\"/website/static/src/img/snippets_thumbs/s_donation_button.svg\\"/>\\n        <t t-install=\\"website_sale\\" string=\\"Bouton Ajouter au panier\\" t-thumbnail=\\"/website/static/src/img/snippets_thumbs/s_donation_button.svg\\"/>\\n    </xpath>\\n</data>"}	<?xml version="1.0"?>\n<data inherit_id="website.snippets" priority="8">\n    <xpath expr="//snippets[@id='snippet_structure']" position="inside">\n        <t t-install="mass_mailing" string="Newsletter Block" group="contact_and_forms" t-image-preview="/website/static/src/img/snippets_previews/s_newsletter_block_preview.png"/>\n        <t t-install="mass_mailing" string="Newsletter Centered" group="contact_and_forms" t-image-preview="/website/static/src/img/snippets_previews/s_newsletter_centered_preview.jpg"/>\n        <t t-install="mass_mailing" string="Newsletter Grid" group="contact_and_forms" t-image-preview="/website/static/src/img/snippets_previews/s_newsletter_grid_preview.jpg"/>\n        <t t-install="mass_mailing" string="Newsletter Popup" group="contact_and_forms" label="Popup" t-image-preview="/website/static/src/img/snippets_previews/s_newsletter_subscribe_popup_preview.png"/>\n        <t t-install="mass_mailing" string="Newsletter Box" group="contact_and_forms" t-image-preview="/website/static/src/img/snippets_previews/s_newsletter_box_preview.jpg"/>\n        <t t-install="mass_mailing_sms" string="Newsletter SMS Notifications" group="contact_and_forms" t-image-preview="/website/static/src/img/snippets_previews/s_newsletter_sms_notifications_preview.png"/>\n        <t t-install="website_payment" string="Donation" group="contact_and_forms" t-image-preview="/website/static/src/img/snippets_previews/s_donation_preview.png"/>\n        <t t-install="website_sale" string="Products Carousel" group="catalog" t-image-preview="/website/static/src/img/snippets_previews/s_dynamic_snippet_products_preview.jpg"/>\n    </xpath>\n    <xpath expr="//snippets[@id='snippet_content']" position="inside">\n        <t id="newsletter_snippet" t-install="mass_mailing" string="Newsletter" t-thumbnail="/website/static/src/img/snippets_thumbs/s_newsletter_subscribe_form.svg"/>\n        <t t-install="website_mail_group" string="Discussion Group" t-thumbnail="/website/static/src/img/snippets_thumbs/s_group.svg"/>\n        <t t-install="website_payment" string="Donation Button" t-thumbnail="/website/static/src/img/snippets_thumbs/s_donation_button.svg"/>\n        <t t-install="website_sale" string="Add to Cart Button" t-thumbnail="/website/static/src/img/snippets_thumbs/s_donation_button.svg"/>\n    </xpath>\n</data>\n\n	f	t	2025-07-20 21:14:37.445508	2025-07-20 21:14:37.445508	f	\N	\N	\N	\N	\N	\N	\N	\N	\N	f	f
686	16	251	1	1	snippet_options_background_options	\N	website.snippet_options_background_options	qweb	website/views/snippets/snippets.xml	primary	{"en_US": "<data inherit_id=\\"web_editor.snippet_options_background_options\\" primary=\\"True\\">\\n    <xpath expr=\\"//we-button[@data-toggle-bg-image]\\" position=\\"after\\">\\n        <t t-if=\\"with_videos\\">\\n            <we-button title=\\"Video\\" class=\\"fa fa-fw fa-film\\" data-name=\\"bg_video_toggler_opt\\" t-att-data-dependencies=\\"images_dependencies\\" data-toggle-bg-video=\\"true\\" data-no-preview=\\"true\\"/>\\n        </t>\\n    </xpath>\\n    <xpath expr=\\"//t[@t-set='color_filter_dependencies']\\" position=\\"after\\">\\n        <t t-set=\\"color_filter_dependencies\\" t-valuef=\\"#{color_filter_dependencies}, bg_video_toggler_opt\\"/>\\n    </xpath>\\n    <xpath expr=\\"//div[@data-js='BackgroundOptimize']\\" position=\\"after\\">\\n        <!-- Parallax -->\\n        <div data-js=\\"Parallax\\" t-att-data-selector=\\"selector\\" t-att-data-exclude=\\"exclude\\" t-att-data-target=\\"target\\">\\n            <we-select string=\\"Scroll Effect\\" class=\\"o_we_sublevel_2\\" data-parallax-type-opt=\\"true\\" data-no-preview=\\"true\\" data-dependencies=\\"bg_image_opt\\">\\n                <we-button data-name=\\"parallax_none_opt\\" data-set-parallax-type=\\"none\\">None</we-button>\\n                <we-button data-set-parallax-type=\\"fixed\\">Fixed</we-button>\\n                <we-button data-name=\\"parallax_top_opt\\" data-set-parallax-type=\\"top\\">Parallax to Top</we-button>\\n                <we-button data-name=\\"parallax_bottom_opt\\" data-set-parallax-type=\\"bottom\\">Parallax to Bottom</we-button>\\n                <we-button data-name=\\"parallax_zoom_in_opt\\" data-set-parallax-type=\\"zoom_in\\">Zoom In</we-button>\\n                <we-button data-name=\\"parallax_zoom_out_opt\\" data-set-parallax-type=\\"zoom_out\\">Zoom Out</we-button>\\n            </we-select>\\n            <we-range string=\\"Intensity\\" class=\\"o_we_sublevel_3\\" data-dependencies=\\"parallax_top_opt\\" data-select-data-attribute=\\"\\" data-attribute-name=\\"scrollBackgroundRatio\\" data-attribute-default-value=\\"0\\" data-no-preview=\\"true\\" data-min=\\"0\\" data-max=\\"3\\" data-step=\\"0.15\\"/> <!-- Make sure this cannot land on 1 -->\\n            <we-range string=\\"Intensity\\" class=\\"o_we_sublevel_3\\" data-dependencies=\\"parallax_bottom_opt\\" data-select-data-attribute=\\"\\" data-attribute-name=\\"scrollBackgroundRatio\\" data-attribute-default-value=\\"0\\" data-no-preview=\\"true\\" data-min=\\"0\\" data-max=\\"-3\\" data-step=\\"0.15\\"/> <!-- Make sure this cannot land on 1 -->\\n            <we-range string=\\"Intensity\\" class=\\"o_we_sublevel_3\\" data-dependencies=\\"parallax_zoom_in_opt\\" data-select-data-attribute=\\"\\" data-attribute-name=\\"scrollBackgroundRatio\\" data-attribute-default-value=\\"0\\" data-no-preview=\\"true\\" data-min=\\"0\\" data-max=\\"3\\" data-step=\\"0.15\\"/> <!-- Make sure this cannot land on 1 -->\\n            <we-range string=\\"Intensity\\" class=\\"o_we_sublevel_3\\" data-dependencies=\\"parallax_zoom_out_opt\\" data-select-data-attribute=\\"\\" data-attribute-name=\\"scrollBackgroundRatio\\" data-attribute-default-value=\\"0\\" data-no-preview=\\"true\\" data-min=\\"0\\" data-max=\\"0.95\\" data-step=\\"0.05\\"/>\\n        </div>\\n        <div data-js=\\"BackgroundVideo\\" t-att-data-selector=\\"selector\\" t-att-data-exclude=\\"exclude\\" t-att-data-target=\\"target\\">\\n            <we-row string=\\"Video\\" class=\\"o_we_sublevel_1\\">\\n                <we-videopicker title=\\"Edit video\\" data-background=\\"\\" data-name=\\"bg_video_opt\\" data-dependencies=\\"bg_video_opt\\"/>\\n            </we-row>\\n        </div>\\n    </xpath>\\n<xpath expr=\\".\\" position=\\"attributes\\"><attribute name=\\"t-name\\">website.snippet_options_background_options</attribute></xpath></data>", "fr_FR": "<data inherit_id=\\"web_editor.snippet_options_background_options\\" primary=\\"True\\">\\n    <xpath expr=\\"//we-button[@data-toggle-bg-image]\\" position=\\"after\\">\\n        <t t-if=\\"with_videos\\">\\n            <we-button title=\\"Vidéo\\" class=\\"fa fa-fw fa-film\\" data-name=\\"bg_video_toggler_opt\\" t-att-data-dependencies=\\"images_dependencies\\" data-toggle-bg-video=\\"true\\" data-no-preview=\\"true\\"/>\\n        </t>\\n    </xpath>\\n    <xpath expr=\\"//t[@t-set='color_filter_dependencies']\\" position=\\"after\\">\\n        <t t-set=\\"color_filter_dependencies\\" t-valuef=\\"#{color_filter_dependencies}, bg_video_toggler_opt\\"/>\\n    </xpath>\\n    <xpath expr=\\"//div[@data-js='BackgroundOptimize']\\" position=\\"after\\">\\n        <!-- Parallax -->\\n        <div data-js=\\"Parallax\\" t-att-data-selector=\\"selector\\" t-att-data-exclude=\\"exclude\\" t-att-data-target=\\"target\\">\\n            <we-select string=\\"Effet de défilement\\" class=\\"o_we_sublevel_2\\" data-parallax-type-opt=\\"true\\" data-no-preview=\\"true\\" data-dependencies=\\"bg_image_opt\\">\\n                <we-button data-name=\\"parallax_none_opt\\" data-set-parallax-type=\\"none\\">Aucun</we-button>\\n                <we-button data-set-parallax-type=\\"fixed\\">Fixe</we-button>\\n                <we-button data-name=\\"parallax_top_opt\\" data-set-parallax-type=\\"top\\">Parallax vers le haut</we-button>\\n                <we-button data-name=\\"parallax_bottom_opt\\" data-set-parallax-type=\\"bottom\\">Parallax vers le bas</we-button>\\n                <we-button data-name=\\"parallax_zoom_in_opt\\" data-set-parallax-type=\\"zoom_in\\">Agrandir</we-button>\\n                <we-button data-name=\\"parallax_zoom_out_opt\\" data-set-parallax-type=\\"zoom_out\\">Réduire</we-button>\\n            </we-select>\\n            <we-range string=\\"Intensité\\" class=\\"o_we_sublevel_3\\" data-dependencies=\\"parallax_top_opt\\" data-select-data-attribute=\\"\\" data-attribute-name=\\"scrollBackgroundRatio\\" data-attribute-default-value=\\"0\\" data-no-preview=\\"true\\" data-min=\\"0\\" data-max=\\"3\\" data-step=\\"0.15\\"/> <!-- Make sure this cannot land on 1 -->\\n            <we-range string=\\"Intensité\\" class=\\"o_we_sublevel_3\\" data-dependencies=\\"parallax_bottom_opt\\" data-select-data-attribute=\\"\\" data-attribute-name=\\"scrollBackgroundRatio\\" data-attribute-default-value=\\"0\\" data-no-preview=\\"true\\" data-min=\\"0\\" data-max=\\"-3\\" data-step=\\"0.15\\"/> <!-- Make sure this cannot land on 1 -->\\n            <we-range string=\\"Intensité\\" class=\\"o_we_sublevel_3\\" data-dependencies=\\"parallax_zoom_in_opt\\" data-select-data-attribute=\\"\\" data-attribute-name=\\"scrollBackgroundRatio\\" data-attribute-default-value=\\"0\\" data-no-preview=\\"true\\" data-min=\\"0\\" data-max=\\"3\\" data-step=\\"0.15\\"/> <!-- Make sure this cannot land on 1 -->\\n            <we-range string=\\"Intensité\\" class=\\"o_we_sublevel_3\\" data-dependencies=\\"parallax_zoom_out_opt\\" data-select-data-attribute=\\"\\" data-attribute-name=\\"scrollBackgroundRatio\\" data-attribute-default-value=\\"0\\" data-no-preview=\\"true\\" data-min=\\"0\\" data-max=\\"0.95\\" data-step=\\"0.05\\"/>\\n        </div>\\n        <div data-js=\\"BackgroundVideo\\" t-att-data-selector=\\"selector\\" t-att-data-exclude=\\"exclude\\" t-att-data-target=\\"target\\">\\n            <we-row string=\\"Vidéo\\" class=\\"o_we_sublevel_1\\">\\n                <we-videopicker title=\\"Editer la video\\" data-background=\\"\\" data-name=\\"bg_video_opt\\" data-dependencies=\\"bg_video_opt\\"/>\\n            </we-row>\\n        </div>\\n    </xpath>\\n<xpath expr=\\".\\" position=\\"attributes\\"><attribute name=\\"t-name\\">website.snippet_options_background_options</attribute></xpath></data>"}	<?xml version="1.0"?>\n<data inherit_id="web_editor.snippet_options_background_options" primary="True">\n    <xpath expr="//we-button[@data-toggle-bg-image]" position="after">\n        <t t-if="with_videos">\n            <we-button title="Video" class="fa fa-fw fa-film" data-name="bg_video_toggler_opt" t-att-data-dependencies="images_dependencies" data-toggle-bg-video="true" data-no-preview="true"/>\n        </t>\n    </xpath>\n    <xpath expr="//t[@t-set='color_filter_dependencies']" position="after">\n        <t t-set="color_filter_dependencies" t-valuef="#{color_filter_dependencies}, bg_video_toggler_opt"/>\n    </xpath>\n    <xpath expr="//div[@data-js='BackgroundOptimize']" position="after">\n        <!-- Parallax -->\n        <div data-js="Parallax" t-att-data-selector="selector" t-att-data-exclude="exclude" t-att-data-target="target">\n            <we-select string="Scroll Effect" class="o_we_sublevel_2" data-parallax-type-opt="true" data-no-preview="true" data-dependencies="bg_image_opt">\n                <we-button data-name="parallax_none_opt" data-set-parallax-type="none">None</we-button>\n                <we-button data-set-parallax-type="fixed">Fixed</we-button>\n                <we-button data-name="parallax_top_opt" data-set-parallax-type="top">Parallax to Top</we-button>\n                <we-button data-name="parallax_bottom_opt" data-set-parallax-type="bottom">Parallax to Bottom</we-button>\n                <we-button data-name="parallax_zoom_in_opt" data-set-parallax-type="zoom_in">Zoom In</we-button>\n                <we-button data-name="parallax_zoom_out_opt" data-set-parallax-type="zoom_out">Zoom Out</we-button>\n            </we-select>\n            <we-range string="Intensity" class="o_we_sublevel_3" data-dependencies="parallax_top_opt" data-select-data-attribute="" data-attribute-name="scrollBackgroundRatio" data-attribute-default-value="0" data-no-preview="true" data-min="0" data-max="3" data-step="0.15"/> <!-- Make sure this cannot land on 1 -->\n            <we-range string="Intensity" class="o_we_sublevel_3" data-dependencies="parallax_bottom_opt" data-select-data-attribute="" data-attribute-name="scrollBackgroundRatio" data-attribute-default-value="0" data-no-preview="true" data-min="0" data-max="-3" data-step="0.15"/> <!-- Make sure this cannot land on 1 -->\n            <we-range string="Intensity" class="o_we_sublevel_3" data-dependencies="parallax_zoom_in_opt" data-select-data-attribute="" data-attribute-name="scrollBackgroundRatio" data-attribute-default-value="0" data-no-preview="true" data-min="0" data-max="3" data-step="0.15"/> <!-- Make sure this cannot land on 1 -->\n            <we-range string="Intensity" class="o_we_sublevel_3" data-dependencies="parallax_zoom_out_opt" data-select-data-attribute="" data-attribute-name="scrollBackgroundRatio" data-attribute-default-value="0" data-no-preview="true" data-min="0" data-max="0.95" data-step="0.05"/>\n        </div>\n        <div data-js="BackgroundVideo" t-att-data-selector="selector" t-att-data-exclude="exclude" t-att-data-target="target">\n            <we-row string="Video" class="o_we_sublevel_1">\n                <we-videopicker title="Edit video" data-background="" data-name="bg_video_opt" data-dependencies="bg_video_opt"/>\n            </we-row>\n        </div>\n    </xpath>\n<xpath expr="." position="attributes"><attribute name="t-name">website.snippet_options_background_options</attribute></xpath></data>\n\n	f	t	2025-07-20 21:14:37.445508	2025-07-20 21:14:37.445508	f	\N	\N	\N	\N	\N	\N	\N	\N	\N	f	f
687	16	\N	1	1	snippet_options_tabs	\N	website.snippet_options_tabs	qweb	website/views/snippets/snippets.xml	primary	{"en_US": "<t t-name=\\"website.snippet_options_tabs\\">\\n    <div data-js=\\"NavTabs\\" data-selector=\\".s_tabs\\">\\n        <we-button data-add-item=\\"\\" data-item=\\".tab-content:first &gt; .tab-pane.active\\" data-no-preview=\\"true\\" class=\\"fa fa-fw fa-plus o_we_bg_success\\" title=\\"Add Tab\\" aria-label=\\"Add Tab\\"/>\\n        <we-button data-remove-item=\\"\\" data-item=\\".tab-content:first &gt; .tab-pane.active\\" data-name=\\"remove_tab_opt\\" data-no-preview=\\"true\\" class=\\"fa fa-fw fa-minus o_we_bg_danger\\" title=\\"Remove Tab\\" aria-label=\\"Remove Tab\\"/>\\n    </div>\\n    <div data-js=\\"NavTabsStyle\\" data-selector=\\".s_tabs\\" data-target=\\".s_tabs_main\\">\\n        <we-select string=\\"Style\\">\\n            <we-button data-set-style=\\"nav-underline\\" data-name=\\"underline_opt\\">Underline</we-button>\\n            <we-button data-set-style=\\"nav-tabs\\" data-name=\\"tabs_opt\\" data-trigger=\\"horizontal_opt\\">Tabs</we-button>\\n            <we-button data-set-style=\\"nav-buttons\\" data-name=\\"buttons_opt\\" data-trigger=\\"horizontal_opt\\">Buttons</we-button>\\n            <we-button data-set-style=\\"nav-pills\\" data-name=\\"pills_opt\\">Pills</we-button>\\n        </we-select>\\n        <we-colorpicker string=\\"Background\\" class=\\"o_we_sublevel_1\\" data-apply-to=\\".s_tabs_nav\\" data-select-style=\\"true\\" data-css-property=\\"--tabs-bg-color\\" data-no-transparency=\\"true\\" data-color-prefix=\\"bg-\\" data-dependencies=\\"tabs_opt, buttons_opt\\"/>\\n        <we-colorpicker string=\\"Links Color\\" class=\\"o_we_sublevel_1\\" data-apply-to=\\".s_tabs_nav .nav-link\\" data-select-style=\\"true\\" data-css-property=\\"--tabs-link-color\\" data-no-transparency=\\"true\\" data-color-prefix=\\"text-\\" data-dependencies=\\"tabs_opt, buttons_opt\\"/>\\n        <we-select string=\\"Direction\\" data-dependencies=\\"pills_opt, underline_opt\\">\\n            <we-button data-set-direction=\\"horizontal\\" data-select-class=\\"o_direction_horizontal\\" data-name=\\"horizontal_opt\\">Horizontal</we-button>\\n            <we-button data-set-direction=\\"vertical\\" data-select-class=\\"\\" data-name=\\"vertical_opt\\">Vertical</we-button>\\n        </we-select>\\n        <we-select string=\\"Fill and Justify\\" data-apply-to=\\".s_tabs_nav:first .nav\\" data-dependencies=\\"horizontal_opt\\">\\n            <we-button data-select-class=\\"\\">Regular</we-button>\\n            <we-button data-select-class=\\"nav-fill\\">Full Width</we-button>\\n            <we-button data-select-class=\\"nav-justified\\">Equal Widths</we-button>\\n        </we-select>\\n        <we-select string=\\"Alignment\\" class=\\"o_we_sublevel_1\\" data-apply-to=\\".s_tabs_nav:first .nav\\" data-name=\\"alignment_opt\\" data-dependencies=\\"horizontal_opt\\">\\n            <we-button data-select-class=\\"\\">Left</we-button>\\n            <we-button data-select-class=\\"justify-content-center mx-auto\\">Center</we-button>\\n            <we-button data-select-class=\\"justify-content-end ms-auto\\">Right</we-button>\\n        </we-select>\\n        <we-button-group string=\\"Slide Effect\\" data-apply-to=\\".s_tabs_content:first\\">\\n            <we-button class=\\"fa fa-fw fa-long-arrow-right\\" title=\\"Slide Left\\" data-select-class=\\"s_tabs_slide_left\\"/>\\n            <we-button class=\\"fa fa-fw fa-long-arrow-down\\" title=\\"Slide Up\\" data-select-class=\\"s_tabs_slide_up\\"/>\\n            <we-button class=\\"fa fa-fw fa-long-arrow-up\\" title=\\"Slide Down\\" data-select-class=\\"s_tabs_slide_down\\"/>\\n            <we-button class=\\"fa fa-fw fa-long-arrow-left\\" title=\\"Slide Right\\" data-select-class=\\"s_tabs_slide_right\\"/>\\n            <we-button class=\\"fa fa-fw fa-ban\\" title=\\"No Slide Effect\\" data-select-class=\\"\\"/>\\n        </we-button-group>\\n        <div data-js=\\"TabsNavItems\\" data-selector=\\".nav-item\\"/>\\n    </div>\\n</t>", "fr_FR": "<t t-name=\\"website.snippet_options_tabs\\">\\n    <div data-js=\\"NavTabs\\" data-selector=\\".s_tabs\\">\\n        <we-button data-add-item=\\"\\" data-item=\\".tab-content:first &gt; .tab-pane.active\\" data-no-preview=\\"true\\" class=\\"fa fa-fw fa-plus o_we_bg_success\\" title=\\"Ajouter un onglet\\" aria-label=\\"Ajouter un onglet\\"/>\\n        <we-button data-remove-item=\\"\\" data-item=\\".tab-content:first &gt; .tab-pane.active\\" data-name=\\"remove_tab_opt\\" data-no-preview=\\"true\\" class=\\"fa fa-fw fa-minus o_we_bg_danger\\" title=\\"Supprimer l'onglet\\" aria-label=\\"Supprimer l'onglet\\"/>\\n    </div>\\n    <div data-js=\\"NavTabsStyle\\" data-selector=\\".s_tabs\\" data-target=\\".s_tabs_main\\">\\n        <we-select string=\\"Style\\">\\n            <we-button data-set-style=\\"nav-underline\\" data-name=\\"underline_opt\\">Souligner</we-button>\\n            <we-button data-set-style=\\"nav-tabs\\" data-name=\\"tabs_opt\\" data-trigger=\\"horizontal_opt\\">Tabulations</we-button>\\n            <we-button data-set-style=\\"nav-buttons\\" data-name=\\"buttons_opt\\" data-trigger=\\"horizontal_opt\\">Boutons</we-button>\\n            <we-button data-set-style=\\"nav-pills\\" data-name=\\"pills_opt\\">Boutons carrés</we-button>\\n        </we-select>\\n        <we-colorpicker string=\\"Arrière-plan\\" class=\\"o_we_sublevel_1\\" data-apply-to=\\".s_tabs_nav\\" data-select-style=\\"true\\" data-css-property=\\"--tabs-bg-color\\" data-no-transparency=\\"true\\" data-color-prefix=\\"bg-\\" data-dependencies=\\"tabs_opt, buttons_opt\\"/>\\n        <we-colorpicker string=\\"Couleur des liens\\" class=\\"o_we_sublevel_1\\" data-apply-to=\\".s_tabs_nav .nav-link\\" data-select-style=\\"true\\" data-css-property=\\"--tabs-link-color\\" data-no-transparency=\\"true\\" data-color-prefix=\\"text-\\" data-dependencies=\\"tabs_opt, buttons_opt\\"/>\\n        <we-select string=\\"Direction\\" data-dependencies=\\"pills_opt, underline_opt\\">\\n            <we-button data-set-direction=\\"horizontal\\" data-select-class=\\"o_direction_horizontal\\" data-name=\\"horizontal_opt\\">Horizontal</we-button>\\n            <we-button data-set-direction=\\"vertical\\" data-select-class=\\"\\" data-name=\\"vertical_opt\\">Vertical</we-button>\\n        </we-select>\\n        <we-select string=\\"Remplir et justifier\\" data-apply-to=\\".s_tabs_nav:first .nav\\" data-dependencies=\\"horizontal_opt\\">\\n            <we-button data-select-class=\\"\\">Régulier</we-button>\\n            <we-button data-select-class=\\"nav-fill\\">Pleine largeur</we-button>\\n            <we-button data-select-class=\\"nav-justified\\">Largeurs égales</we-button>\\n        </we-select>\\n        <we-select string=\\"Alignement\\" class=\\"o_we_sublevel_1\\" data-apply-to=\\".s_tabs_nav:first .nav\\" data-name=\\"alignment_opt\\" data-dependencies=\\"horizontal_opt\\">\\n            <we-button data-select-class=\\"\\">Gauche</we-button>\\n            <we-button data-select-class=\\"justify-content-center mx-auto\\">Centrer</we-button>\\n            <we-button data-select-class=\\"justify-content-end ms-auto\\">Droite</we-button>\\n        </we-select>\\n        <we-button-group string=\\"Slide Effet\\" data-apply-to=\\".s_tabs_content:first\\">\\n            <we-button class=\\"fa fa-fw fa-long-arrow-right\\" title=\\"Glisser vers la gauche\\" data-select-class=\\"s_tabs_slide_left\\"/>\\n            <we-button class=\\"fa fa-fw fa-long-arrow-down\\" title=\\"Glisser vers le haut\\" data-select-class=\\"s_tabs_slide_up\\"/>\\n            <we-button class=\\"fa fa-fw fa-long-arrow-up\\" title=\\"Glisser vers la bas\\" data-select-class=\\"s_tabs_slide_down\\"/>\\n            <we-button class=\\"fa fa-fw fa-long-arrow-left\\" title=\\"Glisser vers la droite\\" data-select-class=\\"s_tabs_slide_right\\"/>\\n            <we-button class=\\"fa fa-fw fa-ban\\" title=\\"Aucun effet de glissement\\" data-select-class=\\"\\"/>\\n        </we-button-group>\\n        <div data-js=\\"TabsNavItems\\" data-selector=\\".nav-item\\"/>\\n    </div>\\n</t>"}	<?xml version="1.0"?>\n<t t-name="website.snippet_options_tabs">\n    <div data-js="NavTabs" data-selector=".s_tabs">\n        <we-button data-add-item="" data-item=".tab-content:first &gt; .tab-pane.active" data-no-preview="true" class="fa fa-fw fa-plus o_we_bg_success" title="Add Tab" aria-label="Add Tab"/>\n        <we-button data-remove-item="" data-item=".tab-content:first &gt; .tab-pane.active" data-name="remove_tab_opt" data-no-preview="true" class="fa fa-fw fa-minus o_we_bg_danger" title="Remove Tab" aria-label="Remove Tab"/>\n    </div>\n    <div data-js="NavTabsStyle" data-selector=".s_tabs" data-target=".s_tabs_main">\n        <we-select string="Style">\n            <we-button data-set-style="nav-underline" data-name="underline_opt">Underline</we-button>\n            <we-button data-set-style="nav-tabs" data-name="tabs_opt" data-trigger="horizontal_opt">Tabs</we-button>\n            <we-button data-set-style="nav-buttons" data-name="buttons_opt" data-trigger="horizontal_opt">Buttons</we-button>\n            <we-button data-set-style="nav-pills" data-name="pills_opt">Pills</we-button>\n        </we-select>\n        <we-colorpicker string="Background" class="o_we_sublevel_1" data-apply-to=".s_tabs_nav" data-select-style="true" data-css-property="--tabs-bg-color" data-no-transparency="true" data-color-prefix="bg-" data-dependencies="tabs_opt, buttons_opt"/>\n        <we-colorpicker string="Links Color" class="o_we_sublevel_1" data-apply-to=".s_tabs_nav .nav-link" data-select-style="true" data-css-property="--tabs-link-color" data-no-transparency="true" data-color-prefix="text-" data-dependencies="tabs_opt, buttons_opt"/>\n        <we-select string="Direction" data-dependencies="pills_opt, underline_opt">\n            <we-button data-set-direction="horizontal" data-select-class="o_direction_horizontal" data-name="horizontal_opt">Horizontal</we-button>\n            <we-button data-set-direction="vertical" data-select-class="" data-name="vertical_opt">Vertical</we-button>\n        </we-select>\n        <we-select string="Fill and Justify" data-apply-to=".s_tabs_nav:first .nav" data-dependencies="horizontal_opt">\n            <we-button data-select-class="">Regular</we-button>\n            <we-button data-select-class="nav-fill">Full Width</we-button>\n            <we-button data-select-class="nav-justified">Equal Widths</we-button>\n        </we-select>\n        <we-select string="Alignment" class="o_we_sublevel_1" data-apply-to=".s_tabs_nav:first .nav" data-name="alignment_opt" data-dependencies="horizontal_opt">\n            <we-button data-select-class="">Left</we-button>\n            <we-button data-select-class="justify-content-center mx-auto">Center</we-button>\n            <we-button data-select-class="justify-content-end ms-auto">Right</we-button>\n        </we-select>\n        <we-button-group string="Slide Effect" data-apply-to=".s_tabs_content:first">\n            <we-button class="fa fa-fw fa-long-arrow-right" title="Slide Left" data-select-class="s_tabs_slide_left"/>\n            <we-button class="fa fa-fw fa-long-arrow-down" title="Slide Up" data-select-class="s_tabs_slide_up"/>\n            <we-button class="fa fa-fw fa-long-arrow-up" title="Slide Down" data-select-class="s_tabs_slide_down"/>\n            <we-button class="fa fa-fw fa-long-arrow-left" title="Slide Right" data-select-class="s_tabs_slide_right"/>\n            <we-button class="fa fa-fw fa-ban" title="No Slide Effect" data-select-class=""/>\n        </we-button-group>\n        <div data-js="TabsNavItems" data-selector=".nav-item"/>\n    </div>\n</t>\n\n	f	t	2025-07-20 21:14:37.445508	2025-07-20 21:14:37.445508	f	\N	\N	\N	\N	\N	\N	\N	\N	\N	f	f
688	16	\N	1	1	snippet_options_carousel	\N	website.snippet_options_carousel	qweb	website/views/snippets/snippets.xml	primary	{"en_US": "<t t-name=\\"website.snippet_options_carousel\\">\\n    <div data-js=\\"Carousel\\" data-selector=\\"section\\" data-exclude=\\".s_carousel_intro_wrapper, .s_carousel_cards_wrapper, .s_quotes_carousel_wrapper\\" data-target=\\"&gt; .carousel\\">\\n        <we-row string=\\"Slide\\">\\n            <we-button data-add-slide=\\"true\\" data-no-preview=\\"true\\" class=\\"o_we_bg_brand_primary\\">Add Slide</we-button>\\n        </we-row>\\n        <we-select string=\\"Style\\">\\n            <we-button data-select-class=\\"\\">Classic</we-button>\\n            <we-button data-select-class=\\"s_carousel_controllers_indicators_outside\\">Indicators outside</we-button>\\n        </we-select>\\n        <we-checkbox string=\\"Invert colors\\" class=\\"o_we_sublevel_1\\" data-select-class=\\"carousel-dark\\"/>\\n        <we-select string=\\"Arrows\\" class=\\"o_we_sublevel_1\\" data-name=\\"arrows_opt\\">\\n            <we-button data-select-class=\\"s_carousel_default\\">Default</we-button>\\n            <we-button data-select-class=\\"s_carousel_boxed\\">Boxed</we-button>\\n            <we-button data-select-class=\\"s_carousel_rounded\\">Rounded</we-button>\\n            <we-button data-select-class=\\"s_carousel_arrows_hidden\\">Hidden</we-button>\\n        </we-select>\\n        <we-select string=\\"Indicators\\" data-apply-to=\\".carousel-indicators\\" class=\\"o_we_sublevel_1\\" data-name=\\"indicators_opt\\">\\n            <we-button data-select-class=\\"\\">Bars</we-button>\\n            <we-button data-select-class=\\"s_carousel_indicators_dots\\">Dots</we-button>\\n            <we-button data-select-class=\\"s_carousel_indicators_numbers\\">Numbers</we-button>\\n            <we-button data-select-class=\\"s_carousel_indicators_hidden\\">Hidden</we-button>\\n        </we-select>\\n        <we-select string=\\"Transition\\">\\n            <we-button data-select-class=\\"slide\\" data-name=\\"slide_opt\\">Slide</we-button>\\n            <we-button data-select-class=\\"carousel-fade slide\\" data-name=\\"fade_opt\\">Fade</we-button>\\n            <we-button data-select-class=\\"\\" data-name=\\"none_opt\\">None</we-button>\\n        </we-select>\\n        <we-input string=\\"Speed\\" class=\\"o_we_sublevel_1\\" data-select-data-attribute=\\"0s\\" data-attribute-name=\\"bsInterval\\" data-unit=\\"s\\" data-save-unit=\\"ms\\" data-step=\\"0.1\\" data-dependencies=\\"slide_opt, fade_opt\\"/>\\n        <we-checkbox string=\\"Autoplay\\" class=\\"autoplay o_we_sublevel_1\\" data-attribute-name=\\"bsRide\\" data-select-data-attribute=\\"carousel\\" data-dependencies=\\"slide_opt, fade_opt\\"/>\\n    </div>\\n</t>", "fr_FR": "<t t-name=\\"website.snippet_options_carousel\\">\\n    <div data-js=\\"Carousel\\" data-selector=\\"section\\" data-exclude=\\".s_carousel_intro_wrapper, .s_carousel_cards_wrapper, .s_quotes_carousel_wrapper\\" data-target=\\"&gt; .carousel\\">\\n        <we-row string=\\"Diapositive\\">\\n            <we-button data-add-slide=\\"true\\" data-no-preview=\\"true\\" class=\\"o_we_bg_brand_primary\\">Ajouter une diapositive</we-button>\\n        </we-row>\\n        <we-select string=\\"Style\\">\\n            <we-button data-select-class=\\"\\">Classique</we-button>\\n            <we-button data-select-class=\\"s_carousel_controllers_indicators_outside\\">Indicateurs externes</we-button>\\n        </we-select>\\n        <we-checkbox string=\\"Inverser les couleurs\\" class=\\"o_we_sublevel_1\\" data-select-class=\\"carousel-dark\\"/>\\n        <we-select string=\\"Flèches\\" class=\\"o_we_sublevel_1\\" data-name=\\"arrows_opt\\">\\n            <we-button data-select-class=\\"s_carousel_default\\">Par défaut</we-button>\\n            <we-button data-select-class=\\"s_carousel_boxed\\">Emboîté</we-button>\\n            <we-button data-select-class=\\"s_carousel_rounded\\">Arrondi</we-button>\\n            <we-button data-select-class=\\"s_carousel_arrows_hidden\\">Masqué</we-button>\\n        </we-select>\\n        <we-select string=\\"Indicateurs\\" data-apply-to=\\".carousel-indicators\\" class=\\"o_we_sublevel_1\\" data-name=\\"indicators_opt\\">\\n            <we-button data-select-class=\\"\\">Bars</we-button>\\n            <we-button data-select-class=\\"s_carousel_indicators_dots\\">Points</we-button>\\n            <we-button data-select-class=\\"s_carousel_indicators_numbers\\">Nombres</we-button>\\n            <we-button data-select-class=\\"s_carousel_indicators_hidden\\">Masqué</we-button>\\n        </we-select>\\n        <we-select string=\\"Transition\\">\\n            <we-button data-select-class=\\"slide\\" data-name=\\"slide_opt\\">Diapositive</we-button>\\n            <we-button data-select-class=\\"carousel-fade slide\\" data-name=\\"fade_opt\\">Fondu</we-button>\\n            <we-button data-select-class=\\"\\" data-name=\\"none_opt\\">Aucun</we-button>\\n        </we-select>\\n        <we-input string=\\"Vitesse\\" class=\\"o_we_sublevel_1\\" data-select-data-attribute=\\"0s\\" data-attribute-name=\\"bsInterval\\" data-unit=\\"s\\" data-save-unit=\\"ms\\" data-step=\\"0.1\\" data-dependencies=\\"slide_opt, fade_opt\\"/>\\n        <we-checkbox string=\\"Lecture automatique\\" class=\\"autoplay o_we_sublevel_1\\" data-attribute-name=\\"bsRide\\" data-select-data-attribute=\\"carousel\\" data-dependencies=\\"slide_opt, fade_opt\\"/>\\n    </div>\\n</t>"}	<?xml version="1.0"?>\n<t t-name="website.snippet_options_carousel">\n    <div data-js="Carousel" data-selector="section" data-exclude=".s_carousel_intro_wrapper, .s_carousel_cards_wrapper, .s_quotes_carousel_wrapper" data-target="&gt; .carousel">\n        <we-row string="Slide">\n            <we-button data-add-slide="true" data-no-preview="true" class="o_we_bg_brand_primary">Add Slide</we-button>\n        </we-row>\n        <we-select string="Style">\n            <we-button data-select-class="">Classic</we-button>\n            <we-button data-select-class="s_carousel_controllers_indicators_outside">Indicators outside</we-button>\n        </we-select>\n        <we-checkbox string="Invert colors" class="o_we_sublevel_1" data-select-class="carousel-dark"/>\n        <we-select string="Arrows" class="o_we_sublevel_1" data-name="arrows_opt">\n            <we-button data-select-class="s_carousel_default">Default</we-button>\n            <we-button data-select-class="s_carousel_boxed">Boxed</we-button>\n            <we-button data-select-class="s_carousel_rounded">Rounded</we-button>\n            <we-button data-select-class="s_carousel_arrows_hidden">Hidden</we-button>\n        </we-select>\n        <we-select string="Indicators" data-apply-to=".carousel-indicators" class="o_we_sublevel_1" data-name="indicators_opt">\n            <we-button data-select-class="">Bars</we-button>\n            <we-button data-select-class="s_carousel_indicators_dots">Dots</we-button>\n            <we-button data-select-class="s_carousel_indicators_numbers">Numbers</we-button>\n            <we-button data-select-class="s_carousel_indicators_hidden">Hidden</we-button>\n        </we-select>\n        <we-select string="Transition">\n            <we-button data-select-class="slide" data-name="slide_opt">Slide</we-button>\n            <we-button data-select-class="carousel-fade slide" data-name="fade_opt">Fade</we-button>\n            <we-button data-select-class="" data-name="none_opt">None</we-button>\n        </we-select>\n        <we-input string="Speed" class="o_we_sublevel_1" data-select-data-attribute="0s" data-attribute-name="bsInterval" data-unit="s" data-save-unit="ms" data-step="0.1" data-dependencies="slide_opt, fade_opt"/>\n        <we-checkbox string="Autoplay" class="autoplay o_we_sublevel_1" data-attribute-name="bsRide" data-select-data-attribute="carousel" data-dependencies="slide_opt, fade_opt"/>\n    </div>\n</t>\n\n	f	t	2025-07-20 21:14:37.445508	2025-07-20 21:14:37.445508	f	\N	\N	\N	\N	\N	\N	\N	\N	\N	f	f
689	16	688	1	1	snippet_options_carousel_bottom_controllers	\N	website.snippet_options_carousel_bottom_controllers	qweb	website/views/snippets/snippets.xml	primary	{"en_US": "<data inherit_id=\\"website.snippet_options_carousel\\" primary=\\"True\\">\\n    <xpath expr=\\"//div\\" position=\\"attributes\\">\\n        <attribute name=\\"data-target\\">.s_carousel_intro, .s_quotes_carousel_compact</attribute>\\n        <attribute name=\\"data-exclude\\"/>\\n        <attribute name=\\"data-js\\">Carousel</attribute>\\n    </xpath>\\n    <xpath expr=\\"//we-button[@data-select-class='s_carousel_arrows_hidden']\\" position=\\"replace\\">\\n        <we-button data-select-class=\\"s_carousel_arrows_hidden\\" data-name=\\"carousel_arrows_hidden_opt\\" data-toggle-controllers=\\"\\">Hidden</we-button>\\n    </xpath>\\n    <xpath expr=\\"//we-button[@data-select-class='s_carousel_indicators_hidden']\\" position=\\"replace\\">\\n        <we-button data-select-class=\\"s_carousel_indicators_hidden\\" data-name=\\"carousel_indicators_hidden_opt\\" data-toggle-controllers=\\"\\">Hidden</we-button>\\n    </xpath>\\n    <xpath expr=\\"//we-select\\" position=\\"replace\\">\\n        <we-select string=\\"Controllers\\" data-apply-to=\\".o_horizontal_controllers_row\\">\\n            <we-button data-select-class=\\"justify-content-between\\">Default</we-button>\\n            <we-button data-select-class=\\"justify-content-between flex-row-reverse\\">Reversed</we-button>\\n            <we-button data-select-class=\\"justify-content-center\\" data-name=\\"carousel_controllers_centered_opt\\" data-dependencies=\\"carousel_arrows_hidden_opt, carousel_indicators_hidden_opt\\">Centered</we-button>\\n        </we-select>\\n    </xpath>\\n<xpath expr=\\".\\" position=\\"attributes\\"><attribute name=\\"t-name\\">website.snippet_options_carousel_bottom_controllers</attribute></xpath></data>", "fr_FR": "<data inherit_id=\\"website.snippet_options_carousel\\" primary=\\"True\\">\\n    <xpath expr=\\"//div\\" position=\\"attributes\\">\\n        <attribute name=\\"data-target\\">.s_carousel_intro, .s_quotes_carousel_compact</attribute>\\n        <attribute name=\\"data-exclude\\"/>\\n        <attribute name=\\"data-js\\">Carousel</attribute>\\n    </xpath>\\n    <xpath expr=\\"//we-button[@data-select-class='s_carousel_arrows_hidden']\\" position=\\"replace\\">\\n        <we-button data-select-class=\\"s_carousel_arrows_hidden\\" data-name=\\"carousel_arrows_hidden_opt\\" data-toggle-controllers=\\"\\">Masqué</we-button>\\n    </xpath>\\n    <xpath expr=\\"//we-button[@data-select-class='s_carousel_indicators_hidden']\\" position=\\"replace\\">\\n        <we-button data-select-class=\\"s_carousel_indicators_hidden\\" data-name=\\"carousel_indicators_hidden_opt\\" data-toggle-controllers=\\"\\">Masqué</we-button>\\n    </xpath>\\n    <xpath expr=\\"//we-select\\" position=\\"replace\\">\\n        <we-select string=\\"Contrôleurs\\" data-apply-to=\\".o_horizontal_controllers_row\\">\\n            <we-button data-select-class=\\"justify-content-between\\">Par défaut</we-button>\\n            <we-button data-select-class=\\"justify-content-between flex-row-reverse\\">Inversé</we-button>\\n            <we-button data-select-class=\\"justify-content-center\\" data-name=\\"carousel_controllers_centered_opt\\" data-dependencies=\\"carousel_arrows_hidden_opt, carousel_indicators_hidden_opt\\">Centré</we-button>\\n        </we-select>\\n    </xpath>\\n<xpath expr=\\".\\" position=\\"attributes\\"><attribute name=\\"t-name\\">website.snippet_options_carousel_bottom_controllers</attribute></xpath></data>"}	<?xml version="1.0"?>\n<data inherit_id="website.snippet_options_carousel" primary="True">\n    <xpath expr="//div" position="attributes">\n        <attribute name="data-target">.s_carousel_intro, .s_quotes_carousel_compact</attribute>\n        <attribute name="data-exclude"/>\n        <attribute name="data-js">Carousel</attribute>\n    </xpath>\n    <xpath expr="//we-button[@data-select-class='s_carousel_arrows_hidden']" position="replace">\n        <we-button data-select-class="s_carousel_arrows_hidden" data-name="carousel_arrows_hidden_opt" data-toggle-controllers="">Hidden</we-button>\n    </xpath>\n    <xpath expr="//we-button[@data-select-class='s_carousel_indicators_hidden']" position="replace">\n        <we-button data-select-class="s_carousel_indicators_hidden" data-name="carousel_indicators_hidden_opt" data-toggle-controllers="">Hidden</we-button>\n    </xpath>\n    <xpath expr="//we-select" position="replace">\n        <we-select string="Controllers" data-apply-to=".o_horizontal_controllers_row">\n            <we-button data-select-class="justify-content-between">Default</we-button>\n            <we-button data-select-class="justify-content-between flex-row-reverse">Reversed</we-button>\n            <we-button data-select-class="justify-content-center" data-name="carousel_controllers_centered_opt" data-dependencies="carousel_arrows_hidden_opt, carousel_indicators_hidden_opt">Centered</we-button>\n        </we-select>\n    </xpath>\n<xpath expr="." position="attributes"><attribute name="t-name">website.snippet_options_carousel_bottom_controllers</attribute></xpath></data>\n\n	f	t	2025-07-20 21:14:37.445508	2025-07-20 21:14:37.445508	f	\N	\N	\N	\N	\N	\N	\N	\N	\N	f	f
690	16	\N	1	1	snippet_options_border_line_widgets	\N	website.snippet_options_border_line_widgets	qweb	website/views/snippets/snippets.xml	primary	{"en_US": "<t t-name=\\"website.snippet_options_border_line_widgets\\">\\n    <we-row t-att-string=\\"label\\">\\n        <we-input data-name=\\"border_width_opt\\" t-att-data-apply-to=\\"apply_to\\" data-select-style=\\"0\\" t-attf-data-css-property=\\"border-#{direction and ('%s-' % direction) or ''}width\\" data-unit=\\"px\\" t-att-data-extra-class=\\"with_bs_class and 'border'\\" t-att-data-variable=\\"width_variable\\"/>\\n        <we-select t-attf-data-css-property=\\"border-#{direction and ('%s-' % direction) or ''}style\\" data-dependencies=\\"border_width_opt\\" t-att-data-apply-to=\\"apply_to\\" t-att-data-variable=\\"style_variable\\">\\n            <we-button title=\\"Solid\\" data-select-style=\\"solid\\"><div class=\\"o_we_fake_img_item o_we_border_preview\\" style=\\"border-style: solid;\\"/></we-button>\\n            <we-button title=\\"Dashed\\" data-select-style=\\"dashed\\"><div class=\\"o_we_fake_img_item o_we_border_preview\\" style=\\"border-style: dashed;\\"/></we-button>\\n            <we-button title=\\"Dotted\\" data-select-style=\\"dotted\\"><div class=\\"o_we_fake_img_item o_we_border_preview\\" style=\\"border-style: dotted;\\"/></we-button>\\n            <we-button title=\\"Double\\" data-select-style=\\"double\\"><div class=\\"o_we_fake_img_item o_we_border_preview\\" style=\\"border-style: double; border-left: none; border-right: none;\\"/></we-button>\\n        </we-select>\\n        <we-colorpicker data-dependencies=\\"border_width_opt\\" t-att-data-apply-to=\\"apply_to\\" data-select-style=\\"true\\" t-attf-data-css-property=\\"border-#{direction and ('%s-' % direction) or ''}color\\" data-color-prefix=\\"border-\\" t-att-data-color=\\"color_variable\\"/>\\n    </we-row>\\n</t>", "fr_FR": "<t t-name=\\"website.snippet_options_border_line_widgets\\">\\n    <we-row t-att-string=\\"label\\">\\n        <we-input data-name=\\"border_width_opt\\" t-att-data-apply-to=\\"apply_to\\" data-select-style=\\"0\\" t-attf-data-css-property=\\"border-#{direction and ('%s-' % direction) or ''}width\\" data-unit=\\"px\\" t-att-data-extra-class=\\"with_bs_class and 'border'\\" t-att-data-variable=\\"width_variable\\"/>\\n        <we-select t-attf-data-css-property=\\"border-#{direction and ('%s-' % direction) or ''}style\\" data-dependencies=\\"border_width_opt\\" t-att-data-apply-to=\\"apply_to\\" t-att-data-variable=\\"style_variable\\">\\n            <we-button title=\\"Solide\\" data-select-style=\\"solid\\"><div class=\\"o_we_fake_img_item o_we_border_preview\\" style=\\"border-style: solid;\\"/></we-button>\\n            <we-button title=\\"Pointillé\\" data-select-style=\\"dashed\\"><div class=\\"o_we_fake_img_item o_we_border_preview\\" style=\\"border-style: dashed;\\"/></we-button>\\n            <we-button title=\\"Pointillé\\" data-select-style=\\"dotted\\"><div class=\\"o_we_fake_img_item o_we_border_preview\\" style=\\"border-style: dotted;\\"/></we-button>\\n            <we-button title=\\"Double\\" data-select-style=\\"double\\"><div class=\\"o_we_fake_img_item o_we_border_preview\\" style=\\"border-style: double; border-left: none; border-right: none;\\"/></we-button>\\n        </we-select>\\n        <we-colorpicker data-dependencies=\\"border_width_opt\\" t-att-data-apply-to=\\"apply_to\\" data-select-style=\\"true\\" t-attf-data-css-property=\\"border-#{direction and ('%s-' % direction) or ''}color\\" data-color-prefix=\\"border-\\" t-att-data-color=\\"color_variable\\"/>\\n    </we-row>\\n</t>"}	<?xml version="1.0"?>\n<t t-name="website.snippet_options_border_line_widgets">\n    <we-row t-att-string="label">\n        <we-input data-name="border_width_opt" t-att-data-apply-to="apply_to" data-select-style="0" t-attf-data-css-property="border-#{direction and ('%s-' % direction) or ''}width" data-unit="px" t-att-data-extra-class="with_bs_class and 'border'" t-att-data-variable="width_variable"/>\n        <we-select t-attf-data-css-property="border-#{direction and ('%s-' % direction) or ''}style" data-dependencies="border_width_opt" t-att-data-apply-to="apply_to" t-att-data-variable="style_variable">\n            <we-button title="Solid" data-select-style="solid"><div class="o_we_fake_img_item o_we_border_preview" style="border-style: solid;"/></we-button>\n            <we-button title="Dashed" data-select-style="dashed"><div class="o_we_fake_img_item o_we_border_preview" style="border-style: dashed;"/></we-button>\n            <we-button title="Dotted" data-select-style="dotted"><div class="o_we_fake_img_item o_we_border_preview" style="border-style: dotted;"/></we-button>\n            <we-button title="Double" data-select-style="double"><div class="o_we_fake_img_item o_we_border_preview" style="border-style: double; border-left: none; border-right: none;"/></we-button>\n        </we-select>\n        <we-colorpicker data-dependencies="border_width_opt" t-att-data-apply-to="apply_to" data-select-style="true" t-attf-data-css-property="border-#{direction and ('%s-' % direction) or ''}color" data-color-prefix="border-" t-att-data-color="color_variable"/>\n    </we-row>\n</t>\n\n	f	t	2025-07-20 21:14:37.445508	2025-07-20 21:14:37.445508	f	\N	\N	\N	\N	\N	\N	\N	\N	\N	f	f
1449	16	557	1	2	Minimalist	\N	website.template_footer_minimalist	qweb	website/views/website_templates.xml	extension	{"en_US": "<data inherit_id=\\"website.layout\\" name=\\"Minimalist\\" active=\\"False\\">\\n    <xpath expr=\\"//div[@id='footer']\\" position=\\"replace\\">\\n        <div id=\\"footer\\" class=\\"oe_structure oe_structure_solo\\" t-ignore=\\"true\\" t-if=\\"not no_footer\\">\\n            <section class=\\"s_text_block\\" data-snippet=\\"s_text_block\\" data-name=\\"Text\\">\\n                <div class=\\"container\\">\\n                    <div class=\\"row align-items-center\\">\\n                        <div class=\\"col-lg-2 pt16 pb16 o_colored_level\\">\\n                            <a href=\\"/\\" class=\\"o_footer_logo logo\\">\\n                                <img src=\\"/web/image/1039-c220d9ba/Photos%20Socof.webp\\" alt=\\"\\" data-attachment-id=\\"1038\\" class=\\"img-fluid mx-auto img o_we_custom_image\\" data-format-mimetype=\\"image/webp\\" data-original-id=\\"1038\\" data-original-src=\\"/web/image/1038-2e271613/Photos%20Socof.jpg\\" data-mimetype-before-conversion=\\"image/jpeg\\" data-resize-width=\\"239\\" data-mimetype=\\"image/webp\\" loading=\\"lazy\\"/>\\n                            </a>\\n                        </div>\\n                        <div class=\\"col-lg-5 d-flex align-items-center justify-content-center justify-content-lg-start pt16 pb16 o_colored_level\\">\\n                            <ul class=\\"list-inline mb-0 ms-3\\">\\n                                <li class=\\"list-inline-item\\"><a href=\\"/\\"><strong>Accueil</strong></a></li>\\n                                <li class=\\"list-inline-item\\"><a href=\\"#\\"><strong>À propos de nous</strong></a></li>\\n                                <li class=\\"list-inline-item\\"><a href=\\"#\\"><strong>Produits</strong></a></li>\\n                                <li class=\\"list-inline-item\\"><a href=\\"#\\"><strong>Services</strong></a></li>\\n                                <li class=\\"list-inline-item\\">\\n                                    <a href=\\"/privacy\\"><strong>Politique vie privée</strong></a>\\n                                </li>\\n                            </ul>\\n                        </div>\\n                        <div class=\\"col-lg-3 pt16 pb16 o_colored_level\\">\\n                            <div class=\\"s_social_media text-end no_icon_color o_not_editable\\" data-snippet=\\"s_social_media\\" data-name=\\"Social Media\\">\\n                                <h5 class=\\"s_social_media_title d-none\\">Suivez-nous</h5>\\n<a href=\\"/website/social/facebook\\" class=\\"s_social_media_facebook\\" target=\\"_blank\\">\\n                                    <i class=\\"fa fa-2x fa-facebook m-1 o_editable_media\\"/>\\n                                </a>\\n<a href=\\"/website/social/twitter\\" class=\\"s_social_media_twitter\\" target=\\"_blank\\">\\n                                    <i class=\\"fa fa-2x fa-twitter m-1 o_editable_media\\"/>\\n                                </a>\\n<a href=\\"/website/social/instagram\\" class=\\"s_social_media_instagram\\" target=\\"_blank\\">\\n                                    <i class=\\"fa fa-2x fa-instagram m-1 o_editable_media\\"/>\\n                                </a>\\n</div>\\n                        </div>\\n                        <div class=\\"col-lg-2 pt16 pb16 o_colored_level\\">\\n                            <a href=\\"/contactus\\" class=\\"btn btn-block btn-primary\\"><strong>Entrer en contact</strong></a>\\n                        </div>\\n                    </div>\\n                </div>\\n            </section>\\n        </div>\\n    </xpath>\\n</data>", "fr_FR": "<data inherit_id=\\"website.layout\\" name=\\"Minimalist\\" active=\\"False\\">\\n    <xpath expr=\\"//div[@id='footer']\\" position=\\"replace\\">\\n        <div id=\\"footer\\" class=\\"oe_structure oe_structure_solo\\" t-ignore=\\"true\\" t-if=\\"not no_footer\\">\\n            <section class=\\"s_text_block\\" data-snippet=\\"s_text_block\\" data-name=\\"Text\\">\\n                <div class=\\"container\\">\\n                    <div class=\\"row align-items-center\\">\\n                        <div class=\\"col-lg-2 pt16 pb16 o_colored_level\\">\\n                            <a href=\\"/\\" class=\\"o_footer_logo logo\\">\\n                                <img src=\\"/web/image/1039-c220d9ba/Photos%20Socof.webp\\" alt=\\"\\" data-attachment-id=\\"1038\\" class=\\"img-fluid mx-auto img o_we_custom_image\\" data-format-mimetype=\\"image/webp\\" data-original-id=\\"1038\\" data-original-src=\\"/web/image/1038-2e271613/Photos%20Socof.jpg\\" data-mimetype-before-conversion=\\"image/jpeg\\" data-resize-width=\\"239\\" data-mimetype=\\"image/webp\\" loading=\\"lazy\\"/>\\n                            </a>\\n                        </div>\\n                        <div class=\\"col-lg-5 d-flex align-items-center justify-content-center justify-content-lg-start pt16 pb16 o_colored_level\\">\\n                            <ul class=\\"list-inline mb-0 ms-3\\">\\n                                <li class=\\"list-inline-item\\"><a href=\\"/\\"><strong>Accueil</strong></a></li>\\n                                <li class=\\"list-inline-item\\"><a href=\\"#\\"><strong>À propos de nous</strong></a></li>\\n                                <li class=\\"list-inline-item\\"><a href=\\"#\\"><strong>Produits</strong></a></li>\\n                                <li class=\\"list-inline-item\\"><a href=\\"#\\"><strong>Services</strong></a></li>\\n                                <li class=\\"list-inline-item\\">\\n                                    <a href=\\"/privacy\\"><strong>Politique vie privée</strong></a>\\n                                </li>\\n                            </ul>\\n                        </div>\\n                        <div class=\\"col-lg-3 pt16 pb16 o_colored_level\\">\\n                            <div class=\\"s_social_media text-end no_icon_color o_not_editable\\" data-snippet=\\"s_social_media\\" data-name=\\"Social Media\\">\\n                                <h5 class=\\"s_social_media_title d-none\\">Suivez-nous</h5>\\n<a href=\\"/website/social/facebook\\" class=\\"s_social_media_facebook\\" target=\\"_blank\\">\\n                                    <i class=\\"fa fa-2x fa-facebook m-1 o_editable_media\\"/>\\n                                </a>\\n<a href=\\"/website/social/twitter\\" class=\\"s_social_media_twitter\\" target=\\"_blank\\">\\n                                    <i class=\\"fa fa-2x fa-twitter m-1 o_editable_media\\"/>\\n                                </a>\\n<a href=\\"/website/social/instagram\\" class=\\"s_social_media_instagram\\" target=\\"_blank\\">\\n                                    <i class=\\"fa fa-2x fa-instagram m-1 o_editable_media\\"/>\\n                                </a>\\n</div>\\n                        </div>\\n                        <div class=\\"col-lg-2 pt16 pb16 o_colored_level\\">\\n                            <a href=\\"/contactus\\" class=\\"btn btn-block btn-primary\\"><strong>Entrer en contact</strong></a>\\n                        </div>\\n                    </div>\\n                </div>\\n            </section>\\n        </div>\\n    </xpath>\\n</data>"}	<data inherit_id="website.layout" name="Minimalist" active="False">\n    <xpath expr="//div[@id='footer']" position="replace">\n        <div id="footer" class="oe_structure oe_structure_solo" t-ignore="true" t-if="not no_footer">\n            <section class="s_text_block" data-snippet="s_text_block" data-name="Text">\n                <div class="container">\n                    <div class="row align-items-center">\n                        <div class="col-lg-2 pt16 pb16 o_colored_level">\n                            <a href="/" class="o_footer_logo logo">\n                                <img src="/web/image/1039-c220d9ba/Photos%20Socof.webp" alt="" data-attachment-id="1038" class="img-fluid mx-auto img o_we_custom_image" data-format-mimetype="image/webp" data-original-id="1038" data-original-src="/web/image/1038-2e271613/Photos%20Socof.jpg" data-mimetype-before-conversion="image/jpeg" data-resize-width="239" data-mimetype="image/webp"/>\n                            </a>\n                        </div>\n                        <div class="col-lg-5 d-flex align-items-center justify-content-center justify-content-lg-start pt16 pb16 o_colored_level">\n                            <ul class="list-inline mb-0 ms-3">\n                                <li class="list-inline-item"><a href="/">Accueil</a></li>\n                                <li class="list-inline-item"><a href="#">À propos de nous</a></li>\n                                <li class="list-inline-item"><a href="#">Produits</a></li>\n                                <li class="list-inline-item"><a href="#">Services</a></li>\n                                <li class="list-inline-item">\n                                    <a href="/privacy">Politique vie privée</a>\n                                </li>\n                            </ul>\n                        </div>\n                        <div class="col-lg-3 pt16 pb16 o_colored_level">\n                            <div class="s_social_media text-end no_icon_color o_not_editable" data-snippet="s_social_media" data-name="Social Media">\n                                <h5 class="s_social_media_title d-none">Suivez-nous</h5>\n<a href="/website/social/facebook" class="s_social_media_facebook" target="_blank">\n                                    <i class="fa fa-2x fa-facebook m-1 o_editable_media"/>\n                                </a>\n<a href="/website/social/twitter" class="s_social_media_twitter" target="_blank">\n                                    <i class="fa fa-2x fa-twitter m-1 o_editable_media"/>\n                                </a>\n<a href="/website/social/instagram" class="s_social_media_instagram" target="_blank">\n                                    <i class="fa fa-2x fa-instagram m-1 o_editable_media"/>\n                                </a>\n</div>\n                        </div>\n                        <div class="col-lg-2 pt16 pb16 o_colored_level">\n                            <a href="/contactus" class="btn btn-block btn-primary">Entrer en contact</a>\n                        </div>\n                    </div>\n                </div>\n            </section>\n        </div>\n    </xpath>\n</data>	t	t	2025-07-20 21:21:59.454073	2025-07-23 20:14:33.513414	f	1	\N	\N	\N	\N	\N	\N	\N	\N	f	f
691	16	\N	1	1	snippet_options_border_widgets	\N	website.snippet_options_border_widgets	qweb	website/views/snippets/snippets.xml	primary	{"en_US": "<t t-name=\\"website.snippet_options_border_widgets\\">\\n    <t t-call=\\"website.snippet_options_border_line_widgets\\">\\n        <t t-set=\\"label\\">Border</t>\\n        <t t-set=\\"with_bs_class\\" t-value=\\"True\\"/>\\n    </t>\\n    <we-input string=\\"Round Corners\\" t-if=\\"not no_border_radius\\" t-att-data-apply-to=\\"apply_to\\" t-att-data-dependencies=\\"not so_rounded_no_dependencies and 'border_width_opt,bg_color_opt'\\" data-select-style=\\"0\\" data-css-property=\\"border-radius\\" data-unit=\\"px\\" data-extra-class=\\"rounded\\" t-att-data-variable=\\"radius_variable\\"/>\\n</t>", "fr_FR": "<t t-name=\\"website.snippet_options_border_widgets\\">\\n    <t t-call=\\"website.snippet_options_border_line_widgets\\">\\n        <t t-set=\\"label\\">Bordure</t>\\n        <t t-set=\\"with_bs_class\\" t-value=\\"True\\"/>\\n    </t>\\n    <we-input string=\\"Coins arrondis\\" t-if=\\"not no_border_radius\\" t-att-data-apply-to=\\"apply_to\\" t-att-data-dependencies=\\"not so_rounded_no_dependencies and 'border_width_opt,bg_color_opt'\\" data-select-style=\\"0\\" data-css-property=\\"border-radius\\" data-unit=\\"px\\" data-extra-class=\\"rounded\\" t-att-data-variable=\\"radius_variable\\"/>\\n</t>"}	<?xml version="1.0"?>\n<t t-name="website.snippet_options_border_widgets">\n    <t t-call="website.snippet_options_border_line_widgets">\n        <t t-set="label">Border</t>\n        <t t-set="with_bs_class" t-value="True"/>\n    </t>\n    <we-input string="Round Corners" t-if="not no_border_radius" t-att-data-apply-to="apply_to" t-att-data-dependencies="not so_rounded_no_dependencies and 'border_width_opt,bg_color_opt'" data-select-style="0" data-css-property="border-radius" data-unit="px" data-extra-class="rounded" t-att-data-variable="radius_variable"/>\n</t>\n\n	f	t	2025-07-20 21:14:37.445508	2025-07-20 21:14:37.445508	f	\N	\N	\N	\N	\N	\N	\N	\N	\N	f	f
692	16	\N	1	1	snippet_options_shadow_widgets	\N	website.snippet_options_shadow_widgets	qweb	website/views/snippets/snippets.xml	primary	{"en_US": "<t t-name=\\"website.snippet_options_shadow_widgets\\">\\n    <we-button-group string=\\"Shadow\\" data-shadow-class=\\"shadow\\" t-att-data-variable=\\"shadow_variable\\">\\n        <we-button data-set-shadow=\\"\\">None</we-button>\\n        <we-button data-set-shadow=\\"outset\\" data-img=\\"/website/static/src/img/snippets_options/shadow_out.svg\\" data-name=\\"shadow_active_opt\\" title=\\"Outset\\"/>\\n        <we-button data-set-shadow=\\"inset\\" data-img=\\"/website/static/src/img/snippets_options/shadow_in.svg\\" data-name=\\"shadow_inset_opt\\" title=\\"Inset\\"/>\\n    </we-button-group>\\n    <we-multi data-css-property=\\"box-shadow\\" data-dependencies=\\"shadow_active_opt, shadow_inset_opt\\" t-att-data-variable=\\"shadow_variable\\">\\n        <we-colorpicker string=\\"Color\\" class=\\"o_we_sublevel_1\\" data-select-style=\\"\\" data-css-compatible=\\"\\"/>\\n        <we-row string=\\"Offset (X, Y)\\" class=\\"o_we_sublevel_1\\">\\n            <we-input data-select-style=\\"\\" data-unit=\\"px\\"/>\\n            <we-input data-select-style=\\"\\" data-unit=\\"px\\"/>\\n        </we-row>\\n        <we-input string=\\"Blur\\" class=\\"o_we_sublevel_1\\" data-select-style=\\"\\" data-unit=\\"px\\"/>\\n        <we-input string=\\"Spread\\" class=\\"o_we_sublevel_1\\" data-select-style=\\"\\" data-unit=\\"px\\"/>\\n        <!-- Inset parameter always hidden (as controlled above) but needed -->\\n        <!-- for the we-multi widget to work properly. -->\\n        <we-checkbox data-name=\\"fake_inset_shadow_opt\\" data-select-style=\\"inset\\"/>\\n    </we-multi>\\n</t>", "fr_FR": "<t t-name=\\"website.snippet_options_shadow_widgets\\">\\n    <we-button-group string=\\"Ombre\\" data-shadow-class=\\"shadow\\" t-att-data-variable=\\"shadow_variable\\">\\n        <we-button data-set-shadow=\\"\\">Aucun</we-button>\\n        <we-button data-set-shadow=\\"outset\\" data-img=\\"/website/static/src/img/snippets_options/shadow_out.svg\\" data-name=\\"shadow_active_opt\\" title=\\"Début\\"/>\\n        <we-button data-set-shadow=\\"inset\\" data-img=\\"/website/static/src/img/snippets_options/shadow_in.svg\\" data-name=\\"shadow_inset_opt\\" title=\\"Encart\\"/>\\n    </we-button-group>\\n    <we-multi data-css-property=\\"box-shadow\\" data-dependencies=\\"shadow_active_opt, shadow_inset_opt\\" t-att-data-variable=\\"shadow_variable\\">\\n        <we-colorpicker string=\\"Couleur\\" class=\\"o_we_sublevel_1\\" data-select-style=\\"\\" data-css-compatible=\\"\\"/>\\n        <we-row string=\\"Offset (X, Y)\\" class=\\"o_we_sublevel_1\\">\\n            <we-input data-select-style=\\"\\" data-unit=\\"px\\"/>\\n            <we-input data-select-style=\\"\\" data-unit=\\"px\\"/>\\n        </we-row>\\n        <we-input string=\\"Blur\\" class=\\"o_we_sublevel_1\\" data-select-style=\\"\\" data-unit=\\"px\\"/>\\n        <we-input string=\\"Diffusion\\" class=\\"o_we_sublevel_1\\" data-select-style=\\"\\" data-unit=\\"px\\"/>\\n        <!-- Inset parameter always hidden (as controlled above) but needed -->\\n        <!-- for the we-multi widget to work properly. -->\\n        <we-checkbox data-name=\\"fake_inset_shadow_opt\\" data-select-style=\\"inset\\"/>\\n    </we-multi>\\n</t>"}	<?xml version="1.0"?>\n<t t-name="website.snippet_options_shadow_widgets">\n    <we-button-group string="Shadow" data-shadow-class="shadow" t-att-data-variable="shadow_variable">\n        <we-button data-set-shadow="">None</we-button>\n        <we-button data-set-shadow="outset" data-img="/website/static/src/img/snippets_options/shadow_out.svg" data-name="shadow_active_opt" title="Outset"/>\n        <we-button data-set-shadow="inset" data-img="/website/static/src/img/snippets_options/shadow_in.svg" data-name="shadow_inset_opt" title="Inset"/>\n    </we-button-group>\n    <we-multi data-css-property="box-shadow" data-dependencies="shadow_active_opt, shadow_inset_opt" t-att-data-variable="shadow_variable">\n        <we-colorpicker string="Color" class="o_we_sublevel_1" data-select-style="" data-css-compatible=""/>\n        <we-row string="Offset (X, Y)" class="o_we_sublevel_1">\n            <we-input data-select-style="" data-unit="px"/>\n            <we-input data-select-style="" data-unit="px"/>\n        </we-row>\n        <we-input string="Blur" class="o_we_sublevel_1" data-select-style="" data-unit="px"/>\n        <we-input string="Spread" class="o_we_sublevel_1" data-select-style="" data-unit="px"/>\n        <!-- Inset parameter always hidden (as controlled above) but needed -->\n        <!-- for the we-multi widget to work properly. -->\n        <we-checkbox data-name="fake_inset_shadow_opt" data-select-style="inset"/>\n    </we-multi>\n</t>\n\n	f	t	2025-07-20 21:14:37.445508	2025-07-20 21:14:37.445508	f	\N	\N	\N	\N	\N	\N	\N	\N	\N	f	f
694	16	\N	1	1	snippet_options_conditional_visibility	\N	website.snippet_options_conditional_visibility	qweb	website/views/snippets/snippets.xml	primary	{"en_US": "<t t-name=\\"website.snippet_options_conditional_visibility\\">\\n    <we-select t-att-string=\\"option_name\\" class=\\"o_we_sublevel_1\\" data-dependencies=\\"visibility_conditional\\" t-att-data-attribute-name=\\"attribute_rule\\" data-no-preview=\\"true\\" data-is-visibility-condition=\\"true\\">\\n        <we-button data-select-data-attribute=\\"\\">Visible for</we-button>\\n        <we-button data-select-data-attribute=\\"hide\\">Hidden for</we-button>\\n    </we-select>\\n    <we-many2many string=\\" \\" data-dependencies=\\"visibility_conditional\\" t-att-data-save-attribute=\\"save_attribute\\" t-att-data-attribute-name=\\"attribute_name\\" data-no-preview=\\"true\\" t-att-data-model=\\"model\\" t-att-data-call-with=\\"call_with\\" data-select-record=\\"\\" t-att-data-fields=\\"data_fields\\" t-att-data-domain=\\"domain\\" data-allow-delete=\\"true\\" data-fakem2m=\\"true\\"/>\\n</t>", "fr_FR": "<t t-name=\\"website.snippet_options_conditional_visibility\\">\\n    <we-select t-att-string=\\"option_name\\" class=\\"o_we_sublevel_1\\" data-dependencies=\\"visibility_conditional\\" t-att-data-attribute-name=\\"attribute_rule\\" data-no-preview=\\"true\\" data-is-visibility-condition=\\"true\\">\\n        <we-button data-select-data-attribute=\\"\\">Visible pour</we-button>\\n        <we-button data-select-data-attribute=\\"hide\\">Masqué pour </we-button>\\n    </we-select>\\n    <we-many2many string=\\" \\" data-dependencies=\\"visibility_conditional\\" t-att-data-save-attribute=\\"save_attribute\\" t-att-data-attribute-name=\\"attribute_name\\" data-no-preview=\\"true\\" t-att-data-model=\\"model\\" t-att-data-call-with=\\"call_with\\" data-select-record=\\"\\" t-att-data-fields=\\"data_fields\\" t-att-data-domain=\\"domain\\" data-allow-delete=\\"true\\" data-fakem2m=\\"true\\"/>\\n</t>"}	<?xml version="1.0"?>\n<t t-name="website.snippet_options_conditional_visibility">\n    <we-select t-att-string="option_name" class="o_we_sublevel_1" data-dependencies="visibility_conditional" t-att-data-attribute-name="attribute_rule" data-no-preview="true" data-is-visibility-condition="true">\n        <we-button data-select-data-attribute="">Visible for</we-button>\n        <we-button data-select-data-attribute="hide">Hidden for</we-button>\n    </we-select>\n    <we-many2many string=" " data-dependencies="visibility_conditional" t-att-data-save-attribute="save_attribute" t-att-data-attribute-name="attribute_name" data-no-preview="true" t-att-data-model="model" t-att-data-call-with="call_with" data-select-record="" t-att-data-fields="data_fields" t-att-data-domain="domain" data-allow-delete="true" data-fakem2m="true"/>\n</t>\n\n	f	t	2025-07-20 21:14:37.445508	2025-07-20 21:14:37.445508	f	\N	\N	\N	\N	\N	\N	\N	\N	\N	f	f
760	16	\N	1	1	Company Team Grid	\N	website.s_company_team_grid	qweb	website/views/snippets/s_company_team_grid.xml	primary	{"en_US": "<t name=\\"Company Team Grid\\" t-name=\\"website.s_company_team_grid\\">\\n    <section class=\\"s_company_team_grid o_colored_level o_cc o_cc1 pt48 pb48\\">\\n        <div class=\\"container\\">\\n            <div class=\\"row o_grid_mode\\" data-row-count=\\"25\\">\\n                <div class=\\"o_grid_item g-height-2 g-col-lg-12 col-lg-12\\" style=\\"grid-area: 1 / 1 / 3 / 13; z-index: 1;\\">\\n                    <h2>Get to know us</h2>\\n                </div>\\n                <div data-name=\\"Team Member\\" class=\\"o_grid_item g-col-lg-4 g-height-11 col-lg-4\\" style=\\"grid-area: 3 / 1 / 14 / 5; --grid-item-padding-y: 16px; --grid-item-padding-x: 16px; z-index: 2;\\">\\n                    <div class=\\"s_card o_card_img_top card o_cc o_cc2\\" data-vxml=\\"001\\" data-snippet=\\"s_card\\" data-name=\\"Card\\" style=\\"border-width: 0px !important;\\">\\n                        <figure class=\\"o_card_img_wrapper ratio ratio-1x1 mb-0\\">\\n                            <img class=\\"o_card_img card-img-top rounded pb-0\\" src=\\"/web/image/website.s_company_team_image_1\\" style=\\"padding: 16px;\\"/>\\n                        </figure>\\n                        <div class=\\"card-body\\">\\n                            <h3 class=\\"card-title h5-fs\\" style=\\"text-align: center;\\">Tony Fred</h3>\\n                            <p class=\\"card-text\\" style=\\"text-align: center;\\">Chief Executive Officer</p>\\n                        </div>\\n                    </div>\\n                </div>\\n                <div data-name=\\"Team Member\\" class=\\"o_grid_item g-col-lg-4 g-height-11 col-lg-4\\" style=\\"grid-area: 4 / 5 / 15 / 9; --grid-item-padding-y: 16px; --grid-item-padding-x: 16px; z-index: 3;\\">\\n                    <div class=\\"s_card o_card_img_top card o_cc o_cc2\\" data-vxml=\\"001\\" data-snippet=\\"s_card\\" data-name=\\"Card\\" style=\\"border-width: 0px !important;\\">\\n                        <figure class=\\"o_card_img_wrapper ratio ratio-1x1 mb-0\\">\\n                            <img class=\\"o_card_img card-img-top rounded pb-0\\" src=\\"/web/image/website.s_company_team_image_2\\" style=\\"padding: 16px;\\"/>\\n                        </figure>\\n                        <div class=\\"card-body\\">\\n                            <h3 class=\\"card-title h5-fs\\" style=\\"text-align: center;\\">Mich Stark</h3>\\n                            <p class=\\"card-text\\" style=\\"text-align: center;\\">Chief Technical Manager</p>\\n                        </div>\\n                    </div>\\n                </div>\\n                <div data-name=\\"Team Member\\" class=\\"o_grid_item g-col-lg-4 g-height-11 col-lg-4\\" style=\\"grid-area: 3 / 9 / 14 / 13; --grid-item-padding-y: 16px; --grid-item-padding-x: 16px; z-index: 4;\\">\\n                    <div class=\\"s_card o_card_img_top card o_cc o_cc2\\" data-vxml=\\"001\\" data-snippet=\\"s_card\\" data-name=\\"card\\" style=\\"border-width: 0px !important;\\">\\n                        <figure class=\\"o_card_img_wrapper ratio ratio-1x1 mb-0\\">\\n                            <img class=\\"o_card_img card-img-top rounded pb-0\\" src=\\"/web/image/website.s_company_team_image_3\\" style=\\"padding: 16px;\\"/>\\n                        </figure>\\n                        <div class=\\"card-body\\">\\n                            <h3 class=\\"card-title h5-fs\\" style=\\"text-align: center;\\">Aline Turner</h3>\\n                            <p class=\\"card-text\\" style=\\"text-align: center;\\">Chief Financial Officer</p>\\n                        </div>\\n                    </div>\\n                </div>\\n                <div data-name=\\"Team Member\\" class=\\"o_grid_item g-col-lg-4 g-height-11 col-lg-4\\" style=\\"grid-area: 14 / 1 / 25 / 5; --grid-item-padding-y: 16px; --grid-item-padding-x: 16px; z-index: 5;\\">\\n                    <div class=\\"s_card o_card_img_top card o_cc o_cc2\\" data-vxml=\\"001\\" data-snippet=\\"s_card\\" data-name=\\"card\\" style=\\"border-width: 0px !important;\\">\\n                        <figure class=\\"o_card_img_wrapper ratio ratio-1x1 mb-0\\">\\n                            <img class=\\"o_card_img card-img-top rounded pb-0\\" src=\\"/web/image/website.s_company_team_image_4\\" style=\\"padding: 16px;\\"/>\\n                        </figure>\\n                        <div class=\\"card-body\\">\\n                            <h3 class=\\"card-title h5-fs\\" style=\\"text-align: center;\\">Iris Joe</h3>\\n                            <p class=\\"card-text\\" style=\\"text-align: center;\\">Chief Operational Officer</p>\\n                        </div>\\n                    </div>\\n                </div>\\n                <div data-name=\\"Team Member\\" class=\\"o_grid_item g-col-lg-4 g-height-11 col-lg-4\\" style=\\"grid-area: 15 / 5 / 26 / 9; --grid-item-padding-y: 16px; --grid-item-padding-x: 16px; z-index: 6;\\">\\n                    <div class=\\"s_card o_card_img_top card o_cc o_cc2\\" data-vxml=\\"001\\" data-snippet=\\"s_card\\" data-name=\\"card\\" style=\\"border-width: 0px !important;\\">\\n                        <figure class=\\"o_card_img_wrapper ratio ratio-1x1 mb-0\\">\\n                            <img class=\\"o_card_img card-img-top rounded pb-0\\" src=\\"/web/image/website.s_company_team_image_5\\" style=\\"padding: 16px;\\"/>\\n                        </figure>\\n                        <div class=\\"card-body\\">\\n                            <h3 class=\\"card-title h5-fs\\" style=\\"text-align: center;\\">Pete Bluestork</h3>\\n                            <p class=\\"card-text\\" style=\\"text-align: center;\\">Chief Communication Officer</p>\\n                        </div>\\n                    </div>\\n                </div>\\n                <div data-name=\\"Team Member\\" class=\\"o_grid_item g-col-lg-4 g-height-11 col-lg-4\\" style=\\"grid-area: 14 / 9 / 25 / 13; --grid-item-padding-y: 16px; --grid-item-padding-x: 16px; z-index: 7;\\">\\n                    <div class=\\"s_card o_card_img_top card o_cc o_cc2\\" data-vxml=\\"001\\" data-snippet=\\"s_card\\" data-name=\\"card\\" style=\\"border-width: 0px !important;\\">\\n                        <figure class=\\"o_card_img_wrapper ratio ratio-1x1 mb-0\\">\\n                            <img class=\\"o_card_img card-img-top rounded pb-0\\" src=\\"/web/image/website.s_company_team_image_6\\" style=\\"padding: 16px;\\"/>\\n                        </figure>\\n                        <div class=\\"card-body\\">\\n                            <h3 class=\\"card-title h5-fs\\" style=\\"text-align: center;\\">Sophia Langston</h3>\\n                            <p class=\\"card-text\\" style=\\"text-align: center;\\">Chief Marketing Officer</p>\\n                        </div>\\n                    </div>\\n                </div>\\n            </div>\\n        </div>\\n    </section>\\n</t>", "fr_FR": "<t name=\\"Company Team Grid\\" t-name=\\"website.s_company_team_grid\\">\\n    <section class=\\"s_company_team_grid o_colored_level o_cc o_cc1 pt48 pb48\\">\\n        <div class=\\"container\\">\\n            <div class=\\"row o_grid_mode\\" data-row-count=\\"25\\">\\n                <div class=\\"o_grid_item g-height-2 g-col-lg-12 col-lg-12\\" style=\\"grid-area: 1 / 1 / 3 / 13; z-index: 1;\\">\\n                    <h2>En savoir plus sur nous</h2>\\n                </div>\\n                <div data-name=\\"Team Member\\" class=\\"o_grid_item g-col-lg-4 g-height-11 col-lg-4\\" style=\\"grid-area: 3 / 1 / 14 / 5; --grid-item-padding-y: 16px; --grid-item-padding-x: 16px; z-index: 2;\\">\\n                    <div class=\\"s_card o_card_img_top card o_cc o_cc2\\" data-vxml=\\"001\\" data-snippet=\\"s_card\\" data-name=\\"Card\\" style=\\"border-width: 0px !important;\\">\\n                        <figure class=\\"o_card_img_wrapper ratio ratio-1x1 mb-0\\">\\n                            <img class=\\"o_card_img card-img-top rounded pb-0\\" src=\\"/web/image/website.s_company_team_image_1\\" style=\\"padding: 16px;\\"/>\\n                        </figure>\\n                        <div class=\\"card-body\\">\\n                            <h3 class=\\"card-title h5-fs\\" style=\\"text-align: center;\\">Tony Fred</h3>\\n                            <p class=\\"card-text\\" style=\\"text-align: center;\\">Chief Executive Officer</p>\\n                        </div>\\n                    </div>\\n                </div>\\n                <div data-name=\\"Team Member\\" class=\\"o_grid_item g-col-lg-4 g-height-11 col-lg-4\\" style=\\"grid-area: 4 / 5 / 15 / 9; --grid-item-padding-y: 16px; --grid-item-padding-x: 16px; z-index: 3;\\">\\n                    <div class=\\"s_card o_card_img_top card o_cc o_cc2\\" data-vxml=\\"001\\" data-snippet=\\"s_card\\" data-name=\\"Card\\" style=\\"border-width: 0px !important;\\">\\n                        <figure class=\\"o_card_img_wrapper ratio ratio-1x1 mb-0\\">\\n                            <img class=\\"o_card_img card-img-top rounded pb-0\\" src=\\"/web/image/website.s_company_team_image_2\\" style=\\"padding: 16px;\\"/>\\n                        </figure>\\n                        <div class=\\"card-body\\">\\n                            <h3 class=\\"card-title h5-fs\\" style=\\"text-align: center;\\">Mich Stark</h3>\\n                            <p class=\\"card-text\\" style=\\"text-align: center;\\">Responsable technique</p>\\n                        </div>\\n                    </div>\\n                </div>\\n                <div data-name=\\"Team Member\\" class=\\"o_grid_item g-col-lg-4 g-height-11 col-lg-4\\" style=\\"grid-area: 3 / 9 / 14 / 13; --grid-item-padding-y: 16px; --grid-item-padding-x: 16px; z-index: 4;\\">\\n                    <div class=\\"s_card o_card_img_top card o_cc o_cc2\\" data-vxml=\\"001\\" data-snippet=\\"s_card\\" data-name=\\"card\\" style=\\"border-width: 0px !important;\\">\\n                        <figure class=\\"o_card_img_wrapper ratio ratio-1x1 mb-0\\">\\n                            <img class=\\"o_card_img card-img-top rounded pb-0\\" src=\\"/web/image/website.s_company_team_image_3\\" style=\\"padding: 16px;\\"/>\\n                        </figure>\\n                        <div class=\\"card-body\\">\\n                            <h3 class=\\"card-title h5-fs\\" style=\\"text-align: center;\\">Aline Turner</h3>\\n                            <p class=\\"card-text\\" style=\\"text-align: center;\\">Directeur financier</p>\\n                        </div>\\n                    </div>\\n                </div>\\n                <div data-name=\\"Team Member\\" class=\\"o_grid_item g-col-lg-4 g-height-11 col-lg-4\\" style=\\"grid-area: 14 / 1 / 25 / 5; --grid-item-padding-y: 16px; --grid-item-padding-x: 16px; z-index: 5;\\">\\n                    <div class=\\"s_card o_card_img_top card o_cc o_cc2\\" data-vxml=\\"001\\" data-snippet=\\"s_card\\" data-name=\\"card\\" style=\\"border-width: 0px !important;\\">\\n                        <figure class=\\"o_card_img_wrapper ratio ratio-1x1 mb-0\\">\\n                            <img class=\\"o_card_img card-img-top rounded pb-0\\" src=\\"/web/image/website.s_company_team_image_4\\" style=\\"padding: 16px;\\"/>\\n                        </figure>\\n                        <div class=\\"card-body\\">\\n                            <h3 class=\\"card-title h5-fs\\" style=\\"text-align: center;\\">Iris Joe</h3>\\n                            <p class=\\"card-text\\" style=\\"text-align: center;\\">Directeur des opérations</p>\\n                        </div>\\n                    </div>\\n                </div>\\n                <div data-name=\\"Team Member\\" class=\\"o_grid_item g-col-lg-4 g-height-11 col-lg-4\\" style=\\"grid-area: 15 / 5 / 26 / 9; --grid-item-padding-y: 16px; --grid-item-padding-x: 16px; z-index: 6;\\">\\n                    <div class=\\"s_card o_card_img_top card o_cc o_cc2\\" data-vxml=\\"001\\" data-snippet=\\"s_card\\" data-name=\\"card\\" style=\\"border-width: 0px !important;\\">\\n                        <figure class=\\"o_card_img_wrapper ratio ratio-1x1 mb-0\\">\\n                            <img class=\\"o_card_img card-img-top rounded pb-0\\" src=\\"/web/image/website.s_company_team_image_5\\" style=\\"padding: 16px;\\"/>\\n                        </figure>\\n                        <div class=\\"card-body\\">\\n                            <h3 class=\\"card-title h5-fs\\" style=\\"text-align: center;\\">Pete Bluestork</h3>\\n                            <p class=\\"card-text\\" style=\\"text-align: center;\\">Directeur de la communication</p>\\n                        </div>\\n                    </div>\\n                </div>\\n                <div data-name=\\"Team Member\\" class=\\"o_grid_item g-col-lg-4 g-height-11 col-lg-4\\" style=\\"grid-area: 14 / 9 / 25 / 13; --grid-item-padding-y: 16px; --grid-item-padding-x: 16px; z-index: 7;\\">\\n                    <div class=\\"s_card o_card_img_top card o_cc o_cc2\\" data-vxml=\\"001\\" data-snippet=\\"s_card\\" data-name=\\"card\\" style=\\"border-width: 0px !important;\\">\\n                        <figure class=\\"o_card_img_wrapper ratio ratio-1x1 mb-0\\">\\n                            <img class=\\"o_card_img card-img-top rounded pb-0\\" src=\\"/web/image/website.s_company_team_image_6\\" style=\\"padding: 16px;\\"/>\\n                        </figure>\\n                        <div class=\\"card-body\\">\\n                            <h3 class=\\"card-title h5-fs\\" style=\\"text-align: center;\\">Sophia Langston</h3>\\n                            <p class=\\"card-text\\" style=\\"text-align: center;\\">Directeur marketing</p>\\n                        </div>\\n                    </div>\\n                </div>\\n            </div>\\n        </div>\\n    </section>\\n</t>"}	<?xml version="1.0"?>\n<t name="Company Team Grid" t-name="website.s_company_team_grid">\n    <section class="s_company_team_grid o_colored_level o_cc o_cc1 pt48 pb48">\n        <div class="container">\n            <div class="row o_grid_mode" data-row-count="25">\n                <div class="o_grid_item g-height-2 g-col-lg-12 col-lg-12" style="grid-area: 1 / 1 / 3 / 13; z-index: 1;">\n                    <h2>Get to know us</h2>\n                </div>\n                <div data-name="Team Member" class="o_grid_item g-col-lg-4 g-height-11 col-lg-4" style="grid-area: 3 / 1 / 14 / 5; --grid-item-padding-y: 16px; --grid-item-padding-x: 16px; z-index: 2;">\n                    <div class="s_card o_card_img_top card o_cc o_cc2" data-vxml="001" data-snippet="s_card" data-name="Card" style="border-width: 0px !important;">\n                        <figure class="o_card_img_wrapper ratio ratio-1x1 mb-0">\n                            <img class="o_card_img card-img-top rounded pb-0" src="/web/image/website.s_company_team_image_1" style="padding: 16px;"/>\n                        </figure>\n                        <div class="card-body">\n                            <h3 class="card-title h5-fs" style="text-align: center;">Tony Fred</h3>\n                            <p class="card-text" style="text-align: center;">Chief Executive Officer</p>\n                        </div>\n                    </div>\n                </div>\n                <div data-name="Team Member" class="o_grid_item g-col-lg-4 g-height-11 col-lg-4" style="grid-area: 4 / 5 / 15 / 9; --grid-item-padding-y: 16px; --grid-item-padding-x: 16px; z-index: 3;">\n                    <div class="s_card o_card_img_top card o_cc o_cc2" data-vxml="001" data-snippet="s_card" data-name="Card" style="border-width: 0px !important;">\n                        <figure class="o_card_img_wrapper ratio ratio-1x1 mb-0">\n                            <img class="o_card_img card-img-top rounded pb-0" src="/web/image/website.s_company_team_image_2" style="padding: 16px;"/>\n                        </figure>\n                        <div class="card-body">\n                            <h3 class="card-title h5-fs" style="text-align: center;">Mich Stark</h3>\n                            <p class="card-text" style="text-align: center;">Chief Technical Manager</p>\n                        </div>\n                    </div>\n                </div>\n                <div data-name="Team Member" class="o_grid_item g-col-lg-4 g-height-11 col-lg-4" style="grid-area: 3 / 9 / 14 / 13; --grid-item-padding-y: 16px; --grid-item-padding-x: 16px; z-index: 4;">\n                    <div class="s_card o_card_img_top card o_cc o_cc2" data-vxml="001" data-snippet="s_card" data-name="card" style="border-width: 0px !important;">\n                        <figure class="o_card_img_wrapper ratio ratio-1x1 mb-0">\n                            <img class="o_card_img card-img-top rounded pb-0" src="/web/image/website.s_company_team_image_3" style="padding: 16px;"/>\n                        </figure>\n                        <div class="card-body">\n                            <h3 class="card-title h5-fs" style="text-align: center;">Aline Turner</h3>\n                            <p class="card-text" style="text-align: center;">Chief Financial Officer</p>\n                        </div>\n                    </div>\n                </div>\n                <div data-name="Team Member" class="o_grid_item g-col-lg-4 g-height-11 col-lg-4" style="grid-area: 14 / 1 / 25 / 5; --grid-item-padding-y: 16px; --grid-item-padding-x: 16px; z-index: 5;">\n                    <div class="s_card o_card_img_top card o_cc o_cc2" data-vxml="001" data-snippet="s_card" data-name="card" style="border-width: 0px !important;">\n                        <figure class="o_card_img_wrapper ratio ratio-1x1 mb-0">\n                            <img class="o_card_img card-img-top rounded pb-0" src="/web/image/website.s_company_team_image_4" style="padding: 16px;"/>\n                        </figure>\n                        <div class="card-body">\n                            <h3 class="card-title h5-fs" style="text-align: center;">Iris Joe</h3>\n                            <p class="card-text" style="text-align: center;">Chief Operational Officer</p>\n                        </div>\n                    </div>\n                </div>\n                <div data-name="Team Member" class="o_grid_item g-col-lg-4 g-height-11 col-lg-4" style="grid-area: 15 / 5 / 26 / 9; --grid-item-padding-y: 16px; --grid-item-padding-x: 16px; z-index: 6;">\n                    <div class="s_card o_card_img_top card o_cc o_cc2" data-vxml="001" data-snippet="s_card" data-name="card" style="border-width: 0px !important;">\n                        <figure class="o_card_img_wrapper ratio ratio-1x1 mb-0">\n                            <img class="o_card_img card-img-top rounded pb-0" src="/web/image/website.s_company_team_image_5" style="padding: 16px;"/>\n                        </figure>\n                        <div class="card-body">\n                            <h3 class="card-title h5-fs" style="text-align: center;">Pete Bluestork</h3>\n                            <p class="card-text" style="text-align: center;">Chief Communication Officer</p>\n                        </div>\n                    </div>\n                </div>\n                <div data-name="Team Member" class="o_grid_item g-col-lg-4 g-height-11 col-lg-4" style="grid-area: 14 / 9 / 25 / 13; --grid-item-padding-y: 16px; --grid-item-padding-x: 16px; z-index: 7;">\n                    <div class="s_card o_card_img_top card o_cc o_cc2" data-vxml="001" data-snippet="s_card" data-name="card" style="border-width: 0px !important;">\n                        <figure class="o_card_img_wrapper ratio ratio-1x1 mb-0">\n                            <img class="o_card_img card-img-top rounded pb-0" src="/web/image/website.s_company_team_image_6" style="padding: 16px;"/>\n                        </figure>\n                        <div class="card-body">\n                            <h3 class="card-title h5-fs" style="text-align: center;">Sophia Langston</h3>\n                            <p class="card-text" style="text-align: center;">Chief Marketing Officer</p>\n                        </div>\n                    </div>\n                </div>\n            </div>\n        </div>\n    </section>\n</t>\n\n	f	t	2025-07-20 21:14:37.445508	2025-07-20 21:14:37.445508	f	\N	\N	\N	\N	\N	\N	\N	\N	\N	f	f
695	16	\N	1	1	column_count_option	\N	website.column_count_option	qweb	website/views/snippets/snippets.xml	primary	{"en_US": "<t t-name=\\"website.column_count_option\\">\\n    <we-select t-att-string=\\"not with_grid and 'Columns'\\" t-att-class=\\"with_grid and 'o_grid'\\" data-no-preview=\\"true\\" data-name=\\"column_count_opt\\" t-att-data-dependencies=\\"with_grid and 'normal_mode'\\">\\n        <we-button data-select-count=\\"0\\" data-name=\\"zero_cols_opt\\">None</we-button>\\n        <we-button data-select-count=\\"1\\">1</we-button>\\n        <we-button data-select-count=\\"2\\">2</we-button>\\n        <we-button data-select-count=\\"3\\">3</we-button>\\n        <we-button data-select-count=\\"4\\">4</we-button>\\n        <we-button data-select-count=\\"5\\">5</we-button>\\n        <we-button data-select-count=\\"6\\">6</we-button>\\n        <we-button data-select-count=\\"custom\\" data-name=\\"custom_cols_opt\\">Custom</we-button>\\n    </we-select>\\n</t>", "fr_FR": "<t t-name=\\"website.column_count_option\\">\\n    <we-select t-att-string=\\"not with_grid and 'Columns'\\" t-att-class=\\"with_grid and 'o_grid'\\" data-no-preview=\\"true\\" data-name=\\"column_count_opt\\" t-att-data-dependencies=\\"with_grid and 'normal_mode'\\">\\n        <we-button data-select-count=\\"0\\" data-name=\\"zero_cols_opt\\">Aucun</we-button>\\n        <we-button data-select-count=\\"1\\">1</we-button>\\n        <we-button data-select-count=\\"2\\">2</we-button>\\n        <we-button data-select-count=\\"3\\">3</we-button>\\n        <we-button data-select-count=\\"4\\">4</we-button>\\n        <we-button data-select-count=\\"5\\">5</we-button>\\n        <we-button data-select-count=\\"6\\">6</we-button>\\n        <we-button data-select-count=\\"custom\\" data-name=\\"custom_cols_opt\\">Personnalisé</we-button>\\n    </we-select>\\n</t>"}	<?xml version="1.0"?>\n<t t-name="website.column_count_option">\n    <we-select t-att-string="not with_grid and 'Columns'" t-att-class="with_grid and 'o_grid'" data-no-preview="true" data-name="column_count_opt" t-att-data-dependencies="with_grid and 'normal_mode'">\n        <we-button data-select-count="0" data-name="zero_cols_opt">None</we-button>\n        <we-button data-select-count="1">1</we-button>\n        <we-button data-select-count="2">2</we-button>\n        <we-button data-select-count="3">3</we-button>\n        <we-button data-select-count="4">4</we-button>\n        <we-button data-select-count="5">5</we-button>\n        <we-button data-select-count="6">6</we-button>\n        <we-button data-select-count="custom" data-name="custom_cols_opt">Custom</we-button>\n    </we-select>\n</t>\n\n	f	t	2025-07-20 21:14:37.445508	2025-07-20 21:14:37.445508	f	\N	\N	\N	\N	\N	\N	\N	\N	\N	f	f
696	16	\N	1	1	grid_layout_options	\N	website.grid_layout_options	qweb	website/views/snippets/snippets.xml	primary	{"en_US": "<t t-name=\\"website.grid_layout_options\\">\\n    <we-button-group t-att-class=\\"indent and 'o_we_sublevel_1'\\" string=\\"Add Elements\\" data-no-preview=\\"true\\" data-dependencies=\\"grid_mode\\">\\n        <we-button class=\\"o_we_bg_brand_primary o_grid\\" data-add-element=\\"image\\" title=\\"Image\\" data-name=\\"image\\">Image</we-button>\\n        <we-button class=\\"o_we_bg_brand_primary o_grid\\" data-add-element=\\"text\\" title=\\"Text\\" data-name=\\"text\\">Text</we-button>\\n        <we-button class=\\"o_we_bg_brand_primary o_grid\\" data-add-element=\\"button\\" title=\\"Button\\" data-name=\\"button\\">Button</we-button>\\n    </we-button-group>\\n    <we-row t-att-class=\\"indent and 'o_we_sublevel_1'\\" string=\\"Spacing (Y, X)\\">\\n        <we-input data-dependencies=\\"grid_mode\\" data-select-style=\\"\\" data-css-property=\\"row-gap\\" data-unit=\\"px\\" data-prevent-important=\\"true\\" data-apply-to=\\".row.o_grid_mode\\"/>\\n        <we-input data-dependencies=\\"grid_mode\\" data-select-style=\\"\\" data-css-property=\\"column-gap\\" data-unit=\\"px\\" data-max=\\"60\\" data-prevent-important=\\"true\\" data-apply-to=\\".row.o_grid_mode\\"/>\\n    </we-row>\\n</t>", "fr_FR": "<t t-name=\\"website.grid_layout_options\\">\\n    <we-button-group t-att-class=\\"indent and 'o_we_sublevel_1'\\" string=\\"Ajouter des éléments\\" data-no-preview=\\"true\\" data-dependencies=\\"grid_mode\\">\\n        <we-button class=\\"o_we_bg_brand_primary o_grid\\" data-add-element=\\"image\\" title=\\"Image\\" data-name=\\"image\\">Image</we-button>\\n        <we-button class=\\"o_we_bg_brand_primary o_grid\\" data-add-element=\\"text\\" title=\\"Texte\\" data-name=\\"text\\">Texte</we-button>\\n        <we-button class=\\"o_we_bg_brand_primary o_grid\\" data-add-element=\\"button\\" title=\\"Bouton\\" data-name=\\"button\\">Bouton</we-button>\\n    </we-button-group>\\n    <we-row t-att-class=\\"indent and 'o_we_sublevel_1'\\" string=\\"Espacement (Y, X)\\">\\n        <we-input data-dependencies=\\"grid_mode\\" data-select-style=\\"\\" data-css-property=\\"row-gap\\" data-unit=\\"px\\" data-prevent-important=\\"true\\" data-apply-to=\\".row.o_grid_mode\\"/>\\n        <we-input data-dependencies=\\"grid_mode\\" data-select-style=\\"\\" data-css-property=\\"column-gap\\" data-unit=\\"px\\" data-max=\\"60\\" data-prevent-important=\\"true\\" data-apply-to=\\".row.o_grid_mode\\"/>\\n    </we-row>\\n</t>"}	<?xml version="1.0"?>\n<t t-name="website.grid_layout_options">\n    <we-button-group t-att-class="indent and 'o_we_sublevel_1'" string="Add Elements" data-no-preview="true" data-dependencies="grid_mode">\n        <we-button class="o_we_bg_brand_primary o_grid" data-add-element="image" title="Image" data-name="image">Image</we-button>\n        <we-button class="o_we_bg_brand_primary o_grid" data-add-element="text" title="Text" data-name="text">Text</we-button>\n        <we-button class="o_we_bg_brand_primary o_grid" data-add-element="button" title="Button" data-name="button">Button</we-button>\n    </we-button-group>\n    <we-row t-att-class="indent and 'o_we_sublevel_1'" string="Spacing (Y, X)">\n        <we-input data-dependencies="grid_mode" data-select-style="" data-css-property="row-gap" data-unit="px" data-prevent-important="true" data-apply-to=".row.o_grid_mode"/>\n        <we-input data-dependencies="grid_mode" data-select-style="" data-css-property="column-gap" data-unit="px" data-max="60" data-prevent-important="true" data-apply-to=".row.o_grid_mode"/>\n    </we-row>\n</t>\n\n	f	t	2025-07-20 21:14:37.445508	2025-07-20 21:14:37.445508	f	\N	\N	\N	\N	\N	\N	\N	\N	\N	f	f
697	16	\N	1	1	vertical_alignment_option	\N	website.vertical_alignment_option	qweb	website/views/snippets/snippets.xml	primary	{"en_US": "<t t-name=\\"website.vertical_alignment_option\\">\\n    <we-button-group t-att-class=\\"indent and 'o_we_sublevel_1'\\" string=\\"Vert. Alignment\\" title=\\"Vertical Alignment\\" data-dependencies=\\"normal_mode\\">\\n        <we-button title=\\"Align Top\\" data-select-class=\\"align-items-start\\" data-img=\\"/website/static/src/img/snippets_options/align_top.svg\\"/>\\n        <we-button title=\\"Align Middle\\" data-select-class=\\"align-items-center\\" data-img=\\"/website/static/src/img/snippets_options/align_middle.svg\\"/>\\n        <we-button title=\\"Align Bottom\\" data-select-class=\\"align-items-end\\" data-img=\\"/website/static/src/img/snippets_options/align_bottom.svg\\"/>\\n        <we-button title=\\"Stretch to Equal Height\\" data-select-class=\\"align-items-stretch\\" data-img=\\"/website/static/src/img/snippets_options/align_stretch.svg\\"/>\\n    </we-button-group>\\n</t>", "fr_FR": "<t t-name=\\"website.vertical_alignment_option\\">\\n    <we-button-group t-att-class=\\"indent and 'o_we_sublevel_1'\\" string=\\"Alignement vert.\\" title=\\"Alignement vertical\\" data-dependencies=\\"normal_mode\\">\\n        <we-button title=\\"Aligner en haut\\" data-select-class=\\"align-items-start\\" data-img=\\"/website/static/src/img/snippets_options/align_top.svg\\"/>\\n        <we-button title=\\"Aligner au milieu\\" data-select-class=\\"align-items-center\\" data-img=\\"/website/static/src/img/snippets_options/align_middle.svg\\"/>\\n        <we-button title=\\"Aligné en bas\\" data-select-class=\\"align-items-end\\" data-img=\\"/website/static/src/img/snippets_options/align_bottom.svg\\"/>\\n        <we-button title=\\"Étirer à hauteur égale\\" data-select-class=\\"align-items-stretch\\" data-img=\\"/website/static/src/img/snippets_options/align_stretch.svg\\"/>\\n    </we-button-group>\\n</t>"}	<?xml version="1.0"?>\n<t t-name="website.vertical_alignment_option">\n    <we-button-group t-att-class="indent and 'o_we_sublevel_1'" string="Vert. Alignment" title="Vertical Alignment" data-dependencies="normal_mode">\n        <we-button title="Align Top" data-select-class="align-items-start" data-img="/website/static/src/img/snippets_options/align_top.svg"/>\n        <we-button title="Align Middle" data-select-class="align-items-center" data-img="/website/static/src/img/snippets_options/align_middle.svg"/>\n        <we-button title="Align Bottom" data-select-class="align-items-end" data-img="/website/static/src/img/snippets_options/align_bottom.svg"/>\n        <we-button title="Stretch to Equal Height" data-select-class="align-items-stretch" data-img="/website/static/src/img/snippets_options/align_stretch.svg"/>\n    </we-button-group>\n</t>\n\n	f	t	2025-07-20 21:14:37.445508	2025-07-20 21:14:37.445508	f	\N	\N	\N	\N	\N	\N	\N	\N	\N	f	f
698	16	253	1	1	snippet_options	\N	website.snippet_options	qweb	website/views/snippets/snippets.xml	primary	{"en_US": "<data inherit_id=\\"web_editor.snippet_options\\" primary=\\"True\\">\\n    <!-- =================================================================== -->\\n    <!-- Modify generic snippet options                                      -->\\n    <!-- =================================================================== -->\\n\\n    <xpath expr=\\"//we-button[@data-name='image_transform_opt']\\" position=\\"attributes\\">\\n        <attribute name=\\"data-dependencies\\">no_animation_opt</attribute>\\n    </xpath>\\n\\n    <!-- Hover effects options -->\\n    <xpath expr=\\"//div[@data-js='ImageTools']\\" position=\\"inside\\">\\n        <div id=\\"o_hover_effects_options\\">\\n            <we-select string=\\"Effect\\" class=\\"o_we_sublevel_1\\" data-attribute-name=\\"hoverEffect\\" data-set-img-shape-hover-effect=\\"true\\">\\n                <we-button data-select-data-attribute=\\"\\" data-name=\\"hover_effect_none_opt\\">None</we-button>\\n                <we-button data-select-data-attribute=\\"overlay\\" data-name=\\"hover_effect_overlay_opt\\">Overlay</we-button>\\n                <we-button data-select-data-attribute=\\"image_zoom_in\\" data-name=\\"hover_effect_zoom_in_opt\\">Zoom In</we-button>\\n                <we-button data-select-data-attribute=\\"image_zoom_out\\" data-name=\\"hover_effect_zoom_out_opt\\">Zoom Out</we-button>\\n                <we-button data-select-data-attribute=\\"dolly_zoom\\" data-name=\\"hover_effect_dolly_zoom_opt\\">Dolly Zoom</we-button>\\n                <we-button data-select-data-attribute=\\"outline\\" data-name=\\"hover_effect_outline_opt\\">Outline</we-button>\\n                <we-button data-select-data-attribute=\\"image_mirror_blur\\" data-name=\\"hover_effect_mirror_blur_opt\\">Mirror Blur</we-button>\\n            </we-select>\\n            <we-range string=\\"Intensity\\" class=\\"o_we_sublevel_2\\" data-select-data-attribute=\\"\\" data-attribute-name=\\"hoverEffectIntensity\\" data-dependencies=\\"hover_effect_zoom_in_opt, hover_effect_zoom_out_opt, hover_effect_mirror_blur_opt, hover_effect_dolly_zoom_opt\\" data-min=\\"1\\" data-max=\\"100\\" data-step=\\"1\\" data-display-range-value=\\"true\\" data-no-preview=\\"true\\"/>\\n            <we-colorpicker string=\\"Color\\" class=\\"o_we_sublevel_2\\" data-set-hover-effect-color=\\"true\\" data-excluded=\\"theme, common\\" data-dependencies=\\"hover_effect_dolly_zoom_opt, hover_effect_overlay_opt, hover_effect_zoom_in_opt, hover_effect_zoom_out_opt, hover_effect_outline_opt\\" data-no-preview=\\"true\\" data-name=\\"hover_effect_color_opt\\"/>\\n            <we-input string=\\"Stroke Width\\" class=\\"o_we_sublevel_2\\" data-select-data-attribute=\\"\\" data-attribute-name=\\"hoverEffectStrokeWidth\\" data-step=\\"1\\" data-min=\\"1\\" data-unit=\\"px\\" data-dependencies=\\"hover_effect_outline_opt\\" data-no-preview=\\"true\\"/>\\n        </div>\\n    </xpath>\\n\\n     <!-- Version control -->\\n    <xpath expr=\\"//t[@t-call='web_editor.snippet_options_version_control']\\" position=\\"replace\\">\\n        <!-- General selector defining the parent elements of s_card and s_blockquote snippets on\\n             which the card or blockquote options should be bound (instead of the snippet itself).\\n             Note: defined here to be set above all the other options that might\\n             need it. -->\\n        <t t-set=\\"card_parent_handlers\\" t-value=\\"'.s_three_columns .row &gt; div, .s_comparisons .row &gt; div, .s_cards_grid .row &gt; div, .s_cards_soft .row &gt; div, .s_product_list .row &gt; div, .s_newsletter_centered .row &gt; div, .s_company_team_spotlight .row &gt; div, .s_comparisons_horizontal .row &gt; div, .s_company_team_grid .row &gt; div, .s_company_team_card .row &gt; div, .s_carousel_cards_item'\\"/>\\n        <t t-set=\\"blockquote_parent_handlers\\" t-value=\\"'.s_reviews_wall .row &gt; div'\\"/>\\n\\n        <!-- Binding the option on the snippet if it is not a s_card or a s_blockquote with a\\n             handler parent -->\\n        <t t-call=\\"web_editor.snippet_options_version_control\\">\\n            <t t-set=\\"selector\\" t-value=\\"'[data-snippet]'\\"/>\\n            <t t-set=\\"exclude\\" t-valuef=\\"div:is(#{card_parent_handlers}) &gt; .s_card, div:is(#{blockquote_parent_handlers}) &gt; .s_blockquote\\"/>\\n        </t>\\n\\n        <!-- Binding the option on the s_card or s_blockquote handler parent -->\\n        <t t-call=\\"web_editor.snippet_options_version_control\\">\\n            <t t-set=\\"selector\\" t-valuef=\\"#{card_parent_handlers}, #{blockquote_parent_handlers}\\"/>\\n            <t t-set=\\"target\\" t-value=\\"'&gt; .s_card, &gt; .s_blockquote'\\"/>\\n        </t>\\n    </xpath>\\n\\n    <!-- Font Awesome icons -->\\n    <xpath expr=\\"//div[@data-js='FontawesomeTools']\\" position=\\"inside\\">\\n        <t t-call=\\"website.snippet_options_border_line_widgets\\">\\n            <t t-set=\\"label\\">Border</t>\\n            <t t-set=\\"with_bs_class\\" t-value=\\"True\\"/>\\n        </t>\\n    </xpath>\\n\\n    <!-- =================================================================== -->\\n    <!-- Adding website specific snippet options                             -->\\n    <!-- =================================================================== -->\\n\\n    <xpath expr=\\".\\" position=\\"inside\\">\\n\\n    <!-- H-ALIGN -->\\n    <div id=\\"so_text_align\\" data-selector=\\".s_share, .s_text_highlight, .s_social_media\\">\\n        <we-button-group string=\\"Alignment\\">\\n            <we-button class=\\"fa fa-fw fa-align-left\\" title=\\"Left\\" data-select-class=\\"text-start\\"/>\\n            <we-button class=\\"fa fa-fw fa-align-center\\" title=\\"Center\\" data-select-class=\\"text-center\\"/>\\n            <we-button class=\\"fa fa-fw fa-align-right\\" title=\\"Right\\" data-select-class=\\"text-end\\"/>\\n        </we-button-group>\\n    </div>\\n\\n    <div data-selector=\\".s_share, .s_social_media\\">\\n        <we-select string=\\"Title Position\\" data-apply-to=\\".s_share_title, .s_social_media_title\\">\\n            <we-button data-select-class=\\"d-block\\">Top</we-button>\\n            <we-button data-select-class=\\"\\">Left</we-button>\\n            <we-button data-select-class=\\"d-none\\">None</we-button>\\n        </we-select>\\n        <we-select string=\\"Layout\\" data-apply-to=\\".fa\\">\\n            <we-button data-select-class=\\"rounded shadow-sm\\">Square</we-button>\\n            <we-button data-select-class=\\"rounded-empty-circle shadow-sm\\">Circle</we-button>\\n            <we-button data-select-class=\\"rounded-circle shadow-sm\\">Disk</we-button>\\n            <we-button data-select-class=\\"fa-stack\\">None</we-button>\\n        </we-select>\\n        <we-select string=\\"Size\\" data-apply-to=\\".fa\\">\\n            <we-button data-select-class=\\"\\">Small</we-button>\\n            <we-button data-select-class=\\"fa-2x\\">Medium</we-button>\\n            <we-button data-select-class=\\"fa-3x\\">Big</we-button>\\n        </we-select>\\n        <!-- Compatibility, keep reverse logical, don't use `icon_color` -->\\n        <we-checkbox string=\\"Color\\" data-select-class=\\"no_icon_color|\\"/>\\n    </div>\\n\\n    <div id=\\"so_width\\" data-selector=\\".s_alert, .s_text_highlight\\">\\n        <we-select string=\\"Width\\">\\n            <we-button data-select-class=\\"w-25\\">25%</we-button>\\n            <we-button data-select-class=\\"w-50\\">50%</we-button>\\n            <we-button data-select-class=\\"w-75\\">75%</we-button>\\n            <we-button data-select-class=\\"w-100\\" data-name=\\"so_width_100\\">100%</we-button>\\n        </we-select>\\n    </div>\\n\\n    <div id=\\"so_block_align\\" data-selector=\\".s_alert, .s_text_highlight\\">\\n        <we-button-group string=\\"Alignment\\" data-dependencies=\\"!so_width_100\\">\\n            <we-button class=\\"fa fa-fw fa-align-left\\" title=\\"Left\\" data-select-class=\\"me-auto\\"/>\\n            <we-button class=\\"fa fa-fw fa-align-center\\" title=\\"Center\\" data-select-class=\\"mx-auto\\"/>\\n            <we-button class=\\"fa fa-fw fa-align-right\\" title=\\"Right\\" data-select-class=\\"ms-auto\\"/>\\n        </we-button-group>\\n    </div>\\n\\n    <!-- Carousel | .s_carousel | .s_quotes_carousel -->\\n    <!-- Dedicated colorpicker so that there is not 3 level of\\n         o_colored_level. Use inline-style color for the same reason. -->\\n    <t t-call=\\"website.snippet_options_background_options\\">\\n        <t t-set=\\"selector\\" t-value=\\"'section'\\"/>\\n        <t t-set=\\"target\\" t-value=\\"'&gt; .carousel:not(.s_carousel_cards)'\\"/>\\n        <t t-set=\\"with_colors\\" t-value=\\"True\\"/>\\n        <t t-set=\\"with_images\\" t-value=\\"True\\"/>\\n        <t t-set=\\"with_videos\\" t-value=\\"True\\"/>\\n        <t t-set=\\"with_shapes\\" t-value=\\"True\\"/>\\n        <t t-set=\\"with_gradients\\" t-value=\\"True\\"/>\\n        <t t-set=\\"with_color_combinations\\" t-value=\\"True\\"/>\\n    </t>\\n\\n    <t t-call=\\"website.snippet_options_carousel\\"/>\\n    <t t-call=\\"website.snippet_options_carousel_bottom_controllers\\"/>\\n\\n    <div data-js=\\"CarouselItem\\" data-selector=\\".s_carousel .carousel-item, .s_quotes_carousel .carousel-item, .s_carousel_intro .carousel-item, .s_carousel_cards .carousel-item\\">\\n        <we-button class=\\"fa fa-fw fa-angle-left\\" data-switch-to-slide=\\"left\\" data-no-preview=\\"true\\" title=\\"Move Backward\\"/>\\n        <we-button class=\\"fa fa-fw fa-angle-right me-2\\" data-switch-to-slide=\\"right\\" data-no-preview=\\"true\\" title=\\"Move Forward\\"/>\\n        <we-button class=\\"fa fa-fw fa-plus o_we_bg_success\\" data-add-slide-item=\\"true\\" data-no-preview=\\"true\\" title=\\"Add Slide\\"/>\\n        <we-button class=\\"fa fa-fw fa-minus o_we_bg_danger\\" data-remove-slide=\\"true\\" data-no-preview=\\"true\\" title=\\"Remove Slide\\"/>\\n    </div>\\n\\n    <div data-js=\\"GalleryElement\\" data-selector=\\".s_image_gallery img, .s_carousel .carousel-item, .s_quotes_carousel .carousel-item, .s_carousel_intro .carousel-item, .s_carousel_cards .carousel-item\\">\\n        <we-row string=\\"Re-order\\" data-no-preview=\\"true\\">\\n            <we-button class=\\"fa fa-fw fa-angle-double-left\\" title=\\"Move to first\\" data-position=\\"first\\"/>\\n            <we-button class=\\"fa fa-fw fa-angle-left\\" title=\\"Move to previous\\" data-position=\\"prev\\"/>\\n            <we-button class=\\"fa fa-fw fa-angle-right\\" title=\\"Move to next\\" data-position=\\"next\\"/>\\n            <we-button class=\\"fa fa-fw fa-angle-double-right\\" title=\\"Move to last\\" data-position=\\"last\\"/>\\n        </we-row>\\n    </div>\\n    <!-- Accordion -->\\n    <div data-js=\\"collapse\\" data-selector=\\".accordion &gt; .accordion-item\\" data-drop-in=\\".accordion:has(&gt; .accordion-item)\\"/>\\n\\n    <div data-js=\\"MultipleItems\\" data-selector=\\".s_accordion\\">\\n        <we-row string=\\"Items\\">\\n            <we-button data-add-item=\\"\\" data-item=\\".accordion &gt; .accordion-item:last\\" data-select-item=\\"\\" data-no-preview=\\"true\\" class=\\"o_we_bg_brand_primary\\">\\n                Add New\\n            </we-button>\\n        </we-row>\\n    </div>\\n\\n    <t t-set=\\"so_submit_button_selector\\" t-translation=\\"off\\">\\n        .s_donation_donate_btn, .s_website_form_send\\n    </t>\\n\\n    <!-- Button -->\\n    <div data-js=\\"Button\\" data-selector=\\"a.btn\\" t-att-data-exclude=\\"so_submit_button_selector\\"/>\\n\\n    <!-- Columns only -->\\n    <div data-js=\\"layout_column\\" data-selector=\\"section.s_features_grid, section.s_process_steps\\" data-target=\\"&gt; *:has(&gt; .row), &gt; .s_allow_columns\\">\\n        <t t-call=\\"website.column_count_option\\"/>\\n    </div>\\n\\n    <!-- Grid only -->\\n    <div data-js=\\"layout_column\\" data-selector=\\"section.s_masonry_block, section.s_quadrant, section.s_image_frame, section.s_card_offset, section.s_contact_info\\" data-target=\\"&gt; *:has(&gt; .row)\\">\\n        <t t-call=\\"website.grid_layout_options\\"/>\\n    </div>\\n\\n    <!-- Grid and columns -->\\n    <div data-js=\\"layout_column\\" data-selector=\\"section, section.s_carousel_wrapper .carousel-item, .s_carousel_intro_item\\" data-target=\\"&gt; *:has(&gt; .row), &gt; .s_allow_columns\\" data-exclude=\\".s_dynamic, .s_dynamic_snippet_content, .s_dynamic_snippet_title, .s_masonry_block, .s_framed_intro, .s_features_grid, .s_media_list, .s_table_of_content, .s_process_steps, .s_image_gallery, .s_pricelist_boxed, .s_quadrant, .s_pricelist_cafe, .s_faq_horizontal, .s_image_frame, .s_card_offset, .s_contact_info, .s_tabs_common, .s_floating_blocks .s_floating_blocks_block\\">\\n        <we-row>\\n            <we-button-group string=\\"Layout\\" data-no-preview=\\"true\\">\\n                <we-button data-select-layout=\\"grid\\" data-name=\\"grid_mode\\">Grid</we-button>\\n                <we-button data-select-layout=\\"normal\\" data-name=\\"normal_mode\\">Cols</we-button>\\n            </we-button-group>\\n            <t t-call=\\"website.column_count_option\\">\\n                <t t-set=\\"with_grid\\" t-value=\\"True\\"/>\\n            </t>\\n        </we-row>\\n        <t t-call=\\"website.grid_layout_options\\">\\n            <t t-set=\\"indent\\" t-value=\\"True\\"/>\\n        </t>\\n    </div>\\n\\n    <!--  Vertical Alignment -->\\n    <div data-js=\\"vAlignment\\" id=\\"row_valign_snippet_option\\" data-selector=\\".s_text_image, .s_image_text, .s_three_columns, .s_showcase, .s_numbers, .s_faq_collapse, .s_references, .s_accordion_image, .s_shape_image, .s_reviews_wall\\" data-target=\\".row\\">\\n        <t t-call=\\"website.vertical_alignment_option\\">\\n            <t t-set=\\"indent\\" t-value=\\"True\\"/>\\n        </t>\\n    </div>\\n\\n    <!-- Move snippets around -->\\n    <div data-js=\\"SnippetMove\\" data-selector=\\"section, .s_accordion .accordion-item, .s_showcase .row .row:not(.s_col_no_resize) &gt; div, .s_hr\\" data-no-scroll=\\".s_accordion .accordion-item\\">\\n        <we-button class=\\"fa fa-fw fa-angle-up\\" data-move-snippet=\\"prev\\" data-no-preview=\\"true\\" data-name=\\"move_up_opt\\"/>\\n        <we-button class=\\"fa fa-fw fa-angle-down\\" data-move-snippet=\\"next\\" data-no-preview=\\"true\\" data-name=\\"move_down_opt\\"/>\\n    </div>\\n    <div data-js=\\"SnippetMove\\" data-selector=\\".row:not(.s_col_no_resize) &gt; div, .nav-item\\" data-exclude=\\".s_showcase .row .row &gt; div\\" data-name=\\"move_horizontally_opt\\">\\n        <we-button class=\\"fa fa-fw fa-angle-left\\" data-move-snippet=\\"prev\\" data-no-preview=\\"true\\" data-name=\\"move_left_opt\\"/>\\n        <we-button class=\\"fa fa-fw fa-angle-right\\" data-move-snippet=\\"next\\" data-no-preview=\\"true\\" data-name=\\"move_right_opt\\"/>\\n    </div>\\n\\n    <!-- Background -->\\n    <t t-set=\\"only_bg_color_selector\\" t-value=\\"'section .row &gt; div, .s_text_highlight, .s_mega_menu_thumbnails_footer, .s_hr, .s_cta_badge'\\"/>\\n    <t t-set=\\"only_bg_color_exclude\\" t-valuef=\\".s_col_no_bgcolor, .s_col_no_bgcolor.row &gt; div, .s_masonry_block .row &gt; div, .s_color_blocks_2 .row &gt; div, .s_image_gallery .row &gt; div, .s_text_cover .row &gt; .o_not_editable, [data-snippet] :not(.oe_structure) &gt; .s_hr, #{card_parent_handlers}, .s_website_form_cover .row &gt; .o_not_editable, #{blockquote_parent_handlers}\\"/>\\n\\n    <t t-set=\\"base_only_bg_image_selector\\" t-value=\\"'.s_tabs_common .oe_structure &gt; *, footer .oe_structure &gt; *'\\"/>\\n    <t t-set=\\"only_bg_image_selector\\" t-value=\\"base_only_bg_image_selector\\"/>\\n    <t t-set=\\"only_bg_image_exclude\\" t-value=\\"''\\"/>\\n\\n    <t t-set=\\"both_bg_color_image_selector\\" t-value=\\"'section, .carousel-item, .s_masonry_block .row &gt; div, .s_color_blocks_2 .row &gt; div, .parallax, .s_text_cover .row &gt; .o_not_editable, .s_website_form_cover .row &gt; .o_not_editable, .s_split_intro .row &gt; .o_not_editable'\\"/>\\n    <t t-set=\\"both_bg_color_image_exclude\\" t-value=\\"base_only_bg_image_selector + ', .s_carousel_wrapper, .s_image_gallery .carousel-item, .s_google_map, .s_map, [data-snippet] :not(.oe_structure) &gt; [data-snippet], .s_masonry_block .s_col_no_resize, .s_quotes_carousel_wrapper, .s_carousel_intro_wrapper, .s_carousel_cards_item'\\"/>\\n\\n    <t t-call=\\"website.snippet_options_background_options\\">\\n        <t t-set=\\"selector\\" t-value=\\"both_bg_color_image_selector\\"/>\\n        <t t-set=\\"exclude\\" t-value=\\"both_bg_color_image_exclude\\"/>\\n        <t t-set=\\"with_colors\\" t-value=\\"True\\"/>\\n        <t t-set=\\"with_images\\" t-value=\\"True\\"/>\\n        <t t-set=\\"with_videos\\" t-value=\\"True\\"/>\\n        <t t-set=\\"with_shapes\\" t-value=\\"True\\"/>\\n        <t t-set=\\"with_color_combinations\\" t-value=\\"True\\"/>\\n        <t t-set=\\"with_gradients\\" t-value=\\"True\\"/>\\n    </t>\\n\\n    <t t-call=\\"website.snippet_options_background_options\\">\\n        <t t-set=\\"selector\\" t-value=\\"only_bg_color_selector\\"/>\\n        <t t-set=\\"exclude\\" t-value=\\"only_bg_color_exclude\\"/>\\n        <t t-set=\\"with_colors\\" t-value=\\"True\\"/>\\n        <t t-set=\\"with_images\\" t-value=\\"False\\"/>\\n        <t t-set=\\"with_color_combinations\\" t-value=\\"True\\"/>\\n        <t t-set=\\"with_gradients\\" t-value=\\"True\\"/>\\n    </t>\\n\\n    <t t-call=\\"website.snippet_options_background_options\\">\\n        <t t-set=\\"selector\\" t-value=\\"only_bg_image_selector\\"/>\\n        <t t-set=\\"exclude\\" t-value=\\"only_bg_image_exclude\\"/>\\n        <t t-set=\\"with_colors\\" t-value=\\"False\\"/>\\n        <t t-set=\\"with_images\\" t-value=\\"True\\"/>\\n        <t t-set=\\"with_videos\\" t-value=\\"True\\"/>\\n        <t t-set=\\"with_shapes\\" t-value=\\"True\\"/>\\n    </t>\\n\\n    <!-- Grid mode columns -->\\n    <div data-js=\\"GridColumns\\" data-selector=\\".row:not(.s_col_no_resize) &gt; div\\">\\n        <we-row string=\\"Padding (Y, X)\\">\\n            <we-input data-select-style=\\"\\" data-css-property=\\"--grid-item-padding-y\\" data-unit=\\"px\\" data-name=\\"grid_padding_y_opt\\"/>\\n            <we-input data-select-style=\\"\\" data-css-property=\\"--grid-item-padding-x\\" data-unit=\\"px\\" data-name=\\"grid_padding_x_opt\\"/>\\n        </we-row>\\n    </div>\\n\\n    <!-- Border | Columns -->\\n    <div data-js=\\"Box\\" data-selector=\\"section .row &gt; div\\" t-attf-data-exclude=\\".s_col_no_bgcolor, .s_col_no_bgcolor.row &gt; div, .s_image_gallery .row &gt; div, .s_masonry_block .s_col_no_resize, .s_text_cover .row &gt; .o_not_editable, #{card_parent_handlers}, #{blockquote_parent_handlers}\\">\\n        <t t-call=\\"website.snippet_options_border_widgets\\"/>\\n        <t t-call=\\"website.snippet_options_shadow_widgets\\"/>\\n    </div>\\n\\n    <div data-js=\\"sizing_y\\" data-selector=\\"section, .row &gt; div, .parallax, .s_hr, .carousel-item, .s_rating\\" data-exclude=\\"section:has(&gt; .carousel:not(.s_carousel_cards)), .s_carousel_cards_item, .s_image_gallery .carousel-item, .s_col_no_resize.row &gt; div, .s_col_no_resize\\"/>\\n\\n    <div data-js=\\"sizing_x\\" data-selector=\\".row &gt; div\\" data-drop-near=\\".row:not(.s_col_no_resize) &gt; div\\" data-exclude=\\".s_col_no_resize.row &gt; div, .s_col_no_resize\\"/>\\n\\n    <div data-js=\\"sizing_grid\\" data-selector=\\".row &gt; div\\" data-drop-near=\\".row.o_grid_mode &gt; div\\" data-exclude=\\".s_col_no_resize.row &gt; div, .s_col_no_resize\\"/>\\n\\n    <t t-set=\\"so_snippet_addition_selector\\" t-translation=\\"off\\">section, .parallax, .s_hr</t>\\n    <div id=\\"so_snippet_addition\\" t-att-data-selector=\\"so_snippet_addition_selector\\" data-drop-in=\\":not(p).oe_structure:not(.oe_structure_solo), :not(.o_mega_menu):not(p)[data-oe-type=html], :not(p).oe_structure.oe_structure_solo:not(:has(&gt; section:not(.s_snippet_group), &gt; div:not(.o_hook_drop_zone)))\\"/>\\n        <!-- /!\\\\ drop-in here is partly duplicated for s_popup (see dedicated options) -->\\n        <!-- TODO should be improved -->\\n\\n    <t t-set=\\"so_content_addition_selector\\" t-translation=\\"off\\">\\n        .s_alert, .o_facebook_page, .s_share, .s_social_media, .s_rating,\\n        .s_hr, .s_google_map, .s_map, .s_countdown, .s_chart, .s_text_highlight, .s_progress_bar, .s_badge,\\n        .s_embed_code, .s_donation, .s_add_to_cart, .s_online_appointment, .o_snippet_drop_in_only, .s_image, .s_cta_badge, .s_accordion\\n    </t>\\n\\n    <t t-set=\\"special_cards_selector\\" t-valuef=\\".s_card.s_timeline_card, div:is(#{card_parent_handlers}) &gt; .s_card\\"/>\\n    <t t-set=\\"special_blockquote_selector\\" t-valuef=\\"div:is(#{blockquote_parent_handlers}) &gt; .s_blockquote\\"/>\\n\\n    <div id=\\"so_content_addition\\" t-attf-data-selector=\\"#{so_content_addition_selector}, .s_card, .s_blockquote\\" t-attf-data-drop-near=\\"p, h1, h2, h3, ul, ol, div:not(.o_grid_item_image) &gt; img, div:not(.o_grid_item_image) &gt; a, .btn, #{so_content_addition_selector}, .s_card:not(#{special_cards_selector}), .s_blockquote:not(#{special_blockquote_selector})\\" t-attf-data-exclude=\\"#{special_cards_selector}, #{special_blockquote_selector}\\" data-drop-in=\\"nav\\"/>\\n\\n    <div data-js=\\"SnippetSave\\" data-selector=\\"[data-snippet], a.btn\\" t-attf-data-exclude=\\".o_no_save, #{so_submit_button_selector}\\">\\n        <we-button class=\\"fa fa-fw fa-save o_we_link o_we_hover_warning\\" title=\\"Save the block to use it elsewhere\\" data-save-snippet=\\"\\" data-no-preview=\\"true\\"/>\\n    </div>\\n\\n    <div data-js=\\"menu_data\\" data-selector=\\".top_menu li &gt; a, [data-content_menu_id] li &gt; a\\" data-exclude=\\".dropdown-toggle, li.o_header_menu_button a, [data-toggle], .o_offcanvas_logo\\" data-no-check=\\"true\\"/>\\n\\n    <div data-js=\\"WebsiteLevelColor\\" data-selector=\\"#wrapwrap &gt; header\\" data-no-check=\\"true\\" groups=\\"website.group_website_designer\\">\\n        <we-select string=\\"Template\\" data-variable=\\"header-template\\" data-default-variables=\\"header-links-style: default\\" data-reload=\\"/\\" data-no-preview=\\"true\\">\\n            <we-button title=\\"Default\\" data-name=\\"header_default_opt\\" data-trigger=\\"regular_header_visibility_opt\\" data-customize-website-views=\\"website.template_header_default\\" data-customize-website-variable=\\"'default'\\" data-img=\\"/website/static/src/img/snippets_options/header_template_default.svg\\"/>\\n            <we-button title=\\"Hamburger menu\\" data-name=\\"header_hamburger_opt\\" data-trigger=\\"regular_header_visibility_opt\\" data-customize-website-views=\\"website.template_header_hamburger, website.no_autohide_menu\\" data-customize-website-variable=\\"'hamburger'\\" data-img=\\"/website/static/src/img/snippets_options/header_template_hamburger.svg\\"/>\\n            <we-button title=\\"Rounded box menu\\" data-name=\\"header_boxed_opt\\" data-trigger=\\"over_content_header_visibility_opt\\" data-customize-website-views=\\"website.header_navbar_pills_style,website.template_header_boxed\\" data-customize-website-variable=\\"'boxed'\\" data-customize-website-variables=\\"header-links-style: pills\\" data-img=\\"/website/static/src/img/snippets_options/header_template_boxed.svg\\"/>\\n            <we-button title=\\"Stretch menu\\" data-name=\\"header_stretch_opt\\" data-trigger=\\"regular_header_visibility_opt\\" data-customize-website-views=\\"website.template_header_stretch\\" data-customize-website-variable=\\"'stretch'\\" data-img=\\"/website/static/src/img/snippets_options/header_template_stretch.svg\\"/>\\n            <we-button title=\\"Vertical\\" data-name=\\"header_vertical_opt\\" data-trigger=\\"regular_header_visibility_opt\\" data-customize-website-views=\\"website.template_header_vertical\\" data-customize-website-variable=\\"'vertical'\\" data-img=\\"/website/static/src/img/snippets_options/header_template_vertical.svg\\"/>\\n            <we-button title=\\"Menu with Search bar\\" data-name=\\"header_search_opt\\" data-trigger=\\"regular_header_visibility_opt\\" data-customize-website-views=\\"website.template_header_search\\" data-customize-website-variable=\\"'search'\\" data-img=\\"/website/static/src/img/snippets_options/header_template_search.svg\\"/>\\n            <we-button title=\\"Menu - Sales 1\\" data-name=\\"header_sales_one_opt\\" data-trigger=\\"regular_header_visibility_opt\\" data-customize-website-views=\\"website.template_header_sales_one\\" data-customize-website-variable=\\"'sales_one'\\" data-img=\\"/website/static/src/img/snippets_options/header_template_sales_one.svg\\"/>\\n            <we-button title=\\"Menu - Sales 2\\" data-name=\\"header_sales_two_opt\\" data-trigger=\\"regular_header_visibility_opt\\" data-customize-website-views=\\"website.template_header_sales_two\\" data-customize-website-variable=\\"'sales_two'\\" data-img=\\"/website/static/src/img/snippets_options/header_template_sales_two.svg\\"/>\\n            <we-button title=\\"Menu - Sales 3\\" data-name=\\"header_sales_three_opt\\" data-trigger=\\"regular_header_visibility_opt\\" data-customize-website-views=\\"website.template_header_sales_three\\" data-customize-website-variable=\\"'sales_three'\\" data-img=\\"/website/static/src/img/snippets_options/header_template_sales_three.svg\\"/>\\n            <we-button title=\\"Menu - Sales 4\\" data-name=\\"header_sales_four_opt\\" data-trigger=\\"regular_header_visibility_opt\\" data-customize-website-views=\\"website.template_header_sales_four\\" data-customize-website-variable=\\"'sales_four'\\" data-img=\\"/website/static/src/img/snippets_options/header_template_sales_four.svg\\"/>\\n            <we-button title=\\"Sidebar\\" data-name=\\"header_sidebar_opt\\" data-trigger=\\"regular_header_visibility_opt\\" data-customize-website-views=\\"website.template_header_sidebar, website.no_autohide_menu\\" data-customize-website-variable=\\"'sidebar'\\" data-img=\\"/website/static/src/img/snippets_options/header_template_sidebar.svg\\"/>\\n        </we-select>\\n\\n        <!-- Header Content Width - Options -->\\n        <we-button-group string=\\"Content Width\\" data-dependencies=\\"!header_sidebar_opt\\" data-no-preview=\\"true\\" data-reload=\\"/\\">\\n                <we-button title=\\"Small\\" data-img=\\"/website/static/src/img/snippets_options/content_width_small.svg\\" data-customize-website-views=\\"website.header_width_small\\"/>\\n                <we-button title=\\"Regular\\" data-img=\\"/website/static/src/img/snippets_options/content_width_normal.svg\\" data-customize-website-views=\\"\\"/>\\n                <we-button title=\\"Full\\" data-img=\\"/website/static/src/img/snippets_options/content_width_full.svg\\" data-customize-website-views=\\"website.header_width_full\\"/>\\n        </we-button-group>\\n\\n        <!-- Header Sidebar Template - Options -->\\n        <we-input string=\\"Width\\" class=\\"o_we_sublevel_1\\" data-dependencies=\\"header_sidebar_opt\\" data-customize-website-variable=\\"null\\" data-variable=\\"sidebar-width\\" data-unit=\\"px\\" data-save-unit=\\"rem\\"/>\\n\\n        <we-row string=\\"Background\\">\\n            <we-colorpicker data-customize-website-color=\\"\\" data-color=\\"menu\\" data-customize-website-layer2-color=\\"\\" data-layer-color=\\"menu-custom\\" data-layer-gradient=\\"menu-gradient\\" data-no-bundle-reload=\\"true\\" data-null-value=\\"'NULL'\\" data-with-combinations=\\"customizeWebsiteColor\\" data-with-gradients=\\"true\\"/>\\n            <we-colorpicker data-dependencies=\\"header_sales_one_opt\\" data-customize-website-color=\\"\\" data-color=\\"header-sales_one\\" data-customize-website-layer2-color=\\"\\" data-layer-color=\\"header-sales_one-custom\\" data-layer-gradient=\\"menu-secondary-gradient\\" data-no-bundle-reload=\\"true\\" data-null-value=\\"'NULL'\\" data-with-combinations=\\"customizeWebsiteColor\\" data-with-gradients=\\"true\\"/>\\n            <we-colorpicker data-dependencies=\\"header_sales_two_opt\\" data-customize-website-color=\\"\\" data-color=\\"header-sales_two\\" data-customize-website-layer2-color=\\"\\" data-layer-color=\\"header-sales_two-custom\\" data-layer-gradient=\\"menu-secondary-gradient\\" data-no-bundle-reload=\\"true\\" data-null-value=\\"'NULL'\\" data-with-combinations=\\"customizeWebsiteColor\\" data-with-gradients=\\"true\\"/>\\n            <we-colorpicker data-dependencies=\\"header_sales_three_opt\\" data-customize-website-color=\\"\\" data-color=\\"header-sales_three\\" data-customize-website-layer2-color=\\"\\" data-layer-color=\\"header-sales_three-custom\\" data-layer-gradient=\\"menu-secondary-gradient\\" data-no-bundle-reload=\\"true\\" data-null-value=\\"'NULL'\\" data-with-combinations=\\"customizeWebsiteColor\\" data-with-gradients=\\"true\\"/>\\n            <we-colorpicker data-dependencies=\\"header_sales_four_opt\\" data-customize-website-color=\\"\\" data-color=\\"header-sales_four\\" data-customize-website-layer2-color=\\"\\" data-layer-color=\\"header-sales_four-custom\\" data-layer-gradient=\\"menu-secondary-gradient\\" data-no-bundle-reload=\\"true\\" data-null-value=\\"'NULL'\\" data-with-combinations=\\"customizeWebsiteColor\\" data-with-gradients=\\"true\\"/>\\n        </we-row>\\n    </div>\\n\\n    <!-- Header - Borders & Shadows -->\\n    <div data-js=\\"HeaderBox\\" id=\\"option_header_shadow\\" data-selector=\\"#wrapwrap &gt; header:not(:has(.o_header_force_no_radius))\\" data-target=\\"nav\\" data-no-check=\\"true\\" groups=\\"website.group_website_designer\\">\\n        <t t-call=\\"website.snippet_options_header_box\\"/>\\n    </div>\\n\\n    <div data-js=\\"HeaderBox\\" id=\\"option_header_shadow\\" data-selector=\\"#wrapwrap &gt; header:has(.o_header_force_no_radius)\\" data-target=\\"nav\\" data-no-check=\\"true\\" groups=\\"website.group_website_designer\\">\\n        <t t-call=\\"website.snippet_options_header_box\\">\\n            <t t-set=\\"_no_border_radius\\" t-value=\\"True\\"/>\\n        </t>\\n    </div>\\n\\n    <div data-selector=\\"#wrapwrap &gt; header\\" data-no-check=\\"true\\" groups=\\"website.group_website_designer\\">\\n\\n        <we-select string=\\"Scroll Effect\\" data-dependencies=\\"!header_sidebar_opt\\" class=\\"o_scroll_effects_selector\\" data-variable=\\"header-scroll-effect\\">\\n            <t t-set=\\"header_effect_standard_label\\">Standard</t>\\n            <t t-set=\\"header_effect_scroll_label\\">Scroll</t>\\n            <t t-set=\\"header_effect_fixed_label\\">Fixed</t>\\n            <t t-set=\\"header_effect_disappears_label\\">Disappears</t>\\n            <t t-set=\\"header_effect_fadeout_label\\">Fade Out</t>\\n            <we-button id=\\"option_header_visibility_standard\\" t-att-data-select-label=\\"header_effect_standard_label\\" class=\\"o_we_img_animate\\" data-customize-website-variable=\\"'standard'\\" data-name=\\"header_visibility_standard_opt\\" data-select-class=\\"o_header_standard\\" data-customize-website-views=\\"website.header_visibility_standard\\" data-img=\\"/website/static/src/img/snippets_options/header_effect_standard.png\\">\\n                <span t-esc=\\"header_effect_standard_label\\"/>\\n            </we-button>\\n            <we-button id=\\"option_header_effect_scroll\\" t-att-data-select-label=\\"header_effect_scroll_label\\" class=\\"o_we_img_animate\\" data-customize-website-variable=\\"'scroll'\\" data-name=\\"header_effect_scroll_opt\\" data-select-class=\\"\\" data-customize-website-views=\\"\\" data-img=\\"/website/static/src/img/snippets_options/header_effect_scroll.png\\">\\n                <span t-esc=\\"header_effect_scroll_label\\"/>\\n            </we-button>\\n            <we-button id=\\"option_header_effect_fixed\\" t-att-data-select-label=\\"header_effect_fixed_label\\" class=\\"o_we_img_animate\\" data-customize-website-variable=\\"'fixed'\\" data-name=\\"header_effect_fixed_opt\\" data-select-class=\\"o_header_fixed\\" data-customize-website-views=\\"website.header_visibility_fixed\\" data-img=\\"/website/static/src/img/snippets_options/header_effect_fixed.png\\">\\n                <span t-esc=\\"header_effect_fixed_label\\"/>\\n            </we-button>\\n            <we-button id=\\"option_header_effect_disappears\\" t-att-data-select-label=\\"header_effect_disappears_label\\" class=\\"o_we_img_animate\\" data-customize-website-variable=\\"'disappears'\\" data-name=\\"header_effect_disappears_opt\\" data-select-class=\\"o_header_disappears\\" data-customize-website-views=\\"website.header_visibility_disappears\\" data-img=\\"/website/static/src/img/snippets_options/header_effect_disappears.png\\">\\n                <span t-esc=\\"header_effect_disappears_label\\"/>\\n            </we-button>\\n            <we-button id=\\"option_header_effect_fade_out\\" t-att-data-select-label=\\"header_effect_fadeout_label\\" class=\\"o_we_img_animate\\" data-customize-website-variable=\\"'fade-out'\\" data-name=\\"header_effect_fade_out_opt\\" data-select-class=\\"o_header_fade_out\\" data-customize-website-views=\\"website.header_visibility_fade_out\\" data-img=\\"/website/static/src/img/snippets_options/header_effect_fade_out.png\\">\\n               <span t-esc=\\"header_effect_fadeout_label\\"/>\\n            </we-button>\\n        </we-select>\\n    </div>\\n\\n    <div data-js=\\"TopMenuVisibility\\" data-selector=\\"[data-main-object]:has(input.o_page_option_data[name='header_visible']) #wrapwrap &gt; header\\" data-no-check=\\"true\\">\\n        <we-select string=\\"Header Position\\" data-no-preview=\\"true\\" data-dependencies=\\"!header_sidebar_opt\\">\\n            <we-button data-name=\\"over_content_header_visibility_opt\\" data-visibility=\\"transparent\\">Over The Content</we-button>\\n            <we-button data-name=\\"regular_header_visibility_opt\\" data-visibility=\\"regular\\">Regular</we-button>\\n            <we-button data-visibility=\\"hidden\\">Hidden</we-button>\\n        </we-select>\\n    </div>\\n\\n    <div data-js=\\"topMenuColor\\" data-selector=\\"[data-main-object]:has(input.o_page_option_data[name='header_color']):has(input.o_page_option_data[name='header_text_color']) #wrapwrap &gt; header\\" data-no-check=\\"true\\">\\n        <we-colorpicker string=\\"Background\\" class=\\"o_we_sublevel_1\\" id=\\"option_header_transparent_color\\" data-select-style=\\"true\\" data-prevent-important=\\"true\\" data-css-property=\\"background-color\\" data-color-prefix=\\"bg-\\" data-excluded=\\"theme, common\\" data-page-option-name=\\"header_color\\"/>\\n        <we-colorpicker string=\\"Text Color\\" class=\\"o_we_sublevel_1\\" id=\\"option_header_transparent_text_color\\" data-select-style=\\"true\\" data-css-property=\\"color\\" data-color-prefix=\\"text-\\" data-page-option-name=\\"header_text_color\\"/>\\n    </div>\\n\\n    <div data-js=\\"HeaderElements\\" data-selector=\\"#wrapwrap &gt; header\\" data-no-check=\\"true\\" groups=\\"website.group_website_designer\\">\\n        <we-row string=\\"Elements\\" class=\\"o_we_full_row align-items-start\\">\\n            <we-button title=\\"Show/hide text element\\" class=\\"d-flex justify-content-center flex-grow-1\\" data-img=\\"/website/static/src/img/snippets_options/header_extra_element_text.svg\\" data-customize-website-views=\\"website.header_text_element\\" data-reset-view-arch=\\"true\\" data-reload=\\"/\\"/>\\n            <we-button title=\\"Show/hide language selector\\" class=\\"fa fa-flag d-flex justify-content-center flex-grow-1\\" data-name=\\"header_language_selector_opt\\" data-customize-website-views=\\"website.header_language_selector\\" data-reset-view-arch=\\"true\\" data-reload=\\"/\\"/>\\n            <we-button title=\\"Show/hide search bar\\" class=\\"fa fa-search d-flex justify-content-center flex-grow-1\\" data-customize-website-views=\\"website.header_search_box\\" data-reset-view-arch=\\"true\\" data-reload=\\"/\\"/>\\n            <we-button title=\\"Show/hide sign in button\\" class=\\"fa fa-sign-in d-flex justify-content-center flex-grow-1\\" data-customize-website-views=\\"portal.user_sign_in\\" data-reload=\\"/\\" data-no-preview=\\"true\\"/>\\n        </we-row>\\n        <we-row string=\\" \\" class=\\"o_we_full_row align-items-start mt-1\\">\\n            <we-button title=\\"Show/hide social links\\" class=\\"flex-grow-1 d-flex justify-content-center\\" data-img=\\"/website/static/src/img/snippets_options/header_extra_element_social.svg\\" data-customize-website-views=\\"website.header_social_links\\" data-reset-view-arch=\\"true\\" data-reload=\\"/\\"/>\\n            <we-button title=\\"Show/hide button\\" class=\\"flex-grow-1 d-flex justify-content-center\\" data-img=\\"/website/static/src/img/snippets_options/header_extra_element_cta.svg\\" data-customize-website-views=\\"website.header_call_to_action\\" data-reset-view-arch=\\"true\\" data-reload=\\"/\\"/>\\n            <we-button title=\\"Show/hide logo\\" class=\\"flex-grow-1 d-flex justify-content-center\\" data-img=\\"/website/static/src/img/snippets_options/header_extra_element_logo.svg\\" data-customize-website-views=\\"|website.option_header_brand_name|website.option_header_brand_logo\\" data-reset-view-arch=\\"true\\" data-reload=\\"/\\"/>\\n        </we-row>\\n    </div>\\n\\n    <!-- Header > Navbar Options -->\\n    <div data-js=\\"HeaderNavbar\\" data-selector=\\"#wrapwrap &gt; header nav.navbar\\" data-no-check=\\"true\\" groups=\\"website.group_website_designer\\">\\n\\n        <we-select data-variable=\\"hamburger-position\\" data-reload=\\"/\\" string=\\"Desktop Alignment\\" data-dependencies=\\"header_sidebar_opt, header_hamburger_opt\\">\\n            <we-button data-customize-website-variable=\\"'left'\\" data-customize-website-views=\\"\\">Left</we-button>\\n            <we-button data-customize-website-variable=\\"'right'\\" data-customize-website-views=\\"website.template_header_hamburger_align_right\\">Right</we-button>\\n        </we-select>\\n\\n        <we-select string=\\"Mobile Alignment\\" data-name=\\"header_mobile_alignment_opt\\" data-variable=\\"hamburger-position-mobile\\" data-reload=\\"/\\">\\n            <we-button data-customize-website-variable=\\"'right'\\" data-customize-website-views=\\"\\">Right</we-button>\\n            <we-button data-customize-website-variable=\\"'left'\\" data-customize-website-views=\\"website.template_header_mobile_position_left\\">Left</we-button>\\n        </we-select>\\n\\n        <we-fontfamilypicker string=\\"Font\\" data-variable=\\"navbar-font\\"/>\\n\\n        <we-row string=\\"Format\\" class=\\"o_we_header_font_row\\">\\n            <we-input data-customize-website-variable=\\"null\\" data-variable=\\"header-font-size\\" data-unit=\\"px\\" data-save-unit=\\"rem\\"/>\\n            <we-colorpicker data-variable=\\"header-text-color\\" data-customize-website-variable=\\"\\"/>\\n            <!-- Generic alignment option controling all the template at once. -->\\n            <!-- Currently needed to be this way as the SCSS variable controls -->\\n            <!-- the mobile alignement which is the same for all templates. -->\\n            <we-select class=\\"o_we_icon_select\\" data-name=\\"header_alignment_opt\\" data-reload=\\"/\\" title=\\"Alignment\\" data-dependencies=\\"header_default_opt, header_hamburger_opt, header_boxed_opt, header_stretch_opt, header_search_opt, header_sales_one_opt, header_sales_two_opt, header_sales_four_opt, header_sidebar_opt\\">\\n                <we-button data-customize-website-views=\\"\\" data-icon=\\"fa-align-left\\"/>\\n                <we-button data-customize-website-views=\\"website.template_header_mobile_align_center, website.template_header_hamburger_mobile_align_center, website.template_header_default_align_center, website.template_header_boxed_align_center, website.template_header_stretch_align_center, website.template_header_search_align_center, website.template_header_sales_one_align_center, website.template_header_sales_two_align_center, website.template_header_sales_four_align_center, website.template_header_sidebar_align_center\\" data-icon=\\"fa-align-center\\"/>\\n                <we-button data-customize-website-views=\\"website.template_header_mobile_align_right, website.template_header_hamburger_mobile_align_right, website.template_header_default_align_right, website.template_header_boxed_align_right, website.template_header_stretch_align_right, website.template_header_search_align_right, website.template_header_sales_one_align_right, website.template_header_sales_two_align_right, website.template_header_sales_four_align_right, website.template_header_sidebar_align_right\\" data-icon=\\"fa-align-right\\"/>\\n            </we-select>\\n        </we-row>\\n\\n        <we-select string=\\"Links Style\\" data-variable=\\"header-links-style\\" data-reload=\\"/\\" data-dependencies=\\"header_default_opt, header_boxed_opt, header_vertical_opt, header_search_opt, header_sales_one_opt, header_sales_two_opt, header_sales_three_opt, header_sales_four_opt\\">\\n            <we-button data-name=\\"option_header_navbar_links_default\\" data-customize-website-views=\\"\\" data-customize-website-variable=\\"'default'\\">Default</we-button>\\n            <we-button data-name=\\"option_header_navbar_links_fill\\" data-customize-website-views=\\"website.header_navbar_pills_style\\" data-customize-website-variable=\\"'fill'\\">Fill</we-button>\\n            <we-button data-name=\\"option_header_navbar_links_outline\\" data-customize-website-views=\\"\\" data-customize-website-variable=\\"'outline'\\">Outline</we-button>\\n            <we-button data-name=\\"option_header_navbar_links_pills\\" data-customize-website-views=\\"website.header_navbar_pills_style\\" data-customize-website-variable=\\"'pills'\\">Pills</we-button>\\n            <we-button data-name=\\"option_header_navbar_block\\" data-customize-website-views=\\"website.header_navbar_pills_style\\" data-customize-website-variable=\\"'block'\\">Block</we-button>\\n            <we-button data-name=\\"option_header_navbar_border_bottom\\" data-customize-website-views=\\"\\" data-customize-website-variable=\\"'border-bottom'\\">Border Bottom</we-button>\\n        </we-select>\\n\\n        <we-select string=\\"Additional colors\\" data-reload=\\"/\\">\\n            <we-button data-customize-website-views=\\"\\">Default</we-button>\\n            <we-button data-customize-website-views=\\"website.template_header_additional_color_primary\\">Primary</we-button>\\n            <we-button data-customize-website-views=\\"website.template_header_additional_color_secondary\\">Secondary</we-button>\\n        </we-select>\\n\\n        <we-select id=\\"option_header_dropdown\\" string=\\"Sub Menus\\" data-dependencies=\\"!header_hamburger_opt\\" data-no-preview=\\"true\\">\\n            <we-button data-select-class=\\"o_hoverable_dropdown\\" data-customize-website-views=\\"website.header_hoverable_dropdown\\">On Hover</we-button>\\n            <we-button data-select-class=\\"\\" data-name=\\"header_dropdown_on_click_opt\\">On Click</we-button>\\n        </we-select>\\n    </div>\\n\\n    <div data-selector=\\"#wrapwrap &gt; header nav.navbar .o_header_language_selector\\" data-no-check=\\"true\\" groups=\\"website.group_website_designer\\">\\n        <we-select string=\\"Style\\" data-reload=\\"/\\">\\n            <we-button data-customize-website-views=\\"website.header_language_selector\\">Dropdown</we-button>\\n            <we-button data-customize-website-views=\\"website.header_language_selector, website.header_language_selector_inline\\">Inline</we-button>\\n        </we-select>\\n        <we-select string=\\"Label\\" class=\\"o_we_sublevel_1\\" data-reload=\\"/\\" data-no-preview=\\"true\\">\\n            <we-button data-customize-website-views=\\"\\">Text</we-button>\\n            <we-button data-customize-website-views=\\"website.header_language_selector_flag, website.header_language_selector_no_text\\">Flag</we-button>\\n            <we-button data-customize-website-views=\\"website.header_language_selector_flag\\">Flag and Text</we-button>\\n            <we-button data-customize-website-views=\\"website.header_language_selector_code, website.header_language_selector_no_text\\">Code</we-button>\\n            <we-button data-customize-website-views=\\"website.header_language_selector_flag, website.header_language_selector_code, website.header_language_selector_no_text\\">Flag and Code</we-button>\\n        </we-select>\\n    </div>\\n\\n    <div data-selector=\\"#wrapwrap &gt; header nav.navbar .navbar-brand\\" data-no-check=\\"true\\" groups=\\"website.group_website_designer\\">\\n        <we-select string=\\"Logo\\" data-reload=\\"/\\">\\n            <we-button data-customize-website-views=\\"\\" data-name=\\"option_header_brand_none\\">None</we-button>\\n            <we-button data-customize-website-views=\\"website.option_header_brand_name\\">Text</we-button>\\n            <we-button data-customize-website-views=\\"website.option_header_brand_logo\\">Image</we-button>\\n        </we-select>\\n        <we-input string=\\"Height\\" class=\\"o_we_sublevel_1\\" data-dependencies=\\"!option_header_brand_none\\" data-customize-website-variable=\\"null\\" data-variable=\\"logo-height\\" data-unit=\\"px\\" data-save-unit=\\"rem\\"/>\\n        <we-input string=\\"Height (Scrolled)\\" class=\\"o_we_sublevel_1\\" data-name=\\"option_logo_height_scrolled\\" data-customize-website-variable=\\"null\\" data-variable=\\"fixed-logo-height\\" data-unit=\\"px\\" data-save-unit=\\"rem\\" data-dependencies=\\"!header_effect_scroll_opt\\"/>\\n    </div>\\n\\n    <!-- Footer - Layouts -->\\n    <div data-js=\\"FooterTemplateSelector\\" data-selector=\\"#wrapwrap &gt; footer\\" data-no-check=\\"true\\" groups=\\"website.group_website_designer\\">\\n        <we-select string=\\"Template\\" data-variable=\\"footer-template\\" data-reload=\\"/\\">\\n            <we-button title=\\"Default\\" data-customize-website-views=\\"website.footer_custom\\" data-customize-website-variable=\\"'default'\\" data-img=\\"/website/static/src/img/snippets_options/footer_template_default.svg\\"/>\\n            <we-button title=\\"Descriptive\\" data-customize-website-views=\\"website.template_footer_descriptive\\" data-customize-website-variable=\\"'descriptive'\\" data-img=\\"/website/static/src/img/snippets_options/footer_template_descriptive.svg\\"/>\\n            <we-button title=\\"Centered\\" data-customize-website-views=\\"website.template_footer_centered\\" data-customize-website-variable=\\"'centered'\\" data-img=\\"/website/static/src/img/snippets_options/footer_template_centered.svg\\"/>\\n            <we-button title=\\"Links\\" data-customize-website-views=\\"website.template_footer_links\\" data-customize-website-variable=\\"'links'\\" data-img=\\"/website/static/src/img/snippets_options/footer_template_links.svg\\"/>\\n            <we-button title=\\"Minimalist\\" data-customize-website-views=\\"website.template_footer_minimalist\\" data-customize-website-variable=\\"'minimalist'\\" data-img=\\"/website/static/src/img/snippets_options/footer_template_minimalist.svg\\"/>\\n            <we-button title=\\"Contact\\" data-customize-website-views=\\"website.template_footer_contact\\" data-customize-website-variable=\\"'contact'\\" data-img=\\"/website/static/src/img/snippets_options/footer_template_contact.svg\\"/>\\n            <we-button title=\\"Call-to-action\\" data-customize-website-views=\\"website.template_footer_call_to_action\\" data-customize-website-variable=\\"'call_to_action'\\" data-img=\\"/website/static/src/img/snippets_options/footer_template_call_to_action.svg\\"/>\\n            <we-button title=\\"Headline\\" data-customize-website-views=\\"website.template_footer_headline\\" data-customize-website-variable=\\"'headline'\\" data-img=\\"/website/static/src/img/snippets_options/footer_template_headline.svg\\"/>\\n        </we-select>\\n    </div>\\n\\n    <!-- Footer Content Width -->\\n    <div data-js=\\"ContainerWidthFooter\\" data-selector=\\"#wrapwrap &gt; footer\\" data-no-check=\\"true\\" groups=\\"website.group_website_designer\\">\\n        <we-button-group string=\\"Content Width\\" data-reload=\\"/\\" data-no-preview=\\"false\\" data-apply-to=\\"&gt; #footer &gt; section &gt; .container, &gt; #footer &gt; section &gt; .container-fluid, &gt; #footer &gt; section &gt; .o_container_small, .o_footer_copyright &gt; .container, .o_footer_copyright &gt; .container-fluid, .o_footer_copyright &gt; .o_container_small\\">\\n            <we-button title=\\"Small\\" data-img=\\"/website/static/src/img/snippets_options/content_width_small.svg\\" data-select-class=\\"o_container_small\\" data-customize-website-views=\\"website.footer_copyright_content_width_small\\"/>\\n            <we-button title=\\"Regular\\" data-img=\\"/website/static/src/img/snippets_options/content_width_normal.svg\\" data-select-class=\\"container\\"/>\\n            <we-button Title=\\"Full\\" data-img=\\"/website/static/src/img/snippets_options/content_width_full.svg\\" data-select-class=\\"container-fluid\\" data-customize-website-views=\\"website.footer_copyright_content_width_fluid\\"/>\\n        </we-button-group>\\n    </div>\\n\\n    <!-- Footer - Colors & Copyright -->\\n    <div data-js=\\"WebsiteLevelColor\\" data-selector=\\"#wrapwrap &gt; footer\\" data-no-check=\\"true\\" groups=\\"website.group_website_designer\\">\\n\\n        <!-- Colors -->\\n        <we-colorpicker string=\\"Colors\\" data-customize-website-color=\\"\\" data-color=\\"footer\\" data-customize-website-layer2-color=\\"\\" data-layer-color=\\"footer-custom\\" data-layer-gradient=\\"footer-gradient\\" data-no-bundle-reload=\\"true\\" data-null-value=\\"'NULL'\\" data-with-combinations=\\"customizeWebsiteColor\\" data-with-gradients=\\"true\\"/>\\n        <we-select string=\\"Slideout Effect\\" data-variable=\\"footer-effect\\" data-reload=\\"/\\">\\n            <we-button string=\\"Regular\\" data-customize-website-views=\\"\\" data-customize-website-variable=\\"\\"/>\\n            <we-button string=\\"Slide Hover\\" data-customize-website-views=\\"website.template_footer_slideout\\" data-customize-website-variable=\\"'slideout_slide_hover'\\"/>\\n            <we-button string=\\"Shadow\\" data-customize-website-views=\\"website.template_footer_slideout\\" data-customize-website-variable=\\"'slideout_shadow'\\"/>\\n        </we-select>\\n\\n        <!-- Copyright -->\\n        <we-checkbox string=\\"Copyright\\" data-name=\\"footer_copyright_opt\\" data-customize-website-views=\\"website.footer_no_copyright|\\" data-no-preview=\\"true\\" data-reload=\\"/\\"/>\\n    </div>\\n\\n    <!-- Footer - Borders & Shadows -->\\n    <div data-js=\\"Box\\" data-selector=\\"#wrapwrap &gt; footer\\" data-target=\\"#footer\\" data-no-check=\\"true\\" groups=\\"website.group_website_designer\\">\\n        <t t-call=\\"website.snippet_options_border_widgets\\"/>\\n        <t t-call=\\"website.snippet_options_shadow_widgets\\"/>\\n    </div>\\n\\n    <!-- Scroll to Top -->\\n    <div data-selector=\\"#wrapwrap &gt; footer\\" data-no-check=\\"true\\" groups=\\"website.group_website_designer\\">\\n        <we-row string=\\"Scroll Top Button\\">\\n            <we-checkbox data-name=\\"footer_scrolltop_opt\\" data-customize-website-views=\\"website.option_footer_scrolltop\\" data-customize-website-variable=\\"false|true\\" data-variable=\\"footer-scrolltop\\" data-reload=\\"/\\"/>\\n            <we-select data-dependencies=\\"footer_scrolltop_opt\\" data-apply-to=\\"#o_footer_scrolltop_wrapper\\">\\n                <we-button string=\\"Left\\" data-select-class=\\"justify-content-start\\"/>\\n                <we-button string=\\"Center\\" data-select-class=\\"justify-content-center\\"/>\\n                <we-button string=\\"Right\\" data-select-class=\\"justify-content-end\\"/>\\n            </we-select>\\n        </we-row>\\n    </div>\\n\\n    <div data-js=\\"HideFooter\\" data-selector=\\"[data-main-object]:has(input.o_page_option_data[name='footer_visible']) #wrapwrap &gt; footer\\" data-no-check=\\"true\\" groups=\\"website.group_website_designer\\">\\n        <we-checkbox string=\\"Page Visibility\\" data-name=\\"hide_footer_page_opt\\" data-visibility=\\"hidden|shown\\" data-no-preview=\\"true\\"/>\\n    </div>\\n\\n    <!-- Copyright -->\\n    <div data-js=\\"WebsiteLevelColor\\" data-selector=\\".o_footer_copyright\\" data-no-check=\\"true\\" groups=\\"website.group_website_designer\\">\\n        <we-colorpicker string=\\"Colors\\" data-customize-website-color=\\"\\" data-color=\\"copyright\\" data-customize-website-layer2-color=\\"\\" data-layer-color=\\"copyright-custom\\" data-layer-gradient=\\"copyright-gradient\\" data-no-bundle-reload=\\"true\\" data-null-value=\\"'NULL'\\" data-with-combinations=\\"customizeWebsiteColor\\" data-with-gradients=\\"true\\"/>\\n        <we-select data-name=\\"footer_language_selector_opt\\" string=\\"Language Selector\\" data-reload=\\"/\\" data-no-preview=\\"true\\">\\n            <we-button data-name=\\"language_selector_none_opt\\" data-customize-website-views=\\"\\">None</we-button>\\n            <we-button data-customize-website-views=\\"portal.footer_language_selector\\">Dropdown</we-button>\\n            <we-button data-customize-website-views=\\"portal.footer_language_selector, website.footer_language_selector_inline\\">Inline</we-button>\\n        </we-select>\\n        <we-select data-name=\\"footer_language_selector_label_opt\\" string=\\"Label\\" class=\\"o_we_sublevel_1\\" data-dependencies=\\"!language_selector_none_opt\\" data-reload=\\"/\\" data-no-preview=\\"true\\">\\n            <we-button data-customize-website-views=\\"\\">Text</we-button>\\n            <we-button data-customize-website-views=\\"website.footer_language_selector_flag, website.footer_language_selector_no_text\\">Flag</we-button>\\n            <we-button data-customize-website-views=\\"website.footer_language_selector_flag\\">Flag and Text</we-button>\\n            <we-button data-customize-website-views=\\"website.footer_language_selector_code, website.footer_language_selector_no_text\\">Code</we-button>\\n            <we-button data-customize-website-views=\\"website.footer_language_selector_flag, website.footer_language_selector_code, website.footer_language_selector_no_text\\">Flag and Code</we-button>\\n        </we-select>\\n    </div>\\n\\n    <!-- Anchor Name -->\\n    <div data-js=\\"anchor\\" data-selector=\\":not(p).oe_structure &gt; *, :not(p)[data-oe-type=html] &gt; *\\" data-exclude=\\".modal *, .oe_structure .oe_structure *, [data-oe-type=html] .oe_structure *, .s_popup\\">\\n        <we-button class=\\"fa fa-fw fa-link o_we_link\\" title=\\"Create a link to target this section\\" data-no-preview=\\"true\\"/>\\n    </div>\\n\\n    <div data-js=\\"anchor\\" data-selector=\\".s_popup\\" data-target=\\".modal\\">\\n    </div>\\n\\n    <!-- Mega Menu settings -->\\n    <div data-js=\\"MegaMenuLayout\\" data-selector=\\".o_mega_menu\\">\\n        <we-select string=\\"Template\\" data-name=\\"mega_menu_template_opt\\">\\n            <we-button data-select-label.translate=\\"Multi Menus\\" data-select-template=\\"website.s_mega_menu_multi_menus\\" data-img=\\"/website/static/src/img/snippets_thumbs/s_mega_menu_multi_menus.svg\\">Multi Menus</we-button>\\n            <we-button data-select-label.translate=\\"Image Menu\\" data-select-template=\\"website.s_mega_menu_menu_image_menu\\" data-img=\\"/website/static/src/img/snippets_thumbs/s_mega_menu_menu_image_menu.svg\\">Image Menu</we-button>\\n            <we-button data-select-label.translate=\\"Odoo Menu\\" data-select-template=\\"website.s_mega_menu_odoo_menu\\" data-img=\\"/website/static/src/img/snippets_thumbs/s_mega_menu_odoo_menu.svg\\">Odoo Menu</we-button>\\n            <we-button data-select-label.translate=\\"Little Icons\\" data-select-template=\\"website.s_mega_menu_little_icons\\" data-img=\\"/website/static/src/img/snippets_thumbs/s_mega_menu_little_icons.svg\\">Little Icons</we-button>\\n            <we-button data-select-label.translate=\\"Big Icons Subtitles\\" data-select-template=\\"website.s_mega_menu_big_icons_subtitles\\" data-img=\\"/website/static/src/img/snippets_thumbs/s_mega_menu_big_icons_subtitles.svg\\">Big Icons Subtitles</we-button>\\n            <we-button data-select-label.translate=\\"Images Subtitles\\" data-select-template=\\"website.s_mega_menu_images_subtitles\\" data-img=\\"/website/static/src/img/snippets_thumbs/s_mega_menu_images_subtitles.svg\\">Images Subtitles</we-button>\\n            <we-button data-select-label.translate=\\"Logos\\" data-select-template=\\"website.s_mega_menu_menus_logos\\" data-img=\\"/website/static/src/img/snippets_thumbs/s_mega_menu_menus_logos.svg\\">Logos</we-button>\\n            <we-button data-select-label.translate=\\"Thumbnails\\" data-select-template=\\"website.s_mega_menu_thumbnails\\" data-img=\\"/website/static/src/img/snippets_thumbs/s_mega_menu_thumbnails.svg\\">Thumbnails</we-button>\\n            <we-button data-select-label.translate=\\"Cards\\" data-select-template=\\"website.s_mega_menu_cards\\" data-img=\\"/website/static/src/img/snippets_thumbs/s_mega_menu_cards.svg\\">Cards</we-button>\\n        </we-select>\\n        <we-select string=\\"Size\\">\\n            <we-button data-select-class=\\"\\">Full-Width</we-button>\\n            <we-button data-select-class=\\"o_mega_menu_container_size\\">Narrow</we-button>\\n        </we-select>\\n    </div>\\n\\n    <div data-js=\\"MegaMenuNoDelete\\" data-selector=\\".o_mega_menu &gt; section\\"/>\\n\\n    <div data-selector=\\".o_mega_menu .nav &gt; .nav-link\\" data-drop-in=\\".o_mega_menu nav\\" data-drop-near=\\".o_mega_menu .nav-link\\"/>\\n\\n    <div data-js=\\"CoverProperties\\" data-selector=\\".o_record_cover_container\\" data-no-check=\\"true\\">\\n        <we-row string=\\"Background\\" class=\\"o_we_full_row\\">\\n            <t t-call=\\"web_editor.snippet_options_background_color_widget\\">\\n                <t t-set=\\"with_color_combinations\\" t-value=\\"True\\"/>\\n                <t t-set=\\"with_gradients\\" t-value=\\"True\\"/>\\n            </t>\\n            <we-button-group class=\\"ms-auto\\">\\n                <we-imagepicker title=\\"Image\\" data-background=\\"\\" data-button-style=\\"true\\"/>\\n                <we-button class=\\"fa fa-fw fa-ban\\" title=\\"None\\" data-background=\\"\\">\\n                </we-button>\\n            </we-button-group>\\n        </we-row>\\n        <we-select string=\\"Size\\" data-name=\\"size_opt\\" data-cover-opt-name=\\"size\\">\\n            <we-button data-select-class=\\"o_full_screen_height\\">Full Screen</we-button>\\n            <we-button class=\\"o_record_cover_opt_size_default\\" data-select-class=\\"o_half_screen_height\\">Half Screen</we-button>\\n            <we-button data-select-class=\\"cover_auto\\">Fit text</we-button>\\n        </we-select>\\n        <we-select string=\\"Filter Intensity\\" data-name=\\"filters_opt\\" data-cover-opt-name=\\"filters\\">\\n            <we-button data-filter-value=\\"0.0\\">None</we-button>\\n            <we-button data-filter-value=\\"0.2\\">Low</we-button>\\n            <we-button data-filter-value=\\"0.4\\">Medium</we-button>\\n            <we-button data-filter-value=\\"0.6\\">High</we-button>\\n        </we-select>\\n        <we-select string=\\"Text Alignment\\" data-name=\\"text_align_opt\\" data-cover-opt-name=\\"text_align\\">\\n            <we-button data-select-class=\\"\\">Left</we-button>\\n            <we-button data-select-class=\\"text-center\\">Centered</we-button>\\n            <we-button data-select-class=\\"text-end\\">Right</we-button>\\n        </we-select>\\n    </div>\\n\\n    <!-- Stretch section -->\\n    <div data-js=\\"ContainerWidth\\" data-selector=\\"section, .s_carousel .carousel-item, .s_carousel_intro_item\\" data-exclude=\\"[data-snippet] :not(.oe_structure) &gt; [data-snippet], #footer &gt; *\\" data-target=\\"&gt; .container, &gt; .container-fluid, &gt; .o_container_small\\">\\n        <we-button-group string=\\"Content Width\\">\\n            <we-button data-select-class=\\"o_container_small\\" data-img=\\"/website/static/src/img/snippets_options/content_width_small.svg\\" title=\\"Small\\"/>\\n            <we-button data-select-class=\\"container\\" data-img=\\"/website/static/src/img/snippets_options/content_width_normal.svg\\" title=\\"Regular\\"/>\\n            <we-button data-select-class=\\"container-fluid\\" data-img=\\"/website/static/src/img/snippets_options/content_width_full.svg\\" title=\\"Full\\"/>\\n        </we-button-group>\\n    </div>\\n\\n    <!-- Scroll to next section button (only for full height) -->\\n    <div data-js=\\"ScrollButton\\" data-selector=\\"section\\" data-exclude=\\"[data-snippet] :not(.oe_structure) &gt; [data-snippet], .s_instagram_page, .o_mega_menu &gt; section, .s_tabs_images\\">\\n        <!-- Min height of section -->\\n        <we-button-group string=\\"Height\\" data-show-scroll-button=\\"\\">\\n            <we-button data-name=\\"minheight_auto_opt\\" data-select-class=\\"\\" title=\\"Fit content\\">Auto</we-button>\\n            <we-button data-select-class=\\"o_half_screen_height\\" title=\\"Half screen\\">50%</we-button>\\n            <we-button data-select-class=\\"o_full_screen_height\\" title=\\"Full screen\\" data-name=\\"full_height_opt\\" data-show-scroll-button=\\"true\\">100%</we-button>\\n        </we-button-group>\\n\\n        <we-input string=\\"Height\\" class=\\"o_we_sublevel_1\\" data-name=\\"fixed_height_opt\\" data-dependencies=\\"minheight_auto_opt\\" data-select-style=\\"\\" data-unit=\\"px\\" data-css-property=\\"height\\" data-force-style=\\"\\"/>\\n            <!--    ↑ ↑ ↑\\n            For this setting, we need to always force the style (= if the block\\n            is naturally 800px tall and the user enters 800px for this setting,\\n            we set 800px as inline style anyway). Indeed, this snippet's style\\n            is based on the height that is forced but once the related public\\n            widgets are started, the inner carousel items receive a min-height\\n            which makes it so the snippet \\"natural\\" height is equal to the\\n            initially forced height... so if the style is not forced, it would\\n            ultimately be removed by mistake thinking it is not necessary.\\n            Note: this is forced as not important as we still need the height to\\n            be reset to 'auto' in mobile (generic css rules).\\n            -->\\n\\n        <we-checkbox string=\\"Scroll Down Button\\" data-toggle-button=\\"true\\" data-no-preview=\\"true\\" data-dependencies=\\"full_height_opt\\" data-name=\\"scroll_button_opt\\"/>\\n        <we-row string=\\"Colors\\" class=\\"o_we_sublevel_1\\">\\n            <we-colorpicker data-select-style=\\"true\\" data-css-property=\\"background-color\\" data-color-prefix=\\"bg-\\" data-apply-to=\\".o_scroll_button\\" data-dependencies=\\"scroll_button_opt\\"/>\\n            <we-colorpicker data-select-style=\\"true\\" data-css-property=\\"color\\" data-color-prefix=\\"text-\\" data-apply-to=\\".o_scroll_button\\" data-dependencies=\\"scroll_button_opt\\"/>\\n        </we-row>\\n        <we-select string=\\"Spacing\\" class=\\"o_we_sublevel_1\\" data-apply-to=\\".o_scroll_button\\" data-dependencies=\\"scroll_button_opt\\">\\n            <we-button data-select-class=\\"\\">None</we-button>\\n            <we-button data-select-class=\\"mb-1\\">Extra-Small</we-button>\\n            <we-button data-select-class=\\"mb-2\\">Small</we-button>\\n            <we-button data-select-class=\\"mb-3\\">Medium</we-button>\\n            <we-button data-select-class=\\"mb-4\\">Large</we-button>\\n            <we-button data-select-class=\\"mb-5\\">Extra-Large</we-button>\\n        </we-select>\\n    </div>\\n\\n    <t t-set=\\"_device_visibility_widgets\\">\\n        <we-button class=\\"o_we_device\\" data-toggle-device-visibility=\\"no_desktop\\" title=\\"Show/Hide on Desktop\\" data-no-preview=\\"true\\" data-img=\\"/website/static/src/img/snippets_options/desktop_invisible.svg\\"/>\\n        <we-button class=\\"o_we_device\\" data-toggle-device-visibility=\\"no_mobile\\" title=\\"Show/Hide on Mobile\\" data-no-preview=\\"true\\" data-img=\\"/website/static/src/img/snippets_options/mobile_invisible.svg\\"/>\\n    </t>\\n    <div data-js=\\"ConditionalVisibility\\" data-selector=\\"section, .s_hr\\">\\n        <t t-set=\\"current_website\\" t-value=\\"request.env['website'].get_current_website()\\"/>\\n        <we-collapse>\\n            <we-row string=\\"Visibility\\">\\n                <t t-out=\\"_device_visibility_widgets\\"/>\\n                <we-select data-attribute-name=\\"visibility\\" data-no-preview=\\"true\\">\\n                    <we-button data-select-data-attribute=\\"\\">No condition</we-button>\\n                    <we-button data-select-data-attribute=\\"conditional\\" data-select-class=\\"o_snippet_invisible\\" data-name=\\"visibility_conditional\\">Conditionally</we-button>\\n                </we-select>\\n            </we-row>\\n\\n            <t t-if=\\"request.geoip.country_code\\">\\n                <t t-call=\\"website.snippet_options_conditional_visibility\\">\\n                    <t t-set=\\"option_name\\">Country</t>\\n                    <t t-set=\\"attribute_rule\\" t-valuef=\\"visibilityValueCountryRule\\"/>\\n                    <t t-set=\\"save_attribute\\" t-valuef=\\"visibilityValueCountry\\"/>\\n                    <t t-set=\\"attribute_name\\" t-valuef=\\"data-country\\"/>\\n                    <t t-set=\\"model\\" t-valuef=\\"res.country\\"/>\\n                    <t t-set=\\"call_with\\" t-valuef=\\"code\\"/>\\n                    <t t-set=\\"data_fields\\" t-valuef=\\"[&quot;code&quot;]\\"/>\\n                </t>\\n            </t>\\n            <t t-if=\\"len(current_website.language_ids) &gt; 1\\">\\n                <t t-call=\\"website.snippet_options_conditional_visibility\\">\\n                    <t t-set=\\"option_name\\">Languages</t>\\n                    <t t-set=\\"attribute_rule\\" t-valuef=\\"visibilityValueLangRule\\"/>\\n                    <t t-set=\\"save_attribute\\" t-valuef=\\"visibilityValueLang\\"/>\\n                    <t t-set=\\"attribute_name\\" t-valuef=\\"lang\\"/>\\n                    <t t-set=\\"model\\" t-valuef=\\"res.lang\\"/>\\n                    <t t-set=\\"call_with\\" t-valuef=\\"code\\"/>\\n                    <t t-set=\\"domain\\" t-translation=\\"off\\">[[\\"id\\", \\"in\\", <t t-out=\\"current_website.language_ids.ids\\"/>]]</t>\\n                    <t t-set=\\"data_fields\\" t-valuef=\\"[&quot;code&quot;]\\"/>\\n                </t>\\n            </t>\\n            <t t-call=\\"website.snippet_options_conditional_visibility\\">\\n                <t t-set=\\"option_name\\">UTM Campaign</t>\\n                <t t-set=\\"attribute_rule\\" t-valuef=\\"visibilityValueUtmCampaignRule\\"/>\\n                <t t-set=\\"save_attribute\\" t-valuef=\\"visibilityValueUtmCampaign\\"/>\\n                <t t-set=\\"attribute_name\\" t-valuef=\\"data-utm-campaign\\"/>\\n                <t t-set=\\"model\\" t-valuef=\\"utm.campaign\\"/>\\n                <t t-set=\\"call_with\\" t-valuef=\\"display_name\\"/>\\n            </t>\\n            <t t-call=\\"website.snippet_options_conditional_visibility\\">\\n                <t t-set=\\"option_name\\">UTM Medium</t>\\n                <t t-set=\\"attribute_rule\\" t-valuef=\\"visibilityValueUtmMediumRule\\"/>\\n                <t t-set=\\"save_attribute\\" t-valuef=\\"visibilityValueUtmMedium\\"/>\\n                <t t-set=\\"attribute_name\\" t-valuef=\\"data-utm-medium\\"/>\\n                <t t-set=\\"model\\" t-valuef=\\"utm.medium\\"/>\\n                <t t-set=\\"call_with\\" t-valuef=\\"display_name\\"/>\\n            </t>\\n            <t t-call=\\"website.snippet_options_conditional_visibility\\">\\n                <t t-set=\\"option_name\\">UTM Source</t>\\n                <t t-set=\\"attribute_rule\\" t-valuef=\\"visibilityValueUtmSourceRule\\"/>\\n                <t t-set=\\"save_attribute\\" t-valuef=\\"visibilityValueUtmSource\\"/>\\n                <t t-set=\\"attribute_name\\" t-valuef=\\"data-utm-source\\"/>\\n                <t t-set=\\"model\\" t-valuef=\\"utm.source\\"/>\\n                <t t-set=\\"call_with\\" t-valuef=\\"display_name\\"/>\\n            </t>\\n            <we-select string=\\"Users\\" class=\\"o_we_sublevel_1\\" data-dependencies=\\"visibility_conditional\\" data-attribute-name=\\"data-logged\\" data-save-attribute=\\"visibilityValueLogged\\" data-no-preview=\\"true\\" data-attribute-default-value=\\"\\">\\n                <we-button data-select-value=\\"true\\">Visible for Logged In</we-button>\\n                <we-button data-select-value=\\"false\\">Visible for Logged Out</we-button>\\n                <we-button data-select-value=\\"\\">Visible for Everyone</we-button>\\n            </we-select>\\n        </we-collapse>\\n    </div>\\n\\n    <!-- Mobile/Desktop display options -->\\n    <div data-js=\\"DeviceVisibility\\" data-selector=\\"section .row &gt; div\\" data-exclude=\\".s_col_no_resize.row &gt; div, .s_masonry_block .s_col_no_resize\\">\\n        <we-row string=\\"Visibility\\">\\n            <t t-out=\\"_device_visibility_widgets\\"/>\\n        </we-row>\\n    </div>\\n\\n    <!-- Cookies Bar -->\\n    <div data-selector=\\"#website_cookies_bar\\" data-js=\\"CookiesBar\\" data-target=\\".modal\\">\\n        <we-select string=\\"Layout\\" class=\\"o_we_inline\\">\\n            <we-button data-select-class=\\"o_cookies_discrete\\" data-select-layout=\\"discrete\\" data-trigger=\\"position_bottom,s_popup_size_full\\">Discrete</we-button>\\n            <we-button data-select-class=\\"o_cookies_classic\\" data-select-layout=\\"classic\\" data-trigger=\\"position_bottom,s_popup_size_full\\">Classic</we-button>\\n            <we-button data-name=\\"layout_popup_opt\\" data-select-class=\\"o_cookies_popup\\" data-select-layout=\\"popup\\" data-trigger=\\"position_middle,s_popup_size_md\\">Popup</we-button>\\n        </we-select>\\n    </div>\\n\\n    <!-- Image position in grid -->\\n    <div data-js=\\"GridImage\\" data-selector=\\"img\\">\\n        <we-select string=\\"Position\\">\\n            <we-button data-change-grid-image-mode=\\"cover\\">Cover</we-button>\\n            <we-button data-change-grid-image-mode=\\"contain\\">Contain</we-button>\\n        </we-select>\\n    </div>\\n\\n    <!-- Indicators: '.o_dot' and '.o_dot_line' -->\\n    <t t-set=\\"o_dot_color_selector\\" t-valuef=\\".s_timeline .s_timeline_row\\"/>\\n    <t t-set=\\"o_dot_line_color_selector\\" t-valuef=\\".s_timeline\\"/>\\n\\n    <div t-att-data-selector=\\"o_dot_color_selector\\">\\n        <we-colorpicker string=\\"Dot Color\\" data-select-style=\\"true\\" data-css-property=\\"color\\" data-color-prefix=\\"text-\\" data-apply-to=\\".o_dot\\"/>\\n    </div>\\n    <div t-att-data-selector=\\"o_dot_line_color_selector\\">\\n        <we-colorpicker string=\\"Dot Lines Color\\" data-select-style=\\"true\\" data-css-property=\\"border-color\\" data-color-prefix=\\"border-\\" data-apply-to=\\".o_dot_line\\"/>\\n    </div>\\n\\n    <!-- Website Animate -->\\n    <div data-js=\\"WebsiteAnimate\\" data-selector=\\".o_animable, section .row &gt; div, img, .fa, .btn, .o_animated_text\\" t-attf-data-exclude=\\"[data-oe-xpath], .o_not-animable, .s_col_no_resize.row &gt; div, .s_col_no_resize, div:is(#{blockquote_parent_handlers}) &gt; .s_blockquote\\" data-text-selector=\\".o_animated_text\\">\\n        <!-- Animation mode -->\\n        <we-row string=\\"Animation\\">\\n            <we-select data-dependencies=\\"!image_transform_opt\\" data-is-animation-type-selection=\\"true\\" data-no-preview=\\"true\\">\\n                <we-button data-animation-mode=\\"\\" data-select-class=\\"\\" data-name=\\"no_animation_opt\\">None</we-button>\\n                <we-button data-animation-mode=\\"onAppearance\\" data-force-animation=\\"true\\" data-select-class=\\"o_animate\\" data-name=\\"animation_on_appearance_opt\\">On Appearance</we-button>\\n                <we-button data-animation-mode=\\"onScroll\\" data-select-class=\\"o_animate o_animate_on_scroll\\" data-force-animation=\\"true\\" data-name=\\"animation_on_scroll_opt\\">On Scroll</we-button>\\n                <we-button data-animation-mode=\\"onHover\\" data-select-class=\\"o_animate_on_hover\\" data-name=\\"animation_on_hover_opt\\">On Hover</we-button>\\n            </we-select>\\n            <we-button-group data-dependencies=\\"animation_on_scroll_opt\\" data-no-preview=\\"true\\" data-force-animation=\\"true\\">\\n                <we-button data-select-class=\\"\\">In</we-button>\\n                <we-button data-select-class=\\"o_animate_out\\">Out</we-button>\\n            </we-button-group>\\n        </we-row>\\n        <!-- Effect -->\\n        <we-select string=\\"Effect\\" class=\\"o_we_sublevel_1\\" data-name=\\"animation_effect_opt\\">\\n            <we-button data-select-class=\\"\\" data-name=\\"o_anim_no_effect_opt\\" data-dependencies=\\"no_animation_opt\\">None</we-button>\\n            <we-button data-select-class=\\"o_anim_fade_in\\" data-trigger=\\"animation_direction_in_place_opt\\">Fade</we-button>\\n            <we-button data-select-class=\\"o_anim_slide_in\\" data-name=\\"o_anim_slide_in_opt\\" data-trigger=\\"animation_direction_from_right_opt\\">Slide</we-button>\\n            <we-button data-select-class=\\"o_anim_bounce_in\\" data-trigger=\\"animation_direction_in_place_opt\\">Bounce</we-button>\\n            <we-button data-select-class=\\"o_anim_rotate_in\\" data-name=\\"o_anim_rotate_opt\\" data-trigger=\\"animation_direction_in_place_opt\\">Rotate</we-button>\\n            <we-button data-select-class=\\"o_anim_zoom_out\\" data-trigger=\\"animation_direction_in_place_opt\\">Zoom Out</we-button>\\n            <we-button data-select-class=\\"o_anim_zoom_in\\" data-trigger=\\"animation_direction_in_place_opt\\">Zoom In</we-button>\\n            <we-button data-select-class=\\"o_anim_flash\\" data-dependencies=\\"animation_on_appearance_opt\\" data-trigger=\\"animation_direction_in_place_opt\\">Flash</we-button>\\n            <we-button data-select-class=\\"o_anim_pulse\\" data-dependencies=\\"animation_on_appearance_opt\\" data-trigger=\\"animation_direction_in_place_opt\\">Pulse</we-button>\\n            <we-button data-select-class=\\"o_anim_shake\\" data-dependencies=\\"animation_on_appearance_opt\\" data-trigger=\\"animation_direction_in_place_opt\\">Shake</we-button>\\n            <we-button data-select-class=\\"o_anim_tada\\" data-dependencies=\\"animation_on_appearance_opt\\" data-trigger=\\"animation_direction_in_place_opt\\">Tada</we-button>\\n            <we-button data-select-class=\\"o_anim_flip_in_x\\" data-dependencies=\\"animation_on_appearance_opt\\" data-trigger=\\"animation_direction_in_place_opt\\">Flip-In-X</we-button>\\n            <we-button data-select-class=\\"o_anim_flip_in_y\\" data-dependencies=\\"animation_on_appearance_opt\\" data-trigger=\\"animation_direction_in_place_opt\\">Flip-In-Y</we-button>\\n        </we-select>\\n        <!-- Direction -->\\n        <we-select string=\\"Direction\\" class=\\"o_we_sublevel_1\\" data-name=\\"animation_direction_opt\\" data-force-animation=\\"true\\">\\n            <we-button data-select-class=\\"\\" data-name=\\"animation_direction_in_place_opt\\" data-dependencies=\\"!o_anim_slide_in_opt\\">In Place</we-button>\\n            <we-button data-select-class=\\"o_anim_from_right\\" data-name=\\"animation_direction_from_right_opt\\" data-dependencies=\\"!o_anim_rotate_opt\\">From Right</we-button>\\n            <we-button data-select-class=\\"o_anim_from_left\\" data-dependencies=\\"!o_anim_rotate_opt\\">From Left</we-button>\\n            <we-button data-select-class=\\"o_anim_from_bottom\\" data-dependencies=\\"!o_anim_rotate_opt\\">From Bottom</we-button>\\n            <we-button data-select-class=\\"o_anim_from_top\\" data-dependencies=\\"!o_anim_rotate_opt\\">From Top</we-button>\\n            <we-button data-select-class=\\"o_anim_from_top_right\\" data-dependencies=\\"o_anim_rotate_opt\\">From Top Right</we-button>\\n            <we-button data-select-class=\\"o_anim_from_top_left\\" data-dependencies=\\"o_anim_rotate_opt\\">From Top Left</we-button>\\n            <we-button data-select-class=\\"o_anim_from_bottom_right\\" data-dependencies=\\"o_anim_rotate_opt\\">From Bottom Right</we-button>\\n            <we-button data-select-class=\\"o_anim_from_bottom_left\\" data-dependencies=\\"o_anim_rotate_opt\\">From Bottom Left</we-button>\\n        </we-select>\\n        <!-- Trigger -->\\n        <we-select string=\\"Trigger\\" class=\\"o_we_sublevel_1\\" data-dependencies=\\"animation_on_appearance_opt\\" data-name=\\"animation_trigger_opt\\">\\n            <we-button data-select-class=\\"\\">First Time Only</we-button>\\n            <we-button data-select-class=\\"o_animate_both_scroll\\">Every Time</we-button>\\n        </we-select>\\n        <!-- Intensity -->\\n        <we-range string=\\"Intensity\\" class=\\"o_we_sublevel_1\\" data-name=\\"animation_intensity_opt\\" data-animation-intensity=\\"\\" data-min=\\"1\\" data-max=\\"100\\" data-step=\\"1\\" data-display-range-value=\\"true\\" data-no-preview=\\"true\\"/>\\n        <!-- Scroll Zone -->\\n        <we-row string=\\"Scroll Zone\\" class=\\"o_we_sublevel_1\\">\\n            <we-input data-unit=\\"%\\" data-step=\\"1\\" data-dependencies=\\"animation_on_scroll_opt\\" data-no-preview=\\"true\\" data-select-data-attribute=\\"\\" data-attribute-name=\\"scrollZoneStart\\" data-force-animation=\\"true\\"/>\\n            <span class=\\"mx-2\\">to</span>\\n            <we-input data-unit=\\"%\\" data-step=\\"1\\" data-dependencies=\\"animation_on_scroll_opt\\" data-no-preview=\\"true\\" data-select-data-attribute=\\"\\" data-attribute-name=\\"scrollZoneEnd\\" data-force-animation=\\"true\\"/>\\n        </we-row>\\n        <!-- Start After -->\\n        <we-input string=\\"Start After\\" class=\\"o_we_sublevel_1 o_we_small_input\\" data-dependencies=\\"animation_on_appearance_opt\\" data-name=\\"animation_delay_opt\\" data-select-style=\\"0s\\" data-css-property=\\"animation-delay\\" data-unit=\\"s\\"/>\\n        <!-- Duration -->\\n        <we-input string=\\"Duration\\" class=\\"o_we_sublevel_1 o_we_small_input\\" data-dependencies=\\"animation_on_appearance_opt\\" data-select-style=\\"0.4s\\" data-css-property=\\"animation-duration\\" data-unit=\\"s\\"/>\\n    </div>\\n\\n    <!-- Text highlight effects -->\\n    <div data-js=\\"TextHighlight\\" data-selector=\\".o_text_highlight\\" data-text-selector=\\".o_text_highlight\\">\\n        <!-- Text highlight style -->\\n        <we-select string=\\"Highlight\\" data-name=\\"text_highlight_opt\\" class=\\"o_we_select_grid\\">\\n            <div class=\\"grid gap-0\\">\\n                <we-button class=\\"g-col-4\\" data-select-class=\\"o_text_highlight_underline\\" data-set-text-highlight=\\"underline\\" data-select-label=\\"Underline\\"/>\\n                <we-button class=\\"g-col-4\\" data-select-class=\\"o_text_highlight_freehand_1\\" data-set-text-highlight=\\"freehand_1\\" data-select-label=\\"Freehand 1\\"/>\\n                <we-button class=\\"g-col-4\\" data-select-class=\\"o_text_highlight_freehand_2 o_text_highlight_fill\\" data-set-text-highlight=\\"freehand_2\\" data-select-label=\\"Freehand 2\\"/>\\n                <we-button class=\\"g-col-4\\" data-select-class=\\"o_text_highlight_freehand_3 o_text_highlight_fill\\" data-set-text-highlight=\\"freehand_3\\" data-select-label=\\"Freehand 3\\"/>\\n                <we-button class=\\"g-col-4\\" data-select-class=\\"o_text_highlight_double\\" data-set-text-highlight=\\"double\\" data-select-label=\\"Double\\"/>\\n                <we-button class=\\"g-col-4\\" data-select-class=\\"o_text_highlight_wavy\\" data-set-text-highlight=\\"wavy\\" data-select-label=\\"Wavy\\"/>\\n                <we-button class=\\"g-col-4\\" data-select-class=\\"o_text_highlight_circle_1\\" data-set-text-highlight=\\"circle_1\\" data-select-label=\\"Circle 1\\"/>\\n                <we-button class=\\"g-col-4\\" data-select-class=\\"o_text_highlight_circle_2 o_text_highlight_fill\\" data-set-text-highlight=\\"circle_2\\" data-select-label=\\"Circle 2\\"/>\\n                <we-button class=\\"g-col-4\\" data-select-class=\\"o_text_highlight_circle_3 o_text_highlight_fill\\" data-set-text-highlight=\\"circle_3\\" data-select-label=\\"Circle 3\\"/>\\n                <we-button class=\\"g-col-4\\" data-select-class=\\"o_text_highlight_over_underline\\" data-set-text-highlight=\\"over_underline\\" data-select-label=\\"Over And Underline\\"/>\\n                <we-button class=\\"g-col-4\\" data-select-class=\\"o_text_highlight_scribble_1\\" data-set-text-highlight=\\"scribble_1\\" data-select-label=\\"Scribble 1\\"/>\\n                <we-button class=\\"g-col-4\\" data-select-class=\\"o_text_highlight_scribble_2 o_text_highlight_fill\\" data-set-text-highlight=\\"scribble_2\\" data-select-label=\\"Scribble 2\\"/>\\n                <we-button class=\\"g-col-4\\" data-select-class=\\"o_text_highlight_scribble_3 o_text_highlight_fill\\" data-set-text-highlight=\\"scribble_3\\" data-select-label=\\"Scribble 3\\"/>\\n                <we-button class=\\"g-col-4 text-black-50\\" data-select-class=\\"o_text_highlight_scribble_4 o_text_highlight_fill\\" data-set-text-highlight=\\"scribble_4\\" data-select-label=\\"Scribble 4\\"/>\\n                <we-button class=\\"g-col-4\\" data-select-class=\\"o_text_highlight_jagged\\" data-set-text-highlight=\\"jagged\\" data-select-label=\\"Jagged\\"/>\\n                <we-button class=\\"g-col-4\\" data-select-class=\\"o_text_highlight_cross\\" data-set-text-highlight=\\"cross\\" data-select-label=\\"Cross\\"/>\\n                <we-button class=\\"g-col-4\\" data-select-class=\\"o_text_highlight_diagonal\\" data-set-text-highlight=\\"diagonal\\" data-select-label=\\"Diagonal\\"/>\\n                <we-button class=\\"g-col-4\\" data-select-class=\\"o_text_highlight_strikethrough\\" data-set-text-highlight=\\"strikethrough\\" data-select-label=\\"Strikethrough\\"/>\\n                <we-button class=\\"g-col-4 text-black-50\\" data-select-class=\\"o_text_highlight_bold o_text_highlight_fill\\" data-set-text-highlight=\\"bold\\" data-select-label=\\"Bold\\"/>\\n                <we-button class=\\"g-col-4 text-black-50\\" data-select-class=\\"o_text_highlight_bold_1 o_text_highlight_fill\\" data-set-text-highlight=\\"bold_1\\" data-select-label=\\"Bold 1\\"/>\\n                <we-button class=\\"g-col-4 text-black-50\\" data-select-class=\\"o_text_highlight_bold_2 o_text_highlight_fill\\" data-set-text-highlight=\\"bold_2\\" data-select-label=\\"Bold 2\\"/>\\n            </div>\\n        </we-select>\\n        <!-- Text highlight color -->\\n        <we-colorpicker string=\\"Color\\" class=\\"o_we_sublevel_1\\" data-dependencies=\\"text_highlight_opt\\" data-css-property=\\"--text-highlight-color\\" data-select-style=\\"\\"/>\\n        <!-- Text highlight thickness -->\\n        <we-input string=\\"Thickness\\" class=\\"o_we_sublevel_1 o_we_small_input\\" data-dependencies=\\"text_highlight_opt\\" data-css-property=\\"--text-highlight-width\\" data-select-style=\\"\\" data-unit=\\"px\\"/>\\n    </div>\\n\\n    <!-- Theme options -->\\n    <div data-js=\\"ThemeColors\\" data-selector=\\"theme-colors\\" data-no-check=\\"true\\">\\n        <we-alert class=\\"o_old_color_system_warning d-none mt-2\\">\\n            It appears your website is still using the old color system of\\n            Odoo 13.0 in some places. We made sure it is still working but\\n            we recommend you to try to use the new color system, which is\\n            still customizable.\\n        </we-alert>\\n        <we-row class=\\"o_we_theme_colors_selector\\">\\n            <div class=\\"o_we_theme_colors_selector_group\\">\\n                <we-title>Main</we-title>\\n                <we-colorpicker data-name=\\"color_1_opt\\" title=\\"Primary\\" data-customize-website-color=\\"\\" data-color=\\"o-color-1\\" data-use-css-color=\\"true\\" data-selected-tab=\\"custom-colors\\"/>\\n                <we-colorpicker data-name=\\"color_2_opt\\" title=\\"Secondary\\" data-customize-website-color=\\"\\" data-color=\\"o-color-2\\" data-use-css-color=\\"true\\" data-selected-tab=\\"custom-colors\\"/>\\n                <we-colorpicker data-customize-website-color=\\"\\" data-color=\\"o-color-3\\" data-use-css-color=\\"true\\" data-selected-tab=\\"custom-colors\\"/>\\n            </div>\\n            <div class=\\"o_we_theme_colors_selector_group\\">\\n                <we-title>Light &amp; Dark</we-title>\\n                <we-colorpicker data-customize-website-color=\\"\\" data-color=\\"o-color-4\\" data-use-css-color=\\"true\\" data-selected-tab=\\"custom-colors\\"/>\\n                <we-colorpicker data-customize-website-color=\\"\\" data-color=\\"o-color-5\\" data-use-css-color=\\"true\\" data-selected-tab=\\"custom-colors\\"/>\\n            </div>\\n            <we-select data-img=\\"/website/static/src/img/snippets_options/palette.svg\\" class=\\"o_we_theme_colors_select\\" data-variable=\\"color-palettes-name\\"/>\\n        </we-row>\\n        <we-collapse class=\\"o_we_theme_presets_collapse\\" string=\\"Color Presets\\">\\n        </we-collapse>\\n    </div>\\n    <div data-js=\\"OptionsTab\\" data-selector=\\"website-settings\\" data-no-check=\\"true\\">\\n        <we-row string=\\"Theme\\" groups=\\"base.group_system\\">\\n            <we-button data-switch-theme=\\"\\" data-no-preview=\\"true\\" class=\\"o_we_bg_brand_primary\\">Switch Theme</we-button>\\n        </we-row>\\n        <we-row string=\\"Language\\">\\n            <we-button data-add-language=\\"\\" data-no-preview=\\"true\\" class=\\"o_we_bg_brand_primary\\">Add a Language</we-button>\\n        </we-row>\\n        <we-select string=\\"Page Layout\\" data-variable=\\"layout\\">\\n            <we-button data-customize-website-variable=\\"'full'\\" data-name=\\"layout_full_opt\\">Full</we-button>\\n            <we-button data-customize-website-variable=\\"'boxed'\\">Boxed</we-button>\\n            <we-button data-customize-website-variable=\\"'framed'\\">Framed</we-button>\\n            <we-button data-customize-website-variable=\\"'postcard'\\">Postcard</we-button>\\n        </we-select>\\n        <we-row string=\\"Background\\" class=\\"o_we_sublevel_1\\" data-no-preview=\\"true\\">\\n            <we-colorpicker data-dependencies=\\"!layout_full_opt\\" data-customize-website-color=\\"\\" data-color=\\"body\\"/>\\n            <we-button-group data-imagepicker=\\"body_bg_image_opt\\">\\n                <we-button title=\\"Image\\" class=\\"fa fa-fw fa-camera\\" data-customize-body-bg-type=\\"'image'\\"/>\\n                <we-button title=\\"Pattern\\" class=\\"fa fa-fw fa-th\\" data-customize-body-bg-type=\\"'pattern'\\"/>\\n                <we-button title=\\"None\\" class=\\"fa fa-fw fa-ban\\" data-customize-body-bg-type=\\"NONE\\"/>\\n            </we-button-group>\\n            <!-- Hidden imagepicker enabled by above button-group -->\\n            <we-imagepicker data-name=\\"body_bg_image_opt\\" data-customize-body-bg=\\"\\"/>\\n        </we-row>\\n    </div>\\n    <div data-js=\\"OptionsTab\\" data-selector=\\"theme-paragraph\\" data-no-check=\\"true\\">\\n        <we-collapse>\\n            <we-input string=\\"Font Size\\" data-customize-website-variable=\\"null\\" data-variable=\\"font-size-base\\" data-unit=\\"px\\" data-save-unit=\\"rem\\"/>\\n            <we-input string=\\"Small\\" class=\\"o_we_sublevel_1\\" data-customize-website-variable=\\"null\\" data-variable=\\"small-font-size\\" data-unit=\\"px\\" data-save-unit=\\"rem\\"/>\\n        </we-collapse>\\n        <we-fontfamilypicker string=\\"Font Family\\" data-variable=\\"font\\"/>\\n        <!-- \\"× \\": \\\\u00D7\\\\u2000 -->\\n        <we-input string=\\"Line Height\\" data-customize-website-variable=\\"null\\" data-variable=\\"body-line-height\\" data-fake-unit=\\"× \\"/>\\n        <we-row string=\\"Margins\\">\\n            <we-input title=\\"Top\\" data-customize-website-variable=\\"\\" data-variable=\\"paragraph-margin-top\\" data-unit=\\"px\\" data-save-unit=\\"px\\"/>\\n            <we-input title=\\"Bottom\\" data-customize-website-variable=\\"\\" data-variable=\\"paragraph-margin-bottom\\" data-unit=\\"px\\" data-save-unit=\\"px\\"/>\\n        </we-row>\\n    </div>\\n    <div data-js=\\"OptionsTab\\" data-selector=\\"theme-headings\\" data-no-check=\\"true\\">\\n        <t t-set=\\"heading_label\\">Heading</t>\\n        <t t-set=\\"display_label\\">Display</t>\\n        <we-collapse>\\n            <we-input string=\\"Font Size\\" title=\\"Heading 1\\" data-customize-website-variable=\\"null\\" data-variable=\\"h1-font-size\\" data-unit=\\"px\\" data-save-unit=\\"rem\\"/>\\n            <t t-foreach=\\"[2, 3, 4, 5, 6]\\" t-as=\\"depth\\">\\n                <we-input t-attf-string=\\"#{heading_label} #{depth}\\" class=\\"o_we_sublevel_1\\" data-customize-website-variable=\\"null\\" t-attf-data-variable=\\"h#{depth}-font-size\\" data-unit=\\"px\\" data-save-unit=\\"rem\\"/>\\n            </t>\\n            <!-- We don't use `display-font-sizes.5` and `display-font-sizes.6` -->\\n            <t t-set=\\"used_display_font_sizes\\" t-value=\\"[1, 2, 3, 4]\\"/>\\n            <t t-foreach=\\"used_display_font_sizes\\" t-as=\\"depth\\">\\n                <we-input t-attf-string=\\"#{display_label} #{depth}\\" class=\\"o_we_sublevel_1\\" data-customize-website-variable=\\"null\\" t-attf-data-variable=\\"display-#{depth}-font-size\\" data-unit=\\"px\\" data-save-unit=\\"rem\\"/>\\n            </t>\\n        </we-collapse>\\n        <we-collapse>\\n            <we-row string=\\"Font Family\\" title=\\"Heading 1\\">\\n                <we-fontfamilypicker data-variable=\\"headings-font\\"/>\\n                <we-button class=\\"fa fa-fw fa-remove o_we_hover_danger o_we_link\\" title=\\"Reset to Paragraph Font Family\\" data-customize-website-variable=\\"\\" data-variable=\\"headings-font\\" data-remove-font=\\"set-headings-font\\" data-no-preview=\\"true\\"/>\\n            </we-row>\\n            <t t-foreach=\\"[2, 3, 4, 5, 6]\\" t-as=\\"depth\\">\\n                <we-row t-attf-string=\\"#{heading_label} #{depth}\\" class=\\"o_we_sublevel_1\\">\\n                    <we-fontfamilypicker t-attf-data-variable=\\"h#{depth}-font\\"/>\\n                    <we-button class=\\"fa fa-fw fa-remove o_we_hover_danger o_we_link\\" title=\\"Reset to Headings Font Family\\" data-customize-website-variable=\\"\\" t-attf-data-variable=\\"h#{depth}-font\\" t-attf-data-remove-font=\\"set-h#{depth}-font\\" data-no-preview=\\"true\\"/>\\n                </we-row>\\n            </t>\\n            <t t-foreach=\\"used_display_font_sizes\\" t-as=\\"depth\\">\\n                <we-row t-attf-string=\\"#{display_label} #{depth}\\" class=\\"o_we_sublevel_1\\">\\n                    <we-fontfamilypicker t-attf-data-variable=\\"display-#{depth}-font\\"/>\\n                    <we-button class=\\"fa fa-fw fa-remove o_we_hover_danger o_we_link\\" title=\\"Reset to Headings Font Family\\" data-customize-website-variable=\\"\\" t-attf-data-variable=\\"display-#{depth}-font\\" t-attf-data-remove-font=\\"set-display-#{depth}-font\\" data-no-preview=\\"true\\"/>\\n                </we-row>\\n            </t>\\n        </we-collapse>\\n        <we-collapse>\\n            <!-- \\"× \\": \\\\u00D7\\\\u2000 -->\\n            <we-input string=\\"Line Height\\" title=\\"Heading 1\\" data-customize-website-variable=\\"null\\" data-variable=\\"headings-line-height\\" data-fake-unit=\\"× \\"/>\\n            <t t-foreach=\\"[2, 3, 4, 5, 6]\\" t-as=\\"depth\\">\\n                <we-input t-attf-string=\\"#{heading_label} #{depth}\\" class=\\"o_we_sublevel_1\\" data-customize-website-variable=\\"null\\" t-attf-data-variable=\\"h#{depth}-line-height\\" data-fake-unit=\\"× \\"/>\\n            </t>\\n            <t t-foreach=\\"used_display_font_sizes\\" t-as=\\"depth\\">\\n                <we-input t-attf-string=\\"#{display_label} #{depth}\\" class=\\"o_we_sublevel_1\\" data-customize-website-variable=\\"null\\" t-attf-data-variable=\\"display-#{depth}-line-height\\" data-fake-unit=\\"× \\"/>\\n            </t>\\n        </we-collapse>\\n        <we-collapse>\\n            <we-row string=\\"Margins\\" title=\\"Heading 1\\">\\n                <we-input title=\\"Top\\" data-customize-website-variable=\\"\\" data-variable=\\"headings-margin-top\\" data-unit=\\"px\\" data-save-unit=\\"px\\"/>\\n                <we-input title=\\"Bottom\\" data-customize-website-variable=\\"\\" data-variable=\\"headings-margin-bottom\\" data-unit=\\"px\\" data-save-unit=\\"px\\"/>\\n            </we-row>\\n            <t t-foreach=\\"[2, 3, 4, 5, 6]\\" t-as=\\"depth\\">\\n                <we-row t-attf-string=\\"#{heading_label} #{depth}\\" class=\\"o_we_sublevel_1\\">\\n                    <we-input title=\\"Top\\" data-customize-website-variable=\\"\\" t-attf-data-variable=\\"h#{depth}-margin-top\\" data-unit=\\"px\\" data-save-unit=\\"px\\"/>\\n                    <we-input title=\\"Bottom\\" data-customize-website-variable=\\"\\" t-attf-data-variable=\\"h#{depth}-margin-bottom\\" data-unit=\\"px\\" data-save-unit=\\"px\\"/>\\n                </we-row>\\n            </t>\\n            <t t-foreach=\\"used_display_font_sizes\\" t-as=\\"depth\\">\\n                <we-row t-attf-string=\\"#{display_label} #{depth}\\" class=\\"o_we_sublevel_1\\">\\n                    <we-input title=\\"Top\\" data-customize-website-variable=\\"\\" t-attf-data-variable=\\"display-#{depth}-margin-top\\" data-unit=\\"px\\" data-save-unit=\\"px\\"/>\\n                    <we-input title=\\"Bottom\\" data-customize-website-variable=\\"\\" t-attf-data-variable=\\"display-#{depth}-margin-bottom\\" data-unit=\\"px\\" data-save-unit=\\"px\\"/>\\n                </we-row>\\n            </t>\\n        </we-collapse>\\n    </div>\\n    <div data-js=\\"OptionsTab\\" data-selector=\\"theme-button\\" data-no-check=\\"true\\">\\n        <we-select string=\\"Primary Style\\" data-button=\\"primary\\" data-no-preview=\\"true\\">\\n            <we-button data-customize-button-style=\\"fill\\">Fill</we-button>\\n            <we-button data-customize-button-style=\\"outline\\" data-name=\\"btn_primary_outline_opt\\">Outline</we-button>\\n            <we-button data-customize-button-style=\\"flat\\">Flat</we-button>\\n        </we-select>\\n        <we-input string=\\"Border Width\\" class=\\"o_we_sublevel_1\\" data-customize-website-variable=\\"\\" data-variable=\\"btn-primary-outline-border-width\\" data-dependencies=\\"btn_primary_outline_opt\\" data-unit=\\"px\\" data-save-unit=\\"rem\\"/>\\n        <we-select string=\\"Secondary Style\\" data-button=\\"secondary\\" data-no-preview=\\"true\\">\\n            <we-button data-customize-button-style=\\"fill\\">Fill</we-button>\\n            <we-button data-customize-button-style=\\"outline\\" data-name=\\"btn_secondary_outline_opt\\">Outline</we-button>\\n            <we-button data-customize-button-style=\\"flat\\">Flat</we-button>\\n        </we-select>\\n        <we-input string=\\"Border Width\\" class=\\"o_we_sublevel_1\\" data-customize-website-variable=\\"\\" data-variable=\\"btn-secondary-outline-border-width\\" data-dependencies=\\"btn_secondary_outline_opt\\" data-unit=\\"px\\" data-save-unit=\\"rem\\"/>\\n        <we-row string=\\"Font Family\\">\\n            <we-fontfamilypicker data-variable=\\"buttons-font\\"/>\\n            <we-button class=\\"fa fa-fw fa-remove o_we_hover_danger o_we_link\\" title=\\"Reset to Paragraph Font Family\\" data-customize-website-variable=\\"\\" data-variable=\\"buttons-font\\" data-remove-font=\\"set-buttons-font\\" data-no-preview=\\"true\\"/>\\n        </we-row>\\n        <we-collapse>\\n            <we-row string=\\"Padding\\">\\n                <we-input title=\\"Y\\" data-customize-website-variable=\\"\\" data-variable=\\"btn-padding-y\\" data-unit=\\"px\\" data-save-unit=\\"rem\\"/>\\n                <we-input title=\\"X\\" data-customize-website-variable=\\"\\" data-variable=\\"btn-padding-x\\" data-unit=\\"px\\" data-save-unit=\\"rem\\"/>\\n            </we-row>\\n            <we-row string=\\"Small\\" class=\\"o_we_sublevel_1\\">\\n                <we-input title=\\"Y\\" data-customize-website-variable=\\"\\" data-variable=\\"btn-padding-y-sm\\" data-unit=\\"px\\" data-save-unit=\\"rem\\"/>\\n                <we-input title=\\"X\\" data-customize-website-variable=\\"\\" data-variable=\\"btn-padding-x-sm\\" data-unit=\\"px\\" data-save-unit=\\"rem\\"/>\\n            </we-row>\\n            <we-row string=\\"Large\\" class=\\"o_we_sublevel_1\\">\\n                <we-input title=\\"Y\\" data-customize-website-variable=\\"\\" data-variable=\\"btn-padding-y-lg\\" data-unit=\\"px\\" data-save-unit=\\"rem\\"/>\\n                <we-input title=\\"X\\" data-customize-website-variable=\\"\\" data-variable=\\"btn-padding-x-lg\\" data-unit=\\"px\\" data-save-unit=\\"rem\\"/>\\n            </we-row>\\n        </we-collapse>\\n        <we-collapse>\\n            <we-input string=\\"Font Size\\" data-customize-website-variable=\\"\\" data-variable=\\"btn-font-size\\" data-unit=\\"px\\" data-save-unit=\\"rem\\"/>\\n            <we-input string=\\"Small\\" class=\\"o_we_sublevel_1\\" data-customize-website-variable=\\"\\" data-variable=\\"btn-font-size-sm\\" data-unit=\\"px\\" data-save-unit=\\"rem\\"/>\\n            <we-input string=\\"Large\\" class=\\"o_we_sublevel_1\\" data-customize-website-variable=\\"\\" data-variable=\\"btn-font-size-lg\\" data-unit=\\"px\\" data-save-unit=\\"rem\\"/>\\n        </we-collapse>\\n        <we-collapse>\\n            <we-input string=\\"Round Corners\\" data-customize-website-variable=\\"\\" data-variable=\\"btn-border-radius\\" data-unit=\\"px\\" data-save-unit=\\"rem\\"/>\\n            <we-input string=\\"Small\\" class=\\"o_we_sublevel_1\\" data-customize-website-variable=\\"\\" data-variable=\\"btn-border-radius-sm\\" data-unit=\\"px\\" data-save-unit=\\"rem\\"/>\\n            <we-input string=\\"Large\\" class=\\"o_we_sublevel_1\\" data-customize-website-variable=\\"\\" data-variable=\\"btn-border-radius-lg\\" data-unit=\\"px\\" data-save-unit=\\"rem\\"/>\\n        </we-collapse>\\n        <we-select string=\\"On Click Effect\\" data-variable=\\"btn-ripple\\">\\n            <we-button data-customize-website-variable=\\"false\\">None</we-button>\\n            <we-button data-customize-website-variable=\\"true\\" data-customize-website-assets=\\"website.ripple_effect_scss, website.ripple_effect_js\\">Ripple</we-button>\\n        </we-select>\\n    </div>\\n    <div data-js=\\"OptionsTab\\" data-selector=\\"theme-link\\" data-no-check=\\"true\\">\\n        <we-select string=\\"Link Style\\" data-variable=\\"link-underline\\">\\n            <we-button data-customize-website-variable=\\"'never'\\">No Underline</we-button>\\n            <we-button data-customize-website-variable=\\"'hover'\\">Underline On Hover</we-button>\\n            <we-button data-customize-website-variable=\\"'always'\\">Always Underline</we-button>\\n        </we-select>\\n    </div>\\n    <div data-js=\\"OptionsTab\\" data-selector=\\"theme-input\\" data-no-check=\\"true\\">\\n        <we-collapse>\\n            <we-row string=\\"Paddings\\">\\n                <we-input title=\\"Y\\" data-customize-website-variable=\\"\\" data-variable=\\"input-padding-y\\" data-unit=\\"px\\" data-save-unit=\\"rem\\"/>\\n                <we-input title=\\"X\\" data-customize-website-variable=\\"\\" data-variable=\\"input-padding-x\\" data-unit=\\"px\\" data-save-unit=\\"rem\\"/>\\n            </we-row>\\n            <we-row string=\\"Small\\" class=\\"o_we_sublevel_1\\">\\n                <we-input title=\\"Y\\" data-customize-website-variable=\\"\\" data-variable=\\"input-padding-y-sm\\" data-unit=\\"px\\" data-save-unit=\\"rem\\"/>\\n                <we-input title=\\"X\\" data-customize-website-variable=\\"\\" data-variable=\\"input-padding-x-sm\\" data-unit=\\"px\\" data-save-unit=\\"rem\\"/>\\n            </we-row>\\n            <we-row string=\\"Large\\" class=\\"o_we_sublevel_1\\">\\n                <we-input title=\\"Y\\" data-customize-website-variable=\\"\\" data-variable=\\"input-padding-y-lg\\" data-unit=\\"px\\" data-save-unit=\\"rem\\"/>\\n                <we-input title=\\"X\\" data-customize-website-variable=\\"\\" data-variable=\\"input-padding-x-lg\\" data-unit=\\"px\\" data-save-unit=\\"rem\\"/>\\n            </we-row>\\n        </we-collapse>\\n        <we-collapse>\\n            <we-input string=\\"Font Size\\" data-customize-website-variable=\\"\\" data-variable=\\"input-font-size\\" data-unit=\\"px\\" data-save-unit=\\"rem\\"/>\\n            <we-input string=\\"Small\\" class=\\"o_we_sublevel_1\\" data-customize-website-variable=\\"\\" data-variable=\\"input-font-size-sm\\" data-unit=\\"px\\" data-save-unit=\\"rem\\"/>\\n            <we-input string=\\"Large\\" class=\\"o_we_sublevel_1\\" data-customize-website-variable=\\"\\" data-variable=\\"input-font-size-lg\\" data-unit=\\"px\\" data-save-unit=\\"rem\\"/>\\n        </we-collapse>\\n        <we-collapse>\\n            <we-input string=\\"Border Width\\" data-customize-website-variable=\\"\\" data-variable=\\"input-border-width\\" data-unit=\\"px\\" data-save-unit=\\"rem\\"/>\\n        </we-collapse>\\n        <we-collapse>\\n            <we-input string=\\"Border Radius\\" data-customize-website-variable=\\"\\" data-variable=\\"input-border-radius\\" data-unit=\\"px\\" data-save-unit=\\"rem\\"/>\\n            <we-input string=\\"Small\\" class=\\"o_we_sublevel_1\\" data-customize-website-variable=\\"\\" data-variable=\\"input-border-radius-sm\\" data-unit=\\"px\\" data-save-unit=\\"rem\\"/>\\n            <we-input string=\\"Large\\" class=\\"o_we_sublevel_1\\" data-customize-website-variable=\\"\\" data-variable=\\"input-border-radius-lg\\" data-unit=\\"px\\" data-save-unit=\\"rem\\"/>\\n        </we-collapse>\\n        <we-row string=\\"Background\\">\\n            <we-colorpicker title=\\"Background\\" data-no-transparency=\\"true\\" data-customize-website-color=\\"\\" data-color=\\"input\\"/>\\n        </we-row>\\n    </div>\\n    <div data-js=\\"OptionsTab\\" data-selector=\\"theme-advanced\\" data-no-check=\\"true\\">\\n        <we-checkbox string=\\"Show Header\\" data-customize-website-views=\\"website.option_layout_hide_header|\\" data-reload=\\"/\\"/>\\n        <we-row string=\\"Code Injection\\" title=\\"Enter code that will be added into every page of your site\\">\\n            <we-button data-no-preview=\\"true\\" data-open-custom-code-dialog=\\"head\\">&amp;lt;head&amp;gt; and &amp;lt;/body&amp;gt;</we-button>\\n        </we-row>\\n        <we-row string=\\"Google Map\\">\\n            <we-button data-configure-api-key=\\"\\" data-no-preview=\\"true\\">Custom Key</we-button>\\n        </we-row>\\n        <we-row string=\\"Status Colors\\">\\n            <we-colorpicker title=\\"Success\\" data-customize-website-color=\\"\\" data-color-type=\\"theme\\" data-color=\\"success\\" data-selected-tab=\\"custom-colors\\"/>\\n            <we-colorpicker title=\\"Info\\" data-customize-website-color=\\"\\" data-color-type=\\"theme\\" data-color=\\"info\\" data-selected-tab=\\"custom-colors\\"/>\\n            <we-colorpicker title=\\"Warning\\" data-customize-website-color=\\"\\" data-color-type=\\"theme\\" data-color=\\"warning\\" data-selected-tab=\\"custom-colors\\"/>\\n            <we-colorpicker title=\\"Error\\" data-customize-website-color=\\"\\" data-color-type=\\"theme\\" data-color=\\"danger\\" data-selected-tab=\\"custom-colors\\"/>\\n        </we-row>\\n        <we-collapse>\\n            <we-row string=\\"Grays\\" class=\\"o_we_gray_preview o_we_collapse_toggler\\">\\n                <t t-foreach=\\"9\\" t-as=\\"i\\">\\n                    <t t-set=\\"grayCode\\" t-value=\\"str((9 - i) * 100)\\"/>\\n                    <span t-attf-title=\\"Gray #{grayCode}\\" t-attf-variable=\\"#{grayCode}\\" t-attf-class=\\"o_we_user_value_widget o_we_gray_preview bg-#{grayCode}\\"/>\\n                </t>\\n            </we-row>\\n            <we-range string=\\"Hue\\" class=\\"o_we_sublevel_1 o_we_slider_tint\\" data-customize-gray=\\"\\" data-param=\\"gray-hue\\" data-min=\\"0\\" data-max=\\"359.9\\" data-step=\\"0.1\\"/>\\n            <we-range string=\\"Saturation\\" class=\\"o_we_sublevel_1\\" data-customize-gray=\\"\\" data-param=\\"gray-extra-saturation\\" data-step=\\"0.1\\"/>\\n        </we-collapse>\\n    </div>\\n    <!-- Info page ('/website/info') -->\\n    <div data-selector=\\"main:has(.o_website_info)\\" data-page-options=\\"true\\" groups=\\"website.group_website_designer\\" data-no-check=\\"true\\" string=\\"Info Page\\">\\n        <we-checkbox string=\\"Odoo Information\\" data-customize-website-views=\\"website.show_website_info\\" data-no-preview=\\"true\\" data-reload=\\"/\\"/>\\n    </div>\\n    <div data-js=\\"SwitchableViews\\" data-selector=\\"#wrapwrap &gt; main\\" data-no-check=\\"true\\" groups=\\"website.group_website_designer\\">\\n            <!-- Options will be populated by JS -->\\n    </div>\\n\\n    <!-- Tabs snippets -->\\n    <t t-call=\\"website.snippet_options_tabs\\"/>\\n\\n    </xpath>\\n<xpath expr=\\".\\" position=\\"attributes\\"><attribute name=\\"t-name\\">website.snippet_options</attribute></xpath></data>", "fr_FR": "<data inherit_id=\\"web_editor.snippet_options\\" primary=\\"True\\">\\n    <!-- =================================================================== -->\\n    <!-- Modify generic snippet options                                      -->\\n    <!-- =================================================================== -->\\n\\n    <xpath expr=\\"//we-button[@data-name='image_transform_opt']\\" position=\\"attributes\\">\\n        <attribute name=\\"data-dependencies\\">no_animation_opt</attribute>\\n    </xpath>\\n\\n    <!-- Hover effects options -->\\n    <xpath expr=\\"//div[@data-js='ImageTools']\\" position=\\"inside\\">\\n        <div id=\\"o_hover_effects_options\\">\\n            <we-select string=\\"Effet\\" class=\\"o_we_sublevel_1\\" data-attribute-name=\\"hoverEffect\\" data-set-img-shape-hover-effect=\\"true\\">\\n                <we-button data-select-data-attribute=\\"\\" data-name=\\"hover_effect_none_opt\\">Aucun</we-button>\\n                <we-button data-select-data-attribute=\\"overlay\\" data-name=\\"hover_effect_overlay_opt\\">Overlay</we-button>\\n                <we-button data-select-data-attribute=\\"image_zoom_in\\" data-name=\\"hover_effect_zoom_in_opt\\">Agrandir</we-button>\\n                <we-button data-select-data-attribute=\\"image_zoom_out\\" data-name=\\"hover_effect_zoom_out_opt\\">Réduire</we-button>\\n                <we-button data-select-data-attribute=\\"dolly_zoom\\" data-name=\\"hover_effect_dolly_zoom_opt\\">Dolly Zoom</we-button>\\n                <we-button data-select-data-attribute=\\"outline\\" data-name=\\"hover_effect_outline_opt\\">Contour</we-button>\\n                <we-button data-select-data-attribute=\\"image_mirror_blur\\" data-name=\\"hover_effect_mirror_blur_opt\\">Flou de miroir</we-button>\\n            </we-select>\\n            <we-range string=\\"Intensité\\" class=\\"o_we_sublevel_2\\" data-select-data-attribute=\\"\\" data-attribute-name=\\"hoverEffectIntensity\\" data-dependencies=\\"hover_effect_zoom_in_opt, hover_effect_zoom_out_opt, hover_effect_mirror_blur_opt, hover_effect_dolly_zoom_opt\\" data-min=\\"1\\" data-max=\\"100\\" data-step=\\"1\\" data-display-range-value=\\"true\\" data-no-preview=\\"true\\"/>\\n            <we-colorpicker string=\\"Couleur\\" class=\\"o_we_sublevel_2\\" data-set-hover-effect-color=\\"true\\" data-excluded=\\"theme, common\\" data-dependencies=\\"hover_effect_dolly_zoom_opt, hover_effect_overlay_opt, hover_effect_zoom_in_opt, hover_effect_zoom_out_opt, hover_effect_outline_opt\\" data-no-preview=\\"true\\" data-name=\\"hover_effect_color_opt\\"/>\\n            <we-input string=\\"Largeur du trait\\" class=\\"o_we_sublevel_2\\" data-select-data-attribute=\\"\\" data-attribute-name=\\"hoverEffectStrokeWidth\\" data-step=\\"1\\" data-min=\\"1\\" data-unit=\\"px\\" data-dependencies=\\"hover_effect_outline_opt\\" data-no-preview=\\"true\\"/>\\n        </div>\\n    </xpath>\\n\\n     <!-- Version control -->\\n    <xpath expr=\\"//t[@t-call='web_editor.snippet_options_version_control']\\" position=\\"replace\\">\\n        <!-- General selector defining the parent elements of s_card and s_blockquote snippets on\\n             which the card or blockquote options should be bound (instead of the snippet itself).\\n             Note: defined here to be set above all the other options that might\\n             need it. -->\\n        <t t-set=\\"card_parent_handlers\\" t-value=\\"'.s_three_columns .row &gt; div, .s_comparisons .row &gt; div, .s_cards_grid .row &gt; div, .s_cards_soft .row &gt; div, .s_product_list .row &gt; div, .s_newsletter_centered .row &gt; div, .s_company_team_spotlight .row &gt; div, .s_comparisons_horizontal .row &gt; div, .s_company_team_grid .row &gt; div, .s_company_team_card .row &gt; div, .s_carousel_cards_item'\\"/>\\n        <t t-set=\\"blockquote_parent_handlers\\" t-value=\\"'.s_reviews_wall .row &gt; div'\\"/>\\n\\n        <!-- Binding the option on the snippet if it is not a s_card or a s_blockquote with a\\n             handler parent -->\\n        <t t-call=\\"web_editor.snippet_options_version_control\\">\\n            <t t-set=\\"selector\\" t-value=\\"'[data-snippet]'\\"/>\\n            <t t-set=\\"exclude\\" t-valuef=\\"div:is(#{card_parent_handlers}) &gt; .s_card, div:is(#{blockquote_parent_handlers}) &gt; .s_blockquote\\"/>\\n        </t>\\n\\n        <!-- Binding the option on the s_card or s_blockquote handler parent -->\\n        <t t-call=\\"web_editor.snippet_options_version_control\\">\\n            <t t-set=\\"selector\\" t-valuef=\\"#{card_parent_handlers}, #{blockquote_parent_handlers}\\"/>\\n            <t t-set=\\"target\\" t-value=\\"'&gt; .s_card, &gt; .s_blockquote'\\"/>\\n        </t>\\n    </xpath>\\n\\n    <!-- Font Awesome icons -->\\n    <xpath expr=\\"//div[@data-js='FontawesomeTools']\\" position=\\"inside\\">\\n        <t t-call=\\"website.snippet_options_border_line_widgets\\">\\n            <t t-set=\\"label\\">Bordure</t>\\n            <t t-set=\\"with_bs_class\\" t-value=\\"True\\"/>\\n        </t>\\n    </xpath>\\n\\n    <!-- =================================================================== -->\\n    <!-- Adding website specific snippet options                             -->\\n    <!-- =================================================================== -->\\n\\n    <xpath expr=\\".\\" position=\\"inside\\">\\n\\n    <!-- H-ALIGN -->\\n    <div id=\\"so_text_align\\" data-selector=\\".s_share, .s_text_highlight, .s_social_media\\">\\n        <we-button-group string=\\"Alignement\\">\\n            <we-button class=\\"fa fa-fw fa-align-left\\" title=\\"Gauche\\" data-select-class=\\"text-start\\"/>\\n            <we-button class=\\"fa fa-fw fa-align-center\\" title=\\"Centrer\\" data-select-class=\\"text-center\\"/>\\n            <we-button class=\\"fa fa-fw fa-align-right\\" title=\\"Droite\\" data-select-class=\\"text-end\\"/>\\n        </we-button-group>\\n    </div>\\n\\n    <div data-selector=\\".s_share, .s_social_media\\">\\n        <we-select string=\\"Position titre\\" data-apply-to=\\".s_share_title, .s_social_media_title\\">\\n            <we-button data-select-class=\\"d-block\\">Haut</we-button>\\n            <we-button data-select-class=\\"\\">Gauche</we-button>\\n            <we-button data-select-class=\\"d-none\\">Aucun</we-button>\\n        </we-select>\\n        <we-select string=\\"Agencement\\" data-apply-to=\\".fa\\">\\n            <we-button data-select-class=\\"rounded shadow-sm\\">Carré</we-button>\\n            <we-button data-select-class=\\"rounded-empty-circle shadow-sm\\">Cercle</we-button>\\n            <we-button data-select-class=\\"rounded-circle shadow-sm\\">Disque</we-button>\\n            <we-button data-select-class=\\"fa-stack\\">Aucun</we-button>\\n        </we-select>\\n        <we-select string=\\"Taille\\" data-apply-to=\\".fa\\">\\n            <we-button data-select-class=\\"\\">Petit(e)</we-button>\\n            <we-button data-select-class=\\"fa-2x\\">Médium</we-button>\\n            <we-button data-select-class=\\"fa-3x\\">Grand</we-button>\\n        </we-select>\\n        <!-- Compatibility, keep reverse logical, don't use `icon_color` -->\\n        <we-checkbox string=\\"Couleur\\" data-select-class=\\"no_icon_color|\\"/>\\n    </div>\\n\\n    <div id=\\"so_width\\" data-selector=\\".s_alert, .s_text_highlight\\">\\n        <we-select string=\\"Largeur\\">\\n            <we-button data-select-class=\\"w-25\\">25%</we-button>\\n            <we-button data-select-class=\\"w-50\\">50%</we-button>\\n            <we-button data-select-class=\\"w-75\\">75%</we-button>\\n            <we-button data-select-class=\\"w-100\\" data-name=\\"so_width_100\\">100%</we-button>\\n        </we-select>\\n    </div>\\n\\n    <div id=\\"so_block_align\\" data-selector=\\".s_alert, .s_text_highlight\\">\\n        <we-button-group string=\\"Alignement\\" data-dependencies=\\"!so_width_100\\">\\n            <we-button class=\\"fa fa-fw fa-align-left\\" title=\\"Gauche\\" data-select-class=\\"me-auto\\"/>\\n            <we-button class=\\"fa fa-fw fa-align-center\\" title=\\"Centrer\\" data-select-class=\\"mx-auto\\"/>\\n            <we-button class=\\"fa fa-fw fa-align-right\\" title=\\"Droite\\" data-select-class=\\"ms-auto\\"/>\\n        </we-button-group>\\n    </div>\\n\\n    <!-- Carousel | .s_carousel | .s_quotes_carousel -->\\n    <!-- Dedicated colorpicker so that there is not 3 level of\\n         o_colored_level. Use inline-style color for the same reason. -->\\n    <t t-call=\\"website.snippet_options_background_options\\">\\n        <t t-set=\\"selector\\" t-value=\\"'section'\\"/>\\n        <t t-set=\\"target\\" t-value=\\"'&gt; .carousel:not(.s_carousel_cards)'\\"/>\\n        <t t-set=\\"with_colors\\" t-value=\\"True\\"/>\\n        <t t-set=\\"with_images\\" t-value=\\"True\\"/>\\n        <t t-set=\\"with_videos\\" t-value=\\"True\\"/>\\n        <t t-set=\\"with_shapes\\" t-value=\\"True\\"/>\\n        <t t-set=\\"with_gradients\\" t-value=\\"True\\"/>\\n        <t t-set=\\"with_color_combinations\\" t-value=\\"True\\"/>\\n    </t>\\n\\n    <t t-call=\\"website.snippet_options_carousel\\"/>\\n    <t t-call=\\"website.snippet_options_carousel_bottom_controllers\\"/>\\n\\n    <div data-js=\\"CarouselItem\\" data-selector=\\".s_carousel .carousel-item, .s_quotes_carousel .carousel-item, .s_carousel_intro .carousel-item, .s_carousel_cards .carousel-item\\">\\n        <we-button class=\\"fa fa-fw fa-angle-left\\" data-switch-to-slide=\\"left\\" data-no-preview=\\"true\\" title=\\"Passer à l'arrière-plan\\"/>\\n        <we-button class=\\"fa fa-fw fa-angle-right me-2\\" data-switch-to-slide=\\"right\\" data-no-preview=\\"true\\" title=\\"Passer à l'avant-plan\\"/>\\n        <we-button class=\\"fa fa-fw fa-plus o_we_bg_success\\" data-add-slide-item=\\"true\\" data-no-preview=\\"true\\" title=\\"Ajouter une diapositive\\"/>\\n        <we-button class=\\"fa fa-fw fa-minus o_we_bg_danger\\" data-remove-slide=\\"true\\" data-no-preview=\\"true\\" title=\\"Supprimer la diapositive\\"/>\\n    </div>\\n\\n    <div data-js=\\"GalleryElement\\" data-selector=\\".s_image_gallery img, .s_carousel .carousel-item, .s_quotes_carousel .carousel-item, .s_carousel_intro .carousel-item, .s_carousel_cards .carousel-item\\">\\n        <we-row string=\\"Organiser\\" data-no-preview=\\"true\\">\\n            <we-button class=\\"fa fa-fw fa-angle-double-left\\" title=\\"Passer au premier\\" data-position=\\"first\\"/>\\n            <we-button class=\\"fa fa-fw fa-angle-left\\" title=\\"Passer au précédent\\" data-position=\\"prev\\"/>\\n            <we-button class=\\"fa fa-fw fa-angle-right\\" title=\\"Passer au suivant\\" data-position=\\"next\\"/>\\n            <we-button class=\\"fa fa-fw fa-angle-double-right\\" title=\\"Passer au dernier\\" data-position=\\"last\\"/>\\n        </we-row>\\n    </div>\\n    <!-- Accordion -->\\n    <div data-js=\\"collapse\\" data-selector=\\".accordion &gt; .accordion-item\\" data-drop-in=\\".accordion:has(&gt; .accordion-item)\\"/>\\n\\n    <div data-js=\\"MultipleItems\\" data-selector=\\".s_accordion\\">\\n        <we-row string=\\"Articles\\">\\n            <we-button data-add-item=\\"\\" data-item=\\".accordion &gt; .accordion-item:last\\" data-select-item=\\"\\" data-no-preview=\\"true\\" class=\\"o_we_bg_brand_primary\\">\\n                Ajouter nouveau\\n            </we-button>\\n        </we-row>\\n    </div>\\n\\n    <t t-set=\\"so_submit_button_selector\\" t-translation=\\"off\\">\\n        .s_donation_donate_btn, .s_website_form_send\\n    </t>\\n\\n    <!-- Button -->\\n    <div data-js=\\"Button\\" data-selector=\\"a.btn\\" t-att-data-exclude=\\"so_submit_button_selector\\"/>\\n\\n    <!-- Columns only -->\\n    <div data-js=\\"layout_column\\" data-selector=\\"section.s_features_grid, section.s_process_steps\\" data-target=\\"&gt; *:has(&gt; .row), &gt; .s_allow_columns\\">\\n        <t t-call=\\"website.column_count_option\\"/>\\n    </div>\\n\\n    <!-- Grid only -->\\n    <div data-js=\\"layout_column\\" data-selector=\\"section.s_masonry_block, section.s_quadrant, section.s_image_frame, section.s_card_offset, section.s_contact_info\\" data-target=\\"&gt; *:has(&gt; .row)\\">\\n        <t t-call=\\"website.grid_layout_options\\"/>\\n    </div>\\n\\n    <!-- Grid and columns -->\\n    <div data-js=\\"layout_column\\" data-selector=\\"section, section.s_carousel_wrapper .carousel-item, .s_carousel_intro_item\\" data-target=\\"&gt; *:has(&gt; .row), &gt; .s_allow_columns\\" data-exclude=\\".s_dynamic, .s_dynamic_snippet_content, .s_dynamic_snippet_title, .s_masonry_block, .s_framed_intro, .s_features_grid, .s_media_list, .s_table_of_content, .s_process_steps, .s_image_gallery, .s_pricelist_boxed, .s_quadrant, .s_pricelist_cafe, .s_faq_horizontal, .s_image_frame, .s_card_offset, .s_contact_info, .s_tabs_common, .s_floating_blocks .s_floating_blocks_block\\">\\n        <we-row>\\n            <we-button-group string=\\"Agencement\\" data-no-preview=\\"true\\">\\n                <we-button data-select-layout=\\"grid\\" data-name=\\"grid_mode\\">Grid</we-button>\\n                <we-button data-select-layout=\\"normal\\" data-name=\\"normal_mode\\">Col.</we-button>\\n            </we-button-group>\\n            <t t-call=\\"website.column_count_option\\">\\n                <t t-set=\\"with_grid\\" t-value=\\"True\\"/>\\n            </t>\\n        </we-row>\\n        <t t-call=\\"website.grid_layout_options\\">\\n            <t t-set=\\"indent\\" t-value=\\"True\\"/>\\n        </t>\\n    </div>\\n\\n    <!--  Vertical Alignment -->\\n    <div data-js=\\"vAlignment\\" id=\\"row_valign_snippet_option\\" data-selector=\\".s_text_image, .s_image_text, .s_three_columns, .s_showcase, .s_numbers, .s_faq_collapse, .s_references, .s_accordion_image, .s_shape_image, .s_reviews_wall\\" data-target=\\".row\\">\\n        <t t-call=\\"website.vertical_alignment_option\\">\\n            <t t-set=\\"indent\\" t-value=\\"True\\"/>\\n        </t>\\n    </div>\\n\\n    <!-- Move snippets around -->\\n    <div data-js=\\"SnippetMove\\" data-selector=\\"section, .s_accordion .accordion-item, .s_showcase .row .row:not(.s_col_no_resize) &gt; div, .s_hr\\" data-no-scroll=\\".s_accordion .accordion-item\\">\\n        <we-button class=\\"fa fa-fw fa-angle-up\\" data-move-snippet=\\"prev\\" data-no-preview=\\"true\\" data-name=\\"move_up_opt\\"/>\\n        <we-button class=\\"fa fa-fw fa-angle-down\\" data-move-snippet=\\"next\\" data-no-preview=\\"true\\" data-name=\\"move_down_opt\\"/>\\n    </div>\\n    <div data-js=\\"SnippetMove\\" data-selector=\\".row:not(.s_col_no_resize) &gt; div, .nav-item\\" data-exclude=\\".s_showcase .row .row &gt; div\\" data-name=\\"move_horizontally_opt\\">\\n        <we-button class=\\"fa fa-fw fa-angle-left\\" data-move-snippet=\\"prev\\" data-no-preview=\\"true\\" data-name=\\"move_left_opt\\"/>\\n        <we-button class=\\"fa fa-fw fa-angle-right\\" data-move-snippet=\\"next\\" data-no-preview=\\"true\\" data-name=\\"move_right_opt\\"/>\\n    </div>\\n\\n    <!-- Background -->\\n    <t t-set=\\"only_bg_color_selector\\" t-value=\\"'section .row &gt; div, .s_text_highlight, .s_mega_menu_thumbnails_footer, .s_hr, .s_cta_badge'\\"/>\\n    <t t-set=\\"only_bg_color_exclude\\" t-valuef=\\".s_col_no_bgcolor, .s_col_no_bgcolor.row &gt; div, .s_masonry_block .row &gt; div, .s_color_blocks_2 .row &gt; div, .s_image_gallery .row &gt; div, .s_text_cover .row &gt; .o_not_editable, [data-snippet] :not(.oe_structure) &gt; .s_hr, #{card_parent_handlers}, .s_website_form_cover .row &gt; .o_not_editable, #{blockquote_parent_handlers}\\"/>\\n\\n    <t t-set=\\"base_only_bg_image_selector\\" t-value=\\"'.s_tabs_common .oe_structure &gt; *, footer .oe_structure &gt; *'\\"/>\\n    <t t-set=\\"only_bg_image_selector\\" t-value=\\"base_only_bg_image_selector\\"/>\\n    <t t-set=\\"only_bg_image_exclude\\" t-value=\\"''\\"/>\\n\\n    <t t-set=\\"both_bg_color_image_selector\\" t-value=\\"'section, .carousel-item, .s_masonry_block .row &gt; div, .s_color_blocks_2 .row &gt; div, .parallax, .s_text_cover .row &gt; .o_not_editable, .s_website_form_cover .row &gt; .o_not_editable, .s_split_intro .row &gt; .o_not_editable'\\"/>\\n    <t t-set=\\"both_bg_color_image_exclude\\" t-value=\\"base_only_bg_image_selector + ', .s_carousel_wrapper, .s_image_gallery .carousel-item, .s_google_map, .s_map, [data-snippet] :not(.oe_structure) &gt; [data-snippet], .s_masonry_block .s_col_no_resize, .s_quotes_carousel_wrapper, .s_carousel_intro_wrapper, .s_carousel_cards_item'\\"/>\\n\\n    <t t-call=\\"website.snippet_options_background_options\\">\\n        <t t-set=\\"selector\\" t-value=\\"both_bg_color_image_selector\\"/>\\n        <t t-set=\\"exclude\\" t-value=\\"both_bg_color_image_exclude\\"/>\\n        <t t-set=\\"with_colors\\" t-value=\\"True\\"/>\\n        <t t-set=\\"with_images\\" t-value=\\"True\\"/>\\n        <t t-set=\\"with_videos\\" t-value=\\"True\\"/>\\n        <t t-set=\\"with_shapes\\" t-value=\\"True\\"/>\\n        <t t-set=\\"with_color_combinations\\" t-value=\\"True\\"/>\\n        <t t-set=\\"with_gradients\\" t-value=\\"True\\"/>\\n    </t>\\n\\n    <t t-call=\\"website.snippet_options_background_options\\">\\n        <t t-set=\\"selector\\" t-value=\\"only_bg_color_selector\\"/>\\n        <t t-set=\\"exclude\\" t-value=\\"only_bg_color_exclude\\"/>\\n        <t t-set=\\"with_colors\\" t-value=\\"True\\"/>\\n        <t t-set=\\"with_images\\" t-value=\\"False\\"/>\\n        <t t-set=\\"with_color_combinations\\" t-value=\\"True\\"/>\\n        <t t-set=\\"with_gradients\\" t-value=\\"True\\"/>\\n    </t>\\n\\n    <t t-call=\\"website.snippet_options_background_options\\">\\n        <t t-set=\\"selector\\" t-value=\\"only_bg_image_selector\\"/>\\n        <t t-set=\\"exclude\\" t-value=\\"only_bg_image_exclude\\"/>\\n        <t t-set=\\"with_colors\\" t-value=\\"False\\"/>\\n        <t t-set=\\"with_images\\" t-value=\\"True\\"/>\\n        <t t-set=\\"with_videos\\" t-value=\\"True\\"/>\\n        <t t-set=\\"with_shapes\\" t-value=\\"True\\"/>\\n    </t>\\n\\n    <!-- Grid mode columns -->\\n    <div data-js=\\"GridColumns\\" data-selector=\\".row:not(.s_col_no_resize) &gt; div\\">\\n        <we-row string=\\"Padding (Y, X)\\">\\n            <we-input data-select-style=\\"\\" data-css-property=\\"--grid-item-padding-y\\" data-unit=\\"px\\" data-name=\\"grid_padding_y_opt\\"/>\\n            <we-input data-select-style=\\"\\" data-css-property=\\"--grid-item-padding-x\\" data-unit=\\"px\\" data-name=\\"grid_padding_x_opt\\"/>\\n        </we-row>\\n    </div>\\n\\n    <!-- Border | Columns -->\\n    <div data-js=\\"Box\\" data-selector=\\"section .row &gt; div\\" t-attf-data-exclude=\\".s_col_no_bgcolor, .s_col_no_bgcolor.row &gt; div, .s_image_gallery .row &gt; div, .s_masonry_block .s_col_no_resize, .s_text_cover .row &gt; .o_not_editable, #{card_parent_handlers}, #{blockquote_parent_handlers}\\">\\n        <t t-call=\\"website.snippet_options_border_widgets\\"/>\\n        <t t-call=\\"website.snippet_options_shadow_widgets\\"/>\\n    </div>\\n\\n    <div data-js=\\"sizing_y\\" data-selector=\\"section, .row &gt; div, .parallax, .s_hr, .carousel-item, .s_rating\\" data-exclude=\\"section:has(&gt; .carousel:not(.s_carousel_cards)), .s_carousel_cards_item, .s_image_gallery .carousel-item, .s_col_no_resize.row &gt; div, .s_col_no_resize\\"/>\\n\\n    <div data-js=\\"sizing_x\\" data-selector=\\".row &gt; div\\" data-drop-near=\\".row:not(.s_col_no_resize) &gt; div\\" data-exclude=\\".s_col_no_resize.row &gt; div, .s_col_no_resize\\"/>\\n\\n    <div data-js=\\"sizing_grid\\" data-selector=\\".row &gt; div\\" data-drop-near=\\".row.o_grid_mode &gt; div\\" data-exclude=\\".s_col_no_resize.row &gt; div, .s_col_no_resize\\"/>\\n\\n    <t t-set=\\"so_snippet_addition_selector\\" t-translation=\\"off\\">section, .parallax, .s_hr</t>\\n    <div id=\\"so_snippet_addition\\" t-att-data-selector=\\"so_snippet_addition_selector\\" data-drop-in=\\":not(p).oe_structure:not(.oe_structure_solo), :not(.o_mega_menu):not(p)[data-oe-type=html], :not(p).oe_structure.oe_structure_solo:not(:has(&gt; section:not(.s_snippet_group), &gt; div:not(.o_hook_drop_zone)))\\"/>\\n        <!-- /!\\\\ drop-in here is partly duplicated for s_popup (see dedicated options) -->\\n        <!-- TODO should be improved -->\\n\\n    <t t-set=\\"so_content_addition_selector\\" t-translation=\\"off\\">\\n        .s_alert, .o_facebook_page, .s_share, .s_social_media, .s_rating,\\n        .s_hr, .s_google_map, .s_map, .s_countdown, .s_chart, .s_text_highlight, .s_progress_bar, .s_badge,\\n        .s_embed_code, .s_donation, .s_add_to_cart, .s_online_appointment, .o_snippet_drop_in_only, .s_image, .s_cta_badge, .s_accordion\\n    </t>\\n\\n    <t t-set=\\"special_cards_selector\\" t-valuef=\\".s_card.s_timeline_card, div:is(#{card_parent_handlers}) &gt; .s_card\\"/>\\n    <t t-set=\\"special_blockquote_selector\\" t-valuef=\\"div:is(#{blockquote_parent_handlers}) &gt; .s_blockquote\\"/>\\n\\n    <div id=\\"so_content_addition\\" t-attf-data-selector=\\"#{so_content_addition_selector}, .s_card, .s_blockquote\\" t-attf-data-drop-near=\\"p, h1, h2, h3, ul, ol, div:not(.o_grid_item_image) &gt; img, div:not(.o_grid_item_image) &gt; a, .btn, #{so_content_addition_selector}, .s_card:not(#{special_cards_selector}), .s_blockquote:not(#{special_blockquote_selector})\\" t-attf-data-exclude=\\"#{special_cards_selector}, #{special_blockquote_selector}\\" data-drop-in=\\"nav\\"/>\\n\\n    <div data-js=\\"SnippetSave\\" data-selector=\\"[data-snippet], a.btn\\" t-attf-data-exclude=\\".o_no_save, #{so_submit_button_selector}\\">\\n        <we-button class=\\"fa fa-fw fa-save o_we_link o_we_hover_warning\\" title=\\"Enregistrer l'élément pour l'utiliser ailleurs\\" data-save-snippet=\\"\\" data-no-preview=\\"true\\"/>\\n    </div>\\n\\n    <div data-js=\\"menu_data\\" data-selector=\\".top_menu li &gt; a, [data-content_menu_id] li &gt; a\\" data-exclude=\\".dropdown-toggle, li.o_header_menu_button a, [data-toggle], .o_offcanvas_logo\\" data-no-check=\\"true\\"/>\\n\\n    <div data-js=\\"WebsiteLevelColor\\" data-selector=\\"#wrapwrap &gt; header\\" data-no-check=\\"true\\" groups=\\"website.group_website_designer\\">\\n        <we-select string=\\"Modèle\\" data-variable=\\"header-template\\" data-default-variables=\\"header-links-style: default\\" data-reload=\\"/\\" data-no-preview=\\"true\\">\\n            <we-button title=\\"Par défaut\\" data-name=\\"header_default_opt\\" data-trigger=\\"regular_header_visibility_opt\\" data-customize-website-views=\\"website.template_header_default\\" data-customize-website-variable=\\"'default'\\" data-img=\\"/website/static/src/img/snippets_options/header_template_default.svg\\"/>\\n            <we-button title=\\"Menu hamburger\\" data-name=\\"header_hamburger_opt\\" data-trigger=\\"regular_header_visibility_opt\\" data-customize-website-views=\\"website.template_header_hamburger, website.no_autohide_menu\\" data-customize-website-variable=\\"'hamburger'\\" data-img=\\"/website/static/src/img/snippets_options/header_template_hamburger.svg\\"/>\\n            <we-button title=\\"Boîte de menu arrondie\\" data-name=\\"header_boxed_opt\\" data-trigger=\\"over_content_header_visibility_opt\\" data-customize-website-views=\\"website.header_navbar_pills_style,website.template_header_boxed\\" data-customize-website-variable=\\"'boxed'\\" data-customize-website-variables=\\"header-links-style: pills\\" data-img=\\"/website/static/src/img/snippets_options/header_template_boxed.svg\\"/>\\n            <we-button title=\\"Menu étirable\\" data-name=\\"header_stretch_opt\\" data-trigger=\\"regular_header_visibility_opt\\" data-customize-website-views=\\"website.template_header_stretch\\" data-customize-website-variable=\\"'stretch'\\" data-img=\\"/website/static/src/img/snippets_options/header_template_stretch.svg\\"/>\\n            <we-button title=\\"Vertical\\" data-name=\\"header_vertical_opt\\" data-trigger=\\"regular_header_visibility_opt\\" data-customize-website-views=\\"website.template_header_vertical\\" data-customize-website-variable=\\"'vertical'\\" data-img=\\"/website/static/src/img/snippets_options/header_template_vertical.svg\\"/>\\n            <we-button title=\\"Menu avec barre de recherche\\" data-name=\\"header_search_opt\\" data-trigger=\\"regular_header_visibility_opt\\" data-customize-website-views=\\"website.template_header_search\\" data-customize-website-variable=\\"'search'\\" data-img=\\"/website/static/src/img/snippets_options/header_template_search.svg\\"/>\\n            <we-button title=\\"Menu - Ventes 1\\" data-name=\\"header_sales_one_opt\\" data-trigger=\\"regular_header_visibility_opt\\" data-customize-website-views=\\"website.template_header_sales_one\\" data-customize-website-variable=\\"'sales_one'\\" data-img=\\"/website/static/src/img/snippets_options/header_template_sales_one.svg\\"/>\\n            <we-button title=\\"Menu - Ventes 2\\" data-name=\\"header_sales_two_opt\\" data-trigger=\\"regular_header_visibility_opt\\" data-customize-website-views=\\"website.template_header_sales_two\\" data-customize-website-variable=\\"'sales_two'\\" data-img=\\"/website/static/src/img/snippets_options/header_template_sales_two.svg\\"/>\\n            <we-button title=\\"Menu - Ventes 3\\" data-name=\\"header_sales_three_opt\\" data-trigger=\\"regular_header_visibility_opt\\" data-customize-website-views=\\"website.template_header_sales_three\\" data-customize-website-variable=\\"'sales_three'\\" data-img=\\"/website/static/src/img/snippets_options/header_template_sales_three.svg\\"/>\\n            <we-button title=\\"Menu - Ventes 4\\" data-name=\\"header_sales_four_opt\\" data-trigger=\\"regular_header_visibility_opt\\" data-customize-website-views=\\"website.template_header_sales_four\\" data-customize-website-variable=\\"'sales_four'\\" data-img=\\"/website/static/src/img/snippets_options/header_template_sales_four.svg\\"/>\\n            <we-button title=\\"Barre latérale\\" data-name=\\"header_sidebar_opt\\" data-trigger=\\"regular_header_visibility_opt\\" data-customize-website-views=\\"website.template_header_sidebar, website.no_autohide_menu\\" data-customize-website-variable=\\"'sidebar'\\" data-img=\\"/website/static/src/img/snippets_options/header_template_sidebar.svg\\"/>\\n        </we-select>\\n\\n        <!-- Header Content Width - Options -->\\n        <we-button-group string=\\"Largeur contenu\\" data-dependencies=\\"!header_sidebar_opt\\" data-no-preview=\\"true\\" data-reload=\\"/\\">\\n                <we-button title=\\"Petit(e)\\" data-img=\\"/website/static/src/img/snippets_options/content_width_small.svg\\" data-customize-website-views=\\"website.header_width_small\\"/>\\n                <we-button title=\\"Régulier\\" data-img=\\"/website/static/src/img/snippets_options/content_width_normal.svg\\" data-customize-website-views=\\"\\"/>\\n                <we-button title=\\"Plein écran\\" data-img=\\"/website/static/src/img/snippets_options/content_width_full.svg\\" data-customize-website-views=\\"website.header_width_full\\"/>\\n        </we-button-group>\\n\\n        <!-- Header Sidebar Template - Options -->\\n        <we-input string=\\"Largeur\\" class=\\"o_we_sublevel_1\\" data-dependencies=\\"header_sidebar_opt\\" data-customize-website-variable=\\"null\\" data-variable=\\"sidebar-width\\" data-unit=\\"px\\" data-save-unit=\\"rem\\"/>\\n\\n        <we-row string=\\"Arrière-plan\\">\\n            <we-colorpicker data-customize-website-color=\\"\\" data-color=\\"menu\\" data-customize-website-layer2-color=\\"\\" data-layer-color=\\"menu-custom\\" data-layer-gradient=\\"menu-gradient\\" data-no-bundle-reload=\\"true\\" data-null-value=\\"'NULL'\\" data-with-combinations=\\"customizeWebsiteColor\\" data-with-gradients=\\"true\\"/>\\n            <we-colorpicker data-dependencies=\\"header_sales_one_opt\\" data-customize-website-color=\\"\\" data-color=\\"header-sales_one\\" data-customize-website-layer2-color=\\"\\" data-layer-color=\\"header-sales_one-custom\\" data-layer-gradient=\\"menu-secondary-gradient\\" data-no-bundle-reload=\\"true\\" data-null-value=\\"'NULL'\\" data-with-combinations=\\"customizeWebsiteColor\\" data-with-gradients=\\"true\\"/>\\n            <we-colorpicker data-dependencies=\\"header_sales_two_opt\\" data-customize-website-color=\\"\\" data-color=\\"header-sales_two\\" data-customize-website-layer2-color=\\"\\" data-layer-color=\\"header-sales_two-custom\\" data-layer-gradient=\\"menu-secondary-gradient\\" data-no-bundle-reload=\\"true\\" data-null-value=\\"'NULL'\\" data-with-combinations=\\"customizeWebsiteColor\\" data-with-gradients=\\"true\\"/>\\n            <we-colorpicker data-dependencies=\\"header_sales_three_opt\\" data-customize-website-color=\\"\\" data-color=\\"header-sales_three\\" data-customize-website-layer2-color=\\"\\" data-layer-color=\\"header-sales_three-custom\\" data-layer-gradient=\\"menu-secondary-gradient\\" data-no-bundle-reload=\\"true\\" data-null-value=\\"'NULL'\\" data-with-combinations=\\"customizeWebsiteColor\\" data-with-gradients=\\"true\\"/>\\n            <we-colorpicker data-dependencies=\\"header_sales_four_opt\\" data-customize-website-color=\\"\\" data-color=\\"header-sales_four\\" data-customize-website-layer2-color=\\"\\" data-layer-color=\\"header-sales_four-custom\\" data-layer-gradient=\\"menu-secondary-gradient\\" data-no-bundle-reload=\\"true\\" data-null-value=\\"'NULL'\\" data-with-combinations=\\"customizeWebsiteColor\\" data-with-gradients=\\"true\\"/>\\n        </we-row>\\n    </div>\\n\\n    <!-- Header - Borders & Shadows -->\\n    <div data-js=\\"HeaderBox\\" id=\\"option_header_shadow\\" data-selector=\\"#wrapwrap &gt; header:not(:has(.o_header_force_no_radius))\\" data-target=\\"nav\\" data-no-check=\\"true\\" groups=\\"website.group_website_designer\\">\\n        <t t-call=\\"website.snippet_options_header_box\\"/>\\n    </div>\\n\\n    <div data-js=\\"HeaderBox\\" id=\\"option_header_shadow\\" data-selector=\\"#wrapwrap &gt; header:has(.o_header_force_no_radius)\\" data-target=\\"nav\\" data-no-check=\\"true\\" groups=\\"website.group_website_designer\\">\\n        <t t-call=\\"website.snippet_options_header_box\\">\\n            <t t-set=\\"_no_border_radius\\" t-value=\\"True\\"/>\\n        </t>\\n    </div>\\n\\n    <div data-selector=\\"#wrapwrap &gt; header\\" data-no-check=\\"true\\" groups=\\"website.group_website_designer\\">\\n\\n        <we-select string=\\"Effet de défilement\\" data-dependencies=\\"!header_sidebar_opt\\" class=\\"o_scroll_effects_selector\\" data-variable=\\"header-scroll-effect\\">\\n            <t t-set=\\"header_effect_standard_label\\">Standard</t>\\n            <t t-set=\\"header_effect_scroll_label\\">Faire défiler</t>\\n            <t t-set=\\"header_effect_fixed_label\\">Fixe</t>\\n            <t t-set=\\"header_effect_disappears_label\\">Disparaît</t>\\n            <t t-set=\\"header_effect_fadeout_label\\">Fermeture en fondu</t>\\n            <we-button id=\\"option_header_visibility_standard\\" t-att-data-select-label=\\"header_effect_standard_label\\" class=\\"o_we_img_animate\\" data-customize-website-variable=\\"'standard'\\" data-name=\\"header_visibility_standard_opt\\" data-select-class=\\"o_header_standard\\" data-customize-website-views=\\"website.header_visibility_standard\\" data-img=\\"/website/static/src/img/snippets_options/header_effect_standard.png\\">\\n                <span t-esc=\\"header_effect_standard_label\\"/>\\n            </we-button>\\n            <we-button id=\\"option_header_effect_scroll\\" t-att-data-select-label=\\"header_effect_scroll_label\\" class=\\"o_we_img_animate\\" data-customize-website-variable=\\"'scroll'\\" data-name=\\"header_effect_scroll_opt\\" data-select-class=\\"\\" data-customize-website-views=\\"\\" data-img=\\"/website/static/src/img/snippets_options/header_effect_scroll.png\\">\\n                <span t-esc=\\"header_effect_scroll_label\\"/>\\n            </we-button>\\n            <we-button id=\\"option_header_effect_fixed\\" t-att-data-select-label=\\"header_effect_fixed_label\\" class=\\"o_we_img_animate\\" data-customize-website-variable=\\"'fixed'\\" data-name=\\"header_effect_fixed_opt\\" data-select-class=\\"o_header_fixed\\" data-customize-website-views=\\"website.header_visibility_fixed\\" data-img=\\"/website/static/src/img/snippets_options/header_effect_fixed.png\\">\\n                <span t-esc=\\"header_effect_fixed_label\\"/>\\n            </we-button>\\n            <we-button id=\\"option_header_effect_disappears\\" t-att-data-select-label=\\"header_effect_disappears_label\\" class=\\"o_we_img_animate\\" data-customize-website-variable=\\"'disappears'\\" data-name=\\"header_effect_disappears_opt\\" data-select-class=\\"o_header_disappears\\" data-customize-website-views=\\"website.header_visibility_disappears\\" data-img=\\"/website/static/src/img/snippets_options/header_effect_disappears.png\\">\\n                <span t-esc=\\"header_effect_disappears_label\\"/>\\n            </we-button>\\n            <we-button id=\\"option_header_effect_fade_out\\" t-att-data-select-label=\\"header_effect_fadeout_label\\" class=\\"o_we_img_animate\\" data-customize-website-variable=\\"'fade-out'\\" data-name=\\"header_effect_fade_out_opt\\" data-select-class=\\"o_header_fade_out\\" data-customize-website-views=\\"website.header_visibility_fade_out\\" data-img=\\"/website/static/src/img/snippets_options/header_effect_fade_out.png\\">\\n               <span t-esc=\\"header_effect_fadeout_label\\"/>\\n            </we-button>\\n        </we-select>\\n    </div>\\n\\n    <div data-js=\\"TopMenuVisibility\\" data-selector=\\"[data-main-object]:has(input.o_page_option_data[name='header_visible']) #wrapwrap &gt; header\\" data-no-check=\\"true\\">\\n        <we-select string=\\"Position en-tête\\" data-no-preview=\\"true\\" data-dependencies=\\"!header_sidebar_opt\\">\\n            <we-button data-name=\\"over_content_header_visibility_opt\\" data-visibility=\\"transparent\\">Sur le contenu</we-button>\\n            <we-button data-name=\\"regular_header_visibility_opt\\" data-visibility=\\"regular\\">Régulier</we-button>\\n            <we-button data-visibility=\\"hidden\\">Masqué</we-button>\\n        </we-select>\\n    </div>\\n\\n    <div data-js=\\"topMenuColor\\" data-selector=\\"[data-main-object]:has(input.o_page_option_data[name='header_color']):has(input.o_page_option_data[name='header_text_color']) #wrapwrap &gt; header\\" data-no-check=\\"true\\">\\n        <we-colorpicker string=\\"Arrière-plan\\" class=\\"o_we_sublevel_1\\" id=\\"option_header_transparent_color\\" data-select-style=\\"true\\" data-prevent-important=\\"true\\" data-css-property=\\"background-color\\" data-color-prefix=\\"bg-\\" data-excluded=\\"theme, common\\" data-page-option-name=\\"header_color\\"/>\\n        <we-colorpicker string=\\"Couleur de texte\\" class=\\"o_we_sublevel_1\\" id=\\"option_header_transparent_text_color\\" data-select-style=\\"true\\" data-css-property=\\"color\\" data-color-prefix=\\"text-\\" data-page-option-name=\\"header_text_color\\"/>\\n    </div>\\n\\n    <div data-js=\\"HeaderElements\\" data-selector=\\"#wrapwrap &gt; header\\" data-no-check=\\"true\\" groups=\\"website.group_website_designer\\">\\n        <we-row string=\\"Éléments\\" class=\\"o_we_full_row align-items-start\\">\\n            <we-button title=\\"Afficher/masquer élément de texte\\" class=\\"d-flex justify-content-center flex-grow-1\\" data-img=\\"/website/static/src/img/snippets_options/header_extra_element_text.svg\\" data-customize-website-views=\\"website.header_text_element\\" data-reset-view-arch=\\"true\\" data-reload=\\"/\\"/>\\n            <we-button title=\\"Afficher/masquer le sélecteur de langues\\" class=\\"fa fa-flag d-flex justify-content-center flex-grow-1\\" data-name=\\"header_language_selector_opt\\" data-customize-website-views=\\"website.header_language_selector\\" data-reset-view-arch=\\"true\\" data-reload=\\"/\\"/>\\n            <we-button title=\\"Afficher/masquer barre de recherche\\" class=\\"fa fa-search d-flex justify-content-center flex-grow-1\\" data-customize-website-views=\\"website.header_search_box\\" data-reset-view-arch=\\"true\\" data-reload=\\"/\\"/>\\n            <we-button title=\\"Afficher/masquer bouton d'inscription\\" class=\\"fa fa-sign-in d-flex justify-content-center flex-grow-1\\" data-customize-website-views=\\"portal.user_sign_in\\" data-reload=\\"/\\" data-no-preview=\\"true\\"/>\\n        </we-row>\\n        <we-row string=\\" \\" class=\\"o_we_full_row align-items-start mt-1\\">\\n            <we-button title=\\"Afficher/masquer liens sociaux\\" class=\\"flex-grow-1 d-flex justify-content-center\\" data-img=\\"/website/static/src/img/snippets_options/header_extra_element_social.svg\\" data-customize-website-views=\\"website.header_social_links\\" data-reset-view-arch=\\"true\\" data-reload=\\"/\\"/>\\n            <we-button title=\\"Afficher/masquer bouton\\" class=\\"flex-grow-1 d-flex justify-content-center\\" data-img=\\"/website/static/src/img/snippets_options/header_extra_element_cta.svg\\" data-customize-website-views=\\"website.header_call_to_action\\" data-reset-view-arch=\\"true\\" data-reload=\\"/\\"/>\\n            <we-button title=\\"Afficher/masquer logo\\" class=\\"flex-grow-1 d-flex justify-content-center\\" data-img=\\"/website/static/src/img/snippets_options/header_extra_element_logo.svg\\" data-customize-website-views=\\"|website.option_header_brand_name|website.option_header_brand_logo\\" data-reset-view-arch=\\"true\\" data-reload=\\"/\\"/>\\n        </we-row>\\n    </div>\\n\\n    <!-- Header > Navbar Options -->\\n    <div data-js=\\"HeaderNavbar\\" data-selector=\\"#wrapwrap &gt; header nav.navbar\\" data-no-check=\\"true\\" groups=\\"website.group_website_designer\\">\\n\\n        <we-select data-variable=\\"hamburger-position\\" data-reload=\\"/\\" string=\\"Alignement bureau\\" data-dependencies=\\"header_sidebar_opt, header_hamburger_opt\\">\\n            <we-button data-customize-website-variable=\\"'left'\\" data-customize-website-views=\\"\\">Gauche</we-button>\\n            <we-button data-customize-website-variable=\\"'right'\\" data-customize-website-views=\\"website.template_header_hamburger_align_right\\">Droite</we-button>\\n        </we-select>\\n\\n        <we-select string=\\"Alignement mobile\\" data-name=\\"header_mobile_alignment_opt\\" data-variable=\\"hamburger-position-mobile\\" data-reload=\\"/\\">\\n            <we-button data-customize-website-variable=\\"'right'\\" data-customize-website-views=\\"\\">Droite</we-button>\\n            <we-button data-customize-website-variable=\\"'left'\\" data-customize-website-views=\\"website.template_header_mobile_position_left\\">Gauche</we-button>\\n        </we-select>\\n\\n        <we-fontfamilypicker string=\\"Police\\" data-variable=\\"navbar-font\\"/>\\n\\n        <we-row string=\\"Format\\" class=\\"o_we_header_font_row\\">\\n            <we-input data-customize-website-variable=\\"null\\" data-variable=\\"header-font-size\\" data-unit=\\"px\\" data-save-unit=\\"rem\\"/>\\n            <we-colorpicker data-variable=\\"header-text-color\\" data-customize-website-variable=\\"\\"/>\\n            <!-- Generic alignment option controling all the template at once. -->\\n            <!-- Currently needed to be this way as the SCSS variable controls -->\\n            <!-- the mobile alignement which is the same for all templates. -->\\n            <we-select class=\\"o_we_icon_select\\" data-name=\\"header_alignment_opt\\" data-reload=\\"/\\" title=\\"Alignement\\" data-dependencies=\\"header_default_opt, header_hamburger_opt, header_boxed_opt, header_stretch_opt, header_search_opt, header_sales_one_opt, header_sales_two_opt, header_sales_four_opt, header_sidebar_opt\\">\\n                <we-button data-customize-website-views=\\"\\" data-icon=\\"fa-align-left\\"/>\\n                <we-button data-customize-website-views=\\"website.template_header_mobile_align_center, website.template_header_hamburger_mobile_align_center, website.template_header_default_align_center, website.template_header_boxed_align_center, website.template_header_stretch_align_center, website.template_header_search_align_center, website.template_header_sales_one_align_center, website.template_header_sales_two_align_center, website.template_header_sales_four_align_center, website.template_header_sidebar_align_center\\" data-icon=\\"fa-align-center\\"/>\\n                <we-button data-customize-website-views=\\"website.template_header_mobile_align_right, website.template_header_hamburger_mobile_align_right, website.template_header_default_align_right, website.template_header_boxed_align_right, website.template_header_stretch_align_right, website.template_header_search_align_right, website.template_header_sales_one_align_right, website.template_header_sales_two_align_right, website.template_header_sales_four_align_right, website.template_header_sidebar_align_right\\" data-icon=\\"fa-align-right\\"/>\\n            </we-select>\\n        </we-row>\\n\\n        <we-select string=\\"Style des liens\\" data-variable=\\"header-links-style\\" data-reload=\\"/\\" data-dependencies=\\"header_default_opt, header_boxed_opt, header_vertical_opt, header_search_opt, header_sales_one_opt, header_sales_two_opt, header_sales_three_opt, header_sales_four_opt\\">\\n            <we-button data-name=\\"option_header_navbar_links_default\\" data-customize-website-views=\\"\\" data-customize-website-variable=\\"'default'\\">Par défaut</we-button>\\n            <we-button data-name=\\"option_header_navbar_links_fill\\" data-customize-website-views=\\"website.header_navbar_pills_style\\" data-customize-website-variable=\\"'fill'\\">Remplir</we-button>\\n            <we-button data-name=\\"option_header_navbar_links_outline\\" data-customize-website-views=\\"\\" data-customize-website-variable=\\"'outline'\\">Contour</we-button>\\n            <we-button data-name=\\"option_header_navbar_links_pills\\" data-customize-website-views=\\"website.header_navbar_pills_style\\" data-customize-website-variable=\\"'pills'\\">Boutons carrés</we-button>\\n            <we-button data-name=\\"option_header_navbar_block\\" data-customize-website-views=\\"website.header_navbar_pills_style\\" data-customize-website-variable=\\"'block'\\">Bloc</we-button>\\n            <we-button data-name=\\"option_header_navbar_border_bottom\\" data-customize-website-views=\\"\\" data-customize-website-variable=\\"'border-bottom'\\">Bordure du bas</we-button>\\n        </we-select>\\n\\n        <we-select string=\\"Couleurs supplémentaires\\" data-reload=\\"/\\">\\n            <we-button data-customize-website-views=\\"\\">Par défaut</we-button>\\n            <we-button data-customize-website-views=\\"website.template_header_additional_color_primary\\">Primaire</we-button>\\n            <we-button data-customize-website-views=\\"website.template_header_additional_color_secondary\\">Secondaire</we-button>\\n        </we-select>\\n\\n        <we-select id=\\"option_header_dropdown\\" string=\\"Sous-menus\\" data-dependencies=\\"!header_hamburger_opt\\" data-no-preview=\\"true\\">\\n            <we-button data-select-class=\\"o_hoverable_dropdown\\" data-customize-website-views=\\"website.header_hoverable_dropdown\\">Au survol</we-button>\\n            <we-button data-select-class=\\"\\" data-name=\\"header_dropdown_on_click_opt\\">Sur clic</we-button>\\n        </we-select>\\n    </div>\\n\\n    <div data-selector=\\"#wrapwrap &gt; header nav.navbar .o_header_language_selector\\" data-no-check=\\"true\\" groups=\\"website.group_website_designer\\">\\n        <we-select string=\\"Style\\" data-reload=\\"/\\">\\n            <we-button data-customize-website-views=\\"website.header_language_selector\\">Menu déroulant</we-button>\\n            <we-button data-customize-website-views=\\"website.header_language_selector, website.header_language_selector_inline\\">Inline</we-button>\\n        </we-select>\\n        <we-select string=\\"Libellé\\" class=\\"o_we_sublevel_1\\" data-reload=\\"/\\" data-no-preview=\\"true\\">\\n            <we-button data-customize-website-views=\\"\\">Texte</we-button>\\n            <we-button data-customize-website-views=\\"website.header_language_selector_flag, website.header_language_selector_no_text\\">Drapeau</we-button>\\n            <we-button data-customize-website-views=\\"website.header_language_selector_flag\\">Drapeau et texte</we-button>\\n            <we-button data-customize-website-views=\\"website.header_language_selector_code, website.header_language_selector_no_text\\">Code</we-button>\\n            <we-button data-customize-website-views=\\"website.header_language_selector_flag, website.header_language_selector_code, website.header_language_selector_no_text\\">Drapeau et code</we-button>\\n        </we-select>\\n    </div>\\n\\n    <div data-selector=\\"#wrapwrap &gt; header nav.navbar .navbar-brand\\" data-no-check=\\"true\\" groups=\\"website.group_website_designer\\">\\n        <we-select string=\\"Logo\\" data-reload=\\"/\\">\\n            <we-button data-customize-website-views=\\"\\" data-name=\\"option_header_brand_none\\">Aucun</we-button>\\n            <we-button data-customize-website-views=\\"website.option_header_brand_name\\">Texte</we-button>\\n            <we-button data-customize-website-views=\\"website.option_header_brand_logo\\">Image</we-button>\\n        </we-select>\\n        <we-input string=\\"Hauteur\\" class=\\"o_we_sublevel_1\\" data-dependencies=\\"!option_header_brand_none\\" data-customize-website-variable=\\"null\\" data-variable=\\"logo-height\\" data-unit=\\"px\\" data-save-unit=\\"rem\\"/>\\n        <we-input string=\\"Hauteur (défilement)\\" class=\\"o_we_sublevel_1\\" data-name=\\"option_logo_height_scrolled\\" data-customize-website-variable=\\"null\\" data-variable=\\"fixed-logo-height\\" data-unit=\\"px\\" data-save-unit=\\"rem\\" data-dependencies=\\"!header_effect_scroll_opt\\"/>\\n    </div>\\n\\n    <!-- Footer - Layouts -->\\n    <div data-js=\\"FooterTemplateSelector\\" data-selector=\\"#wrapwrap &gt; footer\\" data-no-check=\\"true\\" groups=\\"website.group_website_designer\\">\\n        <we-select string=\\"Modèle\\" data-variable=\\"footer-template\\" data-reload=\\"/\\">\\n            <we-button title=\\"Par défaut\\" data-customize-website-views=\\"website.footer_custom\\" data-customize-website-variable=\\"'default'\\" data-img=\\"/website/static/src/img/snippets_options/footer_template_default.svg\\"/>\\n            <we-button title=\\"Descriptif\\" data-customize-website-views=\\"website.template_footer_descriptive\\" data-customize-website-variable=\\"'descriptive'\\" data-img=\\"/website/static/src/img/snippets_options/footer_template_descriptive.svg\\"/>\\n            <we-button title=\\"Centré\\" data-customize-website-views=\\"website.template_footer_centered\\" data-customize-website-variable=\\"'centered'\\" data-img=\\"/website/static/src/img/snippets_options/footer_template_centered.svg\\"/>\\n            <we-button title=\\"Liens\\" data-customize-website-views=\\"website.template_footer_links\\" data-customize-website-variable=\\"'links'\\" data-img=\\"/website/static/src/img/snippets_options/footer_template_links.svg\\"/>\\n            <we-button title=\\"Minimaliste\\" data-customize-website-views=\\"website.template_footer_minimalist\\" data-customize-website-variable=\\"'minimalist'\\" data-img=\\"/website/static/src/img/snippets_options/footer_template_minimalist.svg\\"/>\\n            <we-button title=\\"Contact\\" data-customize-website-views=\\"website.template_footer_contact\\" data-customize-website-variable=\\"'contact'\\" data-img=\\"/website/static/src/img/snippets_options/footer_template_contact.svg\\"/>\\n            <we-button title=\\"Call-to-action\\" data-customize-website-views=\\"website.template_footer_call_to_action\\" data-customize-website-variable=\\"'call_to_action'\\" data-img=\\"/website/static/src/img/snippets_options/footer_template_call_to_action.svg\\"/>\\n            <we-button title=\\"Gros titre\\" data-customize-website-views=\\"website.template_footer_headline\\" data-customize-website-variable=\\"'headline'\\" data-img=\\"/website/static/src/img/snippets_options/footer_template_headline.svg\\"/>\\n        </we-select>\\n    </div>\\n\\n    <!-- Footer Content Width -->\\n    <div data-js=\\"ContainerWidthFooter\\" data-selector=\\"#wrapwrap &gt; footer\\" data-no-check=\\"true\\" groups=\\"website.group_website_designer\\">\\n        <we-button-group string=\\"Largeur contenu\\" data-reload=\\"/\\" data-no-preview=\\"false\\" data-apply-to=\\"&gt; #footer &gt; section &gt; .container, &gt; #footer &gt; section &gt; .container-fluid, &gt; #footer &gt; section &gt; .o_container_small, .o_footer_copyright &gt; .container, .o_footer_copyright &gt; .container-fluid, .o_footer_copyright &gt; .o_container_small\\">\\n            <we-button title=\\"Petit(e)\\" data-img=\\"/website/static/src/img/snippets_options/content_width_small.svg\\" data-select-class=\\"o_container_small\\" data-customize-website-views=\\"website.footer_copyright_content_width_small\\"/>\\n            <we-button title=\\"Régulier\\" data-img=\\"/website/static/src/img/snippets_options/content_width_normal.svg\\" data-select-class=\\"container\\"/>\\n            <we-button Title=\\"Full\\" data-img=\\"/website/static/src/img/snippets_options/content_width_full.svg\\" data-select-class=\\"container-fluid\\" data-customize-website-views=\\"website.footer_copyright_content_width_fluid\\"/>\\n        </we-button-group>\\n    </div>\\n\\n    <!-- Footer - Colors & Copyright -->\\n    <div data-js=\\"WebsiteLevelColor\\" data-selector=\\"#wrapwrap &gt; footer\\" data-no-check=\\"true\\" groups=\\"website.group_website_designer\\">\\n\\n        <!-- Colors -->\\n        <we-colorpicker string=\\"Couleurs\\" data-customize-website-color=\\"\\" data-color=\\"footer\\" data-customize-website-layer2-color=\\"\\" data-layer-color=\\"footer-custom\\" data-layer-gradient=\\"footer-gradient\\" data-no-bundle-reload=\\"true\\" data-null-value=\\"'NULL'\\" data-with-combinations=\\"customizeWebsiteColor\\" data-with-gradients=\\"true\\"/>\\n        <we-select string=\\"Effet coulissant\\" data-variable=\\"footer-effect\\" data-reload=\\"/\\">\\n            <we-button string=\\"Régulier\\" data-customize-website-views=\\"\\" data-customize-website-variable=\\"\\"/>\\n            <we-button string=\\"Survoler\\" data-customize-website-views=\\"website.template_footer_slideout\\" data-customize-website-variable=\\"'slideout_slide_hover'\\"/>\\n            <we-button string=\\"Ombre\\" data-customize-website-views=\\"website.template_footer_slideout\\" data-customize-website-variable=\\"'slideout_shadow'\\"/>\\n        </we-select>\\n\\n        <!-- Copyright -->\\n        <we-checkbox string=\\"Copyright\\" data-name=\\"footer_copyright_opt\\" data-customize-website-views=\\"website.footer_no_copyright|\\" data-no-preview=\\"true\\" data-reload=\\"/\\"/>\\n    </div>\\n\\n    <!-- Footer - Borders & Shadows -->\\n    <div data-js=\\"Box\\" data-selector=\\"#wrapwrap &gt; footer\\" data-target=\\"#footer\\" data-no-check=\\"true\\" groups=\\"website.group_website_designer\\">\\n        <t t-call=\\"website.snippet_options_border_widgets\\"/>\\n        <t t-call=\\"website.snippet_options_shadow_widgets\\"/>\\n    </div>\\n\\n    <!-- Scroll to Top -->\\n    <div data-selector=\\"#wrapwrap &gt; footer\\" data-no-check=\\"true\\" groups=\\"website.group_website_designer\\">\\n        <we-row string=\\"Bouton de défilement vers le haut\\">\\n            <we-checkbox data-name=\\"footer_scrolltop_opt\\" data-customize-website-views=\\"website.option_footer_scrolltop\\" data-customize-website-variable=\\"false|true\\" data-variable=\\"footer-scrolltop\\" data-reload=\\"/\\"/>\\n            <we-select data-dependencies=\\"footer_scrolltop_opt\\" data-apply-to=\\"#o_footer_scrolltop_wrapper\\">\\n                <we-button string=\\"Gauche\\" data-select-class=\\"justify-content-start\\"/>\\n                <we-button string=\\"Centrer\\" data-select-class=\\"justify-content-center\\"/>\\n                <we-button string=\\"Droite\\" data-select-class=\\"justify-content-end\\"/>\\n            </we-select>\\n        </we-row>\\n    </div>\\n\\n    <div data-js=\\"HideFooter\\" data-selector=\\"[data-main-object]:has(input.o_page_option_data[name='footer_visible']) #wrapwrap &gt; footer\\" data-no-check=\\"true\\" groups=\\"website.group_website_designer\\">\\n        <we-checkbox string=\\"Visibilité page\\" data-name=\\"hide_footer_page_opt\\" data-visibility=\\"hidden|shown\\" data-no-preview=\\"true\\"/>\\n    </div>\\n\\n    <!-- Copyright -->\\n    <div data-js=\\"WebsiteLevelColor\\" data-selector=\\".o_footer_copyright\\" data-no-check=\\"true\\" groups=\\"website.group_website_designer\\">\\n        <we-colorpicker string=\\"Couleurs\\" data-customize-website-color=\\"\\" data-color=\\"copyright\\" data-customize-website-layer2-color=\\"\\" data-layer-color=\\"copyright-custom\\" data-layer-gradient=\\"copyright-gradient\\" data-no-bundle-reload=\\"true\\" data-null-value=\\"'NULL'\\" data-with-combinations=\\"customizeWebsiteColor\\" data-with-gradients=\\"true\\"/>\\n        <we-select data-name=\\"footer_language_selector_opt\\" string=\\"Sélection de langue\\" data-reload=\\"/\\" data-no-preview=\\"true\\">\\n            <we-button data-name=\\"language_selector_none_opt\\" data-customize-website-views=\\"\\">Aucun</we-button>\\n            <we-button data-customize-website-views=\\"portal.footer_language_selector\\">Menu déroulant</we-button>\\n            <we-button data-customize-website-views=\\"portal.footer_language_selector, website.footer_language_selector_inline\\">Inline</we-button>\\n        </we-select>\\n        <we-select data-name=\\"footer_language_selector_label_opt\\" string=\\"Libellé\\" class=\\"o_we_sublevel_1\\" data-dependencies=\\"!language_selector_none_opt\\" data-reload=\\"/\\" data-no-preview=\\"true\\">\\n            <we-button data-customize-website-views=\\"\\">Texte</we-button>\\n            <we-button data-customize-website-views=\\"website.footer_language_selector_flag, website.footer_language_selector_no_text\\">Drapeau</we-button>\\n            <we-button data-customize-website-views=\\"website.footer_language_selector_flag\\">Drapeau et texte</we-button>\\n            <we-button data-customize-website-views=\\"website.footer_language_selector_code, website.footer_language_selector_no_text\\">Code</we-button>\\n            <we-button data-customize-website-views=\\"website.footer_language_selector_flag, website.footer_language_selector_code, website.footer_language_selector_no_text\\">Drapeau et code</we-button>\\n        </we-select>\\n    </div>\\n\\n    <!-- Anchor Name -->\\n    <div data-js=\\"anchor\\" data-selector=\\":not(p).oe_structure &gt; *, :not(p)[data-oe-type=html] &gt; *\\" data-exclude=\\".modal *, .oe_structure .oe_structure *, [data-oe-type=html] .oe_structure *, .s_popup\\">\\n        <we-button class=\\"fa fa-fw fa-link o_we_link\\" title=\\"Créez un lien pour cibler cette section\\" data-no-preview=\\"true\\"/>\\n    </div>\\n\\n    <div data-js=\\"anchor\\" data-selector=\\".s_popup\\" data-target=\\".modal\\">\\n    </div>\\n\\n    <!-- Mega Menu settings -->\\n    <div data-js=\\"MegaMenuLayout\\" data-selector=\\".o_mega_menu\\">\\n        <we-select string=\\"Modèle\\" data-name=\\"mega_menu_template_opt\\">\\n            <we-button data-select-label.translate=\\"Multi Menus\\" data-select-template=\\"website.s_mega_menu_multi_menus\\" data-img=\\"/website/static/src/img/snippets_thumbs/s_mega_menu_multi_menus.svg\\">Multi Menus</we-button>\\n            <we-button data-select-label.translate=\\"Menu des images\\" data-select-template=\\"website.s_mega_menu_menu_image_menu\\" data-img=\\"/website/static/src/img/snippets_thumbs/s_mega_menu_menu_image_menu.svg\\">Menu des images</we-button>\\n            <we-button data-select-label.translate=\\"Menu Odoo\\" data-select-template=\\"website.s_mega_menu_odoo_menu\\" data-img=\\"/website/static/src/img/snippets_thumbs/s_mega_menu_odoo_menu.svg\\">Menu Odoo</we-button>\\n            <we-button data-select-label.translate=\\"Petites icônes\\" data-select-template=\\"website.s_mega_menu_little_icons\\" data-img=\\"/website/static/src/img/snippets_thumbs/s_mega_menu_little_icons.svg\\">Petites icônes</we-button>\\n            <we-button data-select-label.translate=\\"Sous-titres grandes icônes\\" data-select-template=\\"website.s_mega_menu_big_icons_subtitles\\" data-img=\\"/website/static/src/img/snippets_thumbs/s_mega_menu_big_icons_subtitles.svg\\">Sous-titres grandes icônes</we-button>\\n            <we-button data-select-label.translate=\\"Sous-titres images\\" data-select-template=\\"website.s_mega_menu_images_subtitles\\" data-img=\\"/website/static/src/img/snippets_thumbs/s_mega_menu_images_subtitles.svg\\">Sous-titres images</we-button>\\n            <we-button data-select-label.translate=\\"Logos\\" data-select-template=\\"website.s_mega_menu_menus_logos\\" data-img=\\"/website/static/src/img/snippets_thumbs/s_mega_menu_menus_logos.svg\\">Logos</we-button>\\n            <we-button data-select-label.translate=\\"Vignettes\\" data-select-template=\\"website.s_mega_menu_thumbnails\\" data-img=\\"/website/static/src/img/snippets_thumbs/s_mega_menu_thumbnails.svg\\">Vignettes</we-button>\\n            <we-button data-select-label.translate=\\"Cards\\" data-select-template=\\"website.s_mega_menu_cards\\" data-img=\\"/website/static/src/img/snippets_thumbs/s_mega_menu_cards.svg\\">Cards</we-button>\\n        </we-select>\\n        <we-select string=\\"Taille\\">\\n            <we-button data-select-class=\\"\\">Pleine largeur</we-button>\\n            <we-button data-select-class=\\"o_mega_menu_container_size\\">Restreint</we-button>\\n        </we-select>\\n    </div>\\n\\n    <div data-js=\\"MegaMenuNoDelete\\" data-selector=\\".o_mega_menu &gt; section\\"/>\\n\\n    <div data-selector=\\".o_mega_menu .nav &gt; .nav-link\\" data-drop-in=\\".o_mega_menu nav\\" data-drop-near=\\".o_mega_menu .nav-link\\"/>\\n\\n    <div data-js=\\"CoverProperties\\" data-selector=\\".o_record_cover_container\\" data-no-check=\\"true\\">\\n        <we-row string=\\"Arrière-plan\\" class=\\"o_we_full_row\\">\\n            <t t-call=\\"web_editor.snippet_options_background_color_widget\\">\\n                <t t-set=\\"with_color_combinations\\" t-value=\\"True\\"/>\\n                <t t-set=\\"with_gradients\\" t-value=\\"True\\"/>\\n            </t>\\n            <we-button-group class=\\"ms-auto\\">\\n                <we-imagepicker title=\\"Image\\" data-background=\\"\\" data-button-style=\\"true\\"/>\\n                <we-button class=\\"fa fa-fw fa-ban\\" title=\\"Aucun\\" data-background=\\"\\">\\n                </we-button>\\n            </we-button-group>\\n        </we-row>\\n        <we-select string=\\"Taille\\" data-name=\\"size_opt\\" data-cover-opt-name=\\"size\\">\\n            <we-button data-select-class=\\"o_full_screen_height\\">Plein écran</we-button>\\n            <we-button class=\\"o_record_cover_opt_size_default\\" data-select-class=\\"o_half_screen_height\\">Moitié d'écran</we-button>\\n            <we-button data-select-class=\\"cover_auto\\">Ajuster le texte</we-button>\\n        </we-select>\\n        <we-select string=\\"Intensité filtre\\" data-name=\\"filters_opt\\" data-cover-opt-name=\\"filters\\">\\n            <we-button data-filter-value=\\"0.0\\">Aucun</we-button>\\n            <we-button data-filter-value=\\"0.2\\">Basse</we-button>\\n            <we-button data-filter-value=\\"0.4\\">Médium</we-button>\\n            <we-button data-filter-value=\\"0.6\\">Haute</we-button>\\n        </we-select>\\n        <we-select string=\\"Alignement du texte\\" data-name=\\"text_align_opt\\" data-cover-opt-name=\\"text_align\\">\\n            <we-button data-select-class=\\"\\">Gauche</we-button>\\n            <we-button data-select-class=\\"text-center\\">Centré</we-button>\\n            <we-button data-select-class=\\"text-end\\">Droite</we-button>\\n        </we-select>\\n    </div>\\n\\n    <!-- Stretch section -->\\n    <div data-js=\\"ContainerWidth\\" data-selector=\\"section, .s_carousel .carousel-item, .s_carousel_intro_item\\" data-exclude=\\"[data-snippet] :not(.oe_structure) &gt; [data-snippet], #footer &gt; *\\" data-target=\\"&gt; .container, &gt; .container-fluid, &gt; .o_container_small\\">\\n        <we-button-group string=\\"Largeur contenu\\">\\n            <we-button data-select-class=\\"o_container_small\\" data-img=\\"/website/static/src/img/snippets_options/content_width_small.svg\\" title=\\"Petit(e)\\"/>\\n            <we-button data-select-class=\\"container\\" data-img=\\"/website/static/src/img/snippets_options/content_width_normal.svg\\" title=\\"Régulier\\"/>\\n            <we-button data-select-class=\\"container-fluid\\" data-img=\\"/website/static/src/img/snippets_options/content_width_full.svg\\" title=\\"Plein écran\\"/>\\n        </we-button-group>\\n    </div>\\n\\n    <!-- Scroll to next section button (only for full height) -->\\n    <div data-js=\\"ScrollButton\\" data-selector=\\"section\\" data-exclude=\\"[data-snippet] :not(.oe_structure) &gt; [data-snippet], .s_instagram_page, .o_mega_menu &gt; section, .s_tabs_images\\">\\n        <!-- Min height of section -->\\n        <we-button-group string=\\"Hauteur\\" data-show-scroll-button=\\"\\">\\n            <we-button data-name=\\"minheight_auto_opt\\" data-select-class=\\"\\" title=\\"Contenu ajusté\\">Automatique</we-button>\\n            <we-button data-select-class=\\"o_half_screen_height\\" title=\\"Moitié d'écran\\">50%</we-button>\\n            <we-button data-select-class=\\"o_full_screen_height\\" title=\\"Plein écran\\" data-name=\\"full_height_opt\\" data-show-scroll-button=\\"true\\">100%</we-button>\\n        </we-button-group>\\n\\n        <we-input string=\\"Hauteur\\" class=\\"o_we_sublevel_1\\" data-name=\\"fixed_height_opt\\" data-dependencies=\\"minheight_auto_opt\\" data-select-style=\\"\\" data-unit=\\"px\\" data-css-property=\\"height\\" data-force-style=\\"\\"/>\\n            <!--    ↑ ↑ ↑\\n            For this setting, we need to always force the style (= if the block\\n            is naturally 800px tall and the user enters 800px for this setting,\\n            we set 800px as inline style anyway). Indeed, this snippet's style\\n            is based on the height that is forced but once the related public\\n            widgets are started, the inner carousel items receive a min-height\\n            which makes it so the snippet \\"natural\\" height is equal to the\\n            initially forced height... so if the style is not forced, it would\\n            ultimately be removed by mistake thinking it is not necessary.\\n            Note: this is forced as not important as we still need the height to\\n            be reset to 'auto' in mobile (generic css rules).\\n            -->\\n\\n        <we-checkbox string=\\"Bouton de défilement vers le bas\\" data-toggle-button=\\"true\\" data-no-preview=\\"true\\" data-dependencies=\\"full_height_opt\\" data-name=\\"scroll_button_opt\\"/>\\n        <we-row string=\\"Couleurs\\" class=\\"o_we_sublevel_1\\">\\n            <we-colorpicker data-select-style=\\"true\\" data-css-property=\\"background-color\\" data-color-prefix=\\"bg-\\" data-apply-to=\\".o_scroll_button\\" data-dependencies=\\"scroll_button_opt\\"/>\\n            <we-colorpicker data-select-style=\\"true\\" data-css-property=\\"color\\" data-color-prefix=\\"text-\\" data-apply-to=\\".o_scroll_button\\" data-dependencies=\\"scroll_button_opt\\"/>\\n        </we-row>\\n        <we-select string=\\"Espacement\\" class=\\"o_we_sublevel_1\\" data-apply-to=\\".o_scroll_button\\" data-dependencies=\\"scroll_button_opt\\">\\n            <we-button data-select-class=\\"\\">Aucun</we-button>\\n            <we-button data-select-class=\\"mb-1\\">Super petit</we-button>\\n            <we-button data-select-class=\\"mb-2\\">Petit(e)</we-button>\\n            <we-button data-select-class=\\"mb-3\\">Médium</we-button>\\n            <we-button data-select-class=\\"mb-4\\">Grande</we-button>\\n            <we-button data-select-class=\\"mb-5\\">Très grand</we-button>\\n        </we-select>\\n    </div>\\n\\n    <t t-set=\\"_device_visibility_widgets\\">\\n        <we-button class=\\"o_we_device\\" data-toggle-device-visibility=\\"no_desktop\\" title=\\"Afficher/Masquer sur le bureau\\" data-no-preview=\\"true\\" data-img=\\"/website/static/src/img/snippets_options/desktop_invisible.svg\\"/>\\n        <we-button class=\\"o_we_device\\" data-toggle-device-visibility=\\"no_mobile\\" title=\\"Afficher/Masquer sur mobile\\" data-no-preview=\\"true\\" data-img=\\"/website/static/src/img/snippets_options/mobile_invisible.svg\\"/>\\n    </t>\\n    <div data-js=\\"ConditionalVisibility\\" data-selector=\\"section, .s_hr\\">\\n        <t t-set=\\"current_website\\" t-value=\\"request.env['website'].get_current_website()\\"/>\\n        <we-collapse>\\n            <we-row string=\\"Visibilité\\">\\n                <t t-out=\\"_device_visibility_widgets\\"/>\\n                <we-select data-attribute-name=\\"visibility\\" data-no-preview=\\"true\\">\\n                    <we-button data-select-data-attribute=\\"\\">Aucune condition</we-button>\\n                    <we-button data-select-data-attribute=\\"conditional\\" data-select-class=\\"o_snippet_invisible\\" data-name=\\"visibility_conditional\\">Conditionnellement</we-button>\\n                </we-select>\\n            </we-row>\\n\\n            <t t-if=\\"request.geoip.country_code\\">\\n                <t t-call=\\"website.snippet_options_conditional_visibility\\">\\n                    <t t-set=\\"option_name\\">Pays</t>\\n                    <t t-set=\\"attribute_rule\\" t-valuef=\\"visibilityValueCountryRule\\"/>\\n                    <t t-set=\\"save_attribute\\" t-valuef=\\"visibilityValueCountry\\"/>\\n                    <t t-set=\\"attribute_name\\" t-valuef=\\"data-country\\"/>\\n                    <t t-set=\\"model\\" t-valuef=\\"res.country\\"/>\\n                    <t t-set=\\"call_with\\" t-valuef=\\"code\\"/>\\n                    <t t-set=\\"data_fields\\" t-valuef=\\"[&quot;code&quot;]\\"/>\\n                </t>\\n            </t>\\n            <t t-if=\\"len(current_website.language_ids) &gt; 1\\">\\n                <t t-call=\\"website.snippet_options_conditional_visibility\\">\\n                    <t t-set=\\"option_name\\">Langues</t>\\n                    <t t-set=\\"attribute_rule\\" t-valuef=\\"visibilityValueLangRule\\"/>\\n                    <t t-set=\\"save_attribute\\" t-valuef=\\"visibilityValueLang\\"/>\\n                    <t t-set=\\"attribute_name\\" t-valuef=\\"lang\\"/>\\n                    <t t-set=\\"model\\" t-valuef=\\"res.lang\\"/>\\n                    <t t-set=\\"call_with\\" t-valuef=\\"code\\"/>\\n                    <t t-set=\\"domain\\" t-translation=\\"off\\">[[\\"id\\", \\"in\\", <t t-out=\\"current_website.language_ids.ids\\"/>]]</t>\\n                    <t t-set=\\"data_fields\\" t-valuef=\\"[&quot;code&quot;]\\"/>\\n                </t>\\n            </t>\\n            <t t-call=\\"website.snippet_options_conditional_visibility\\">\\n                <t t-set=\\"option_name\\">Campagne UTM</t>\\n                <t t-set=\\"attribute_rule\\" t-valuef=\\"visibilityValueUtmCampaignRule\\"/>\\n                <t t-set=\\"save_attribute\\" t-valuef=\\"visibilityValueUtmCampaign\\"/>\\n                <t t-set=\\"attribute_name\\" t-valuef=\\"data-utm-campaign\\"/>\\n                <t t-set=\\"model\\" t-valuef=\\"utm.campaign\\"/>\\n                <t t-set=\\"call_with\\" t-valuef=\\"display_name\\"/>\\n            </t>\\n            <t t-call=\\"website.snippet_options_conditional_visibility\\">\\n                <t t-set=\\"option_name\\">Medium UTM</t>\\n                <t t-set=\\"attribute_rule\\" t-valuef=\\"visibilityValueUtmMediumRule\\"/>\\n                <t t-set=\\"save_attribute\\" t-valuef=\\"visibilityValueUtmMedium\\"/>\\n                <t t-set=\\"attribute_name\\" t-valuef=\\"data-utm-medium\\"/>\\n                <t t-set=\\"model\\" t-valuef=\\"utm.medium\\"/>\\n                <t t-set=\\"call_with\\" t-valuef=\\"display_name\\"/>\\n            </t>\\n            <t t-call=\\"website.snippet_options_conditional_visibility\\">\\n                <t t-set=\\"option_name\\">Source UTM</t>\\n                <t t-set=\\"attribute_rule\\" t-valuef=\\"visibilityValueUtmSourceRule\\"/>\\n                <t t-set=\\"save_attribute\\" t-valuef=\\"visibilityValueUtmSource\\"/>\\n                <t t-set=\\"attribute_name\\" t-valuef=\\"data-utm-source\\"/>\\n                <t t-set=\\"model\\" t-valuef=\\"utm.source\\"/>\\n                <t t-set=\\"call_with\\" t-valuef=\\"display_name\\"/>\\n            </t>\\n            <we-select string=\\"Utilisateurs\\" class=\\"o_we_sublevel_1\\" data-dependencies=\\"visibility_conditional\\" data-attribute-name=\\"data-logged\\" data-save-attribute=\\"visibilityValueLogged\\" data-no-preview=\\"true\\" data-attribute-default-value=\\"\\">\\n                <we-button data-select-value=\\"true\\">Visible pour les connectés</we-button>\\n                <we-button data-select-value=\\"false\\">Visible pour les déconnectés</we-button>\\n                <we-button data-select-value=\\"\\">Visible pour tous </we-button>\\n            </we-select>\\n        </we-collapse>\\n    </div>\\n\\n    <!-- Mobile/Desktop display options -->\\n    <div data-js=\\"DeviceVisibility\\" data-selector=\\"section .row &gt; div\\" data-exclude=\\".s_col_no_resize.row &gt; div, .s_masonry_block .s_col_no_resize\\">\\n        <we-row string=\\"Visibilité\\">\\n            <t t-out=\\"_device_visibility_widgets\\"/>\\n        </we-row>\\n    </div>\\n\\n    <!-- Cookies Bar -->\\n    <div data-selector=\\"#website_cookies_bar\\" data-js=\\"CookiesBar\\" data-target=\\".modal\\">\\n        <we-select string=\\"Agencement\\" class=\\"o_we_inline\\">\\n            <we-button data-select-class=\\"o_cookies_discrete\\" data-select-layout=\\"discrete\\" data-trigger=\\"position_bottom,s_popup_size_full\\">Discret</we-button>\\n            <we-button data-select-class=\\"o_cookies_classic\\" data-select-layout=\\"classic\\" data-trigger=\\"position_bottom,s_popup_size_full\\">Classique</we-button>\\n            <we-button data-name=\\"layout_popup_opt\\" data-select-class=\\"o_cookies_popup\\" data-select-layout=\\"popup\\" data-trigger=\\"position_middle,s_popup_size_md\\">Popup</we-button>\\n        </we-select>\\n    </div>\\n\\n    <!-- Image position in grid -->\\n    <div data-js=\\"GridImage\\" data-selector=\\"img\\">\\n        <we-select string=\\"Position\\">\\n            <we-button data-change-grid-image-mode=\\"cover\\">Couverture</we-button>\\n            <we-button data-change-grid-image-mode=\\"contain\\">Contient</we-button>\\n        </we-select>\\n    </div>\\n\\n    <!-- Indicators: '.o_dot' and '.o_dot_line' -->\\n    <t t-set=\\"o_dot_color_selector\\" t-valuef=\\".s_timeline .s_timeline_row\\"/>\\n    <t t-set=\\"o_dot_line_color_selector\\" t-valuef=\\".s_timeline\\"/>\\n\\n    <div t-att-data-selector=\\"o_dot_color_selector\\">\\n        <we-colorpicker string=\\"Couleur des points\\" data-select-style=\\"true\\" data-css-property=\\"color\\" data-color-prefix=\\"text-\\" data-apply-to=\\".o_dot\\"/>\\n    </div>\\n    <div t-att-data-selector=\\"o_dot_line_color_selector\\">\\n        <we-colorpicker string=\\"Couleur des lignes de points\\" data-select-style=\\"true\\" data-css-property=\\"border-color\\" data-color-prefix=\\"border-\\" data-apply-to=\\".o_dot_line\\"/>\\n    </div>\\n\\n    <!-- Website Animate -->\\n    <div data-js=\\"WebsiteAnimate\\" data-selector=\\".o_animable, section .row &gt; div, img, .fa, .btn, .o_animated_text\\" t-attf-data-exclude=\\"[data-oe-xpath], .o_not-animable, .s_col_no_resize.row &gt; div, .s_col_no_resize, div:is(#{blockquote_parent_handlers}) &gt; .s_blockquote\\" data-text-selector=\\".o_animated_text\\">\\n        <!-- Animation mode -->\\n        <we-row string=\\"Animation\\">\\n            <we-select data-dependencies=\\"!image_transform_opt\\" data-is-animation-type-selection=\\"true\\" data-no-preview=\\"true\\">\\n                <we-button data-animation-mode=\\"\\" data-select-class=\\"\\" data-name=\\"no_animation_opt\\">Aucun</we-button>\\n                <we-button data-animation-mode=\\"onAppearance\\" data-force-animation=\\"true\\" data-select-class=\\"o_animate\\" data-name=\\"animation_on_appearance_opt\\">À l'apparition</we-button>\\n                <we-button data-animation-mode=\\"onScroll\\" data-select-class=\\"o_animate o_animate_on_scroll\\" data-force-animation=\\"true\\" data-name=\\"animation_on_scroll_opt\\">Au défilement</we-button>\\n                <we-button data-animation-mode=\\"onHover\\" data-select-class=\\"o_animate_on_hover\\" data-name=\\"animation_on_hover_opt\\">Au survol</we-button>\\n            </we-select>\\n            <we-button-group data-dependencies=\\"animation_on_scroll_opt\\" data-no-preview=\\"true\\" data-force-animation=\\"true\\">\\n                <we-button data-select-class=\\"\\">Dans</we-button>\\n                <we-button data-select-class=\\"o_animate_out\\">Sortie</we-button>\\n            </we-button-group>\\n        </we-row>\\n        <!-- Effect -->\\n        <we-select string=\\"Effet\\" class=\\"o_we_sublevel_1\\" data-name=\\"animation_effect_opt\\">\\n            <we-button data-select-class=\\"\\" data-name=\\"o_anim_no_effect_opt\\" data-dependencies=\\"no_animation_opt\\">Aucun</we-button>\\n            <we-button data-select-class=\\"o_anim_fade_in\\" data-trigger=\\"animation_direction_in_place_opt\\">Fondu</we-button>\\n            <we-button data-select-class=\\"o_anim_slide_in\\" data-name=\\"o_anim_slide_in_opt\\" data-trigger=\\"animation_direction_from_right_opt\\">Diapositive</we-button>\\n            <we-button data-select-class=\\"o_anim_bounce_in\\" data-trigger=\\"animation_direction_in_place_opt\\">Rebond</we-button>\\n            <we-button data-select-class=\\"o_anim_rotate_in\\" data-name=\\"o_anim_rotate_opt\\" data-trigger=\\"animation_direction_in_place_opt\\">Rotation</we-button>\\n            <we-button data-select-class=\\"o_anim_zoom_out\\" data-trigger=\\"animation_direction_in_place_opt\\">Réduire</we-button>\\n            <we-button data-select-class=\\"o_anim_zoom_in\\" data-trigger=\\"animation_direction_in_place_opt\\">Agrandir</we-button>\\n            <we-button data-select-class=\\"o_anim_flash\\" data-dependencies=\\"animation_on_appearance_opt\\" data-trigger=\\"animation_direction_in_place_opt\\">Flash</we-button>\\n            <we-button data-select-class=\\"o_anim_pulse\\" data-dependencies=\\"animation_on_appearance_opt\\" data-trigger=\\"animation_direction_in_place_opt\\">Impulsion</we-button>\\n            <we-button data-select-class=\\"o_anim_shake\\" data-dependencies=\\"animation_on_appearance_opt\\" data-trigger=\\"animation_direction_in_place_opt\\">Secouer</we-button>\\n            <we-button data-select-class=\\"o_anim_tada\\" data-dependencies=\\"animation_on_appearance_opt\\" data-trigger=\\"animation_direction_in_place_opt\\">Tada</we-button>\\n            <we-button data-select-class=\\"o_anim_flip_in_x\\" data-dependencies=\\"animation_on_appearance_opt\\" data-trigger=\\"animation_direction_in_place_opt\\">Basculer par l'axe X</we-button>\\n            <we-button data-select-class=\\"o_anim_flip_in_y\\" data-dependencies=\\"animation_on_appearance_opt\\" data-trigger=\\"animation_direction_in_place_opt\\">Basculer par l'axe Y</we-button>\\n        </we-select>\\n        <!-- Direction -->\\n        <we-select string=\\"Direction\\" class=\\"o_we_sublevel_1\\" data-name=\\"animation_direction_opt\\" data-force-animation=\\"true\\">\\n            <we-button data-select-class=\\"\\" data-name=\\"animation_direction_in_place_opt\\" data-dependencies=\\"!o_anim_slide_in_opt\\">En Place</we-button>\\n            <we-button data-select-class=\\"o_anim_from_right\\" data-name=\\"animation_direction_from_right_opt\\" data-dependencies=\\"!o_anim_rotate_opt\\">Depuis la droite</we-button>\\n            <we-button data-select-class=\\"o_anim_from_left\\" data-dependencies=\\"!o_anim_rotate_opt\\">Depuis la gauche</we-button>\\n            <we-button data-select-class=\\"o_anim_from_bottom\\" data-dependencies=\\"!o_anim_rotate_opt\\">Depuis le bas</we-button>\\n            <we-button data-select-class=\\"o_anim_from_top\\" data-dependencies=\\"!o_anim_rotate_opt\\">Depuis le haut</we-button>\\n            <we-button data-select-class=\\"o_anim_from_top_right\\" data-dependencies=\\"o_anim_rotate_opt\\">Depuis le haut à droite</we-button>\\n            <we-button data-select-class=\\"o_anim_from_top_left\\" data-dependencies=\\"o_anim_rotate_opt\\">Depuis le haut à gauche</we-button>\\n            <we-button data-select-class=\\"o_anim_from_bottom_right\\" data-dependencies=\\"o_anim_rotate_opt\\">Depuis le bas à droite</we-button>\\n            <we-button data-select-class=\\"o_anim_from_bottom_left\\" data-dependencies=\\"o_anim_rotate_opt\\">Depuis le bas à gauche</we-button>\\n        </we-select>\\n        <!-- Trigger -->\\n        <we-select string=\\"Déclencher\\" class=\\"o_we_sublevel_1\\" data-dependencies=\\"animation_on_appearance_opt\\" data-name=\\"animation_trigger_opt\\">\\n            <we-button data-select-class=\\"\\">Première fois seulement</we-button>\\n            <we-button data-select-class=\\"o_animate_both_scroll\\">À chaque fois</we-button>\\n        </we-select>\\n        <!-- Intensity -->\\n        <we-range string=\\"Intensité\\" class=\\"o_we_sublevel_1\\" data-name=\\"animation_intensity_opt\\" data-animation-intensity=\\"\\" data-min=\\"1\\" data-max=\\"100\\" data-step=\\"1\\" data-display-range-value=\\"true\\" data-no-preview=\\"true\\"/>\\n        <!-- Scroll Zone -->\\n        <we-row string=\\"Zone de défilement\\" class=\\"o_we_sublevel_1\\">\\n            <we-input data-unit=\\"%\\" data-step=\\"1\\" data-dependencies=\\"animation_on_scroll_opt\\" data-no-preview=\\"true\\" data-select-data-attribute=\\"\\" data-attribute-name=\\"scrollZoneStart\\" data-force-animation=\\"true\\"/>\\n            <span class=\\"mx-2\\">à</span>\\n            <we-input data-unit=\\"%\\" data-step=\\"1\\" data-dependencies=\\"animation_on_scroll_opt\\" data-no-preview=\\"true\\" data-select-data-attribute=\\"\\" data-attribute-name=\\"scrollZoneEnd\\" data-force-animation=\\"true\\"/>\\n        </we-row>\\n        <!-- Start After -->\\n        <we-input string=\\"Démarrer après\\" class=\\"o_we_sublevel_1 o_we_small_input\\" data-dependencies=\\"animation_on_appearance_opt\\" data-name=\\"animation_delay_opt\\" data-select-style=\\"0s\\" data-css-property=\\"animation-delay\\" data-unit=\\"s\\"/>\\n        <!-- Duration -->\\n        <we-input string=\\"Durée\\" class=\\"o_we_sublevel_1 o_we_small_input\\" data-dependencies=\\"animation_on_appearance_opt\\" data-select-style=\\"0.4s\\" data-css-property=\\"animation-duration\\" data-unit=\\"s\\"/>\\n    </div>\\n\\n    <!-- Text highlight effects -->\\n    <div data-js=\\"TextHighlight\\" data-selector=\\".o_text_highlight\\" data-text-selector=\\".o_text_highlight\\">\\n        <!-- Text highlight style -->\\n        <we-select string=\\"Surligner\\" data-name=\\"text_highlight_opt\\" class=\\"o_we_select_grid\\">\\n            <div class=\\"grid gap-0\\">\\n                <we-button class=\\"g-col-4\\" data-select-class=\\"o_text_highlight_underline\\" data-set-text-highlight=\\"underline\\" data-select-label=\\"Underline\\"/>\\n                <we-button class=\\"g-col-4\\" data-select-class=\\"o_text_highlight_freehand_1\\" data-set-text-highlight=\\"freehand_1\\" data-select-label=\\"Freehand 1\\"/>\\n                <we-button class=\\"g-col-4\\" data-select-class=\\"o_text_highlight_freehand_2 o_text_highlight_fill\\" data-set-text-highlight=\\"freehand_2\\" data-select-label=\\"Freehand 2\\"/>\\n                <we-button class=\\"g-col-4\\" data-select-class=\\"o_text_highlight_freehand_3 o_text_highlight_fill\\" data-set-text-highlight=\\"freehand_3\\" data-select-label=\\"Freehand 3\\"/>\\n                <we-button class=\\"g-col-4\\" data-select-class=\\"o_text_highlight_double\\" data-set-text-highlight=\\"double\\" data-select-label=\\"Double\\"/>\\n                <we-button class=\\"g-col-4\\" data-select-class=\\"o_text_highlight_wavy\\" data-set-text-highlight=\\"wavy\\" data-select-label=\\"Wavy\\"/>\\n                <we-button class=\\"g-col-4\\" data-select-class=\\"o_text_highlight_circle_1\\" data-set-text-highlight=\\"circle_1\\" data-select-label=\\"Circle 1\\"/>\\n                <we-button class=\\"g-col-4\\" data-select-class=\\"o_text_highlight_circle_2 o_text_highlight_fill\\" data-set-text-highlight=\\"circle_2\\" data-select-label=\\"Circle 2\\"/>\\n                <we-button class=\\"g-col-4\\" data-select-class=\\"o_text_highlight_circle_3 o_text_highlight_fill\\" data-set-text-highlight=\\"circle_3\\" data-select-label=\\"Circle 3\\"/>\\n                <we-button class=\\"g-col-4\\" data-select-class=\\"o_text_highlight_over_underline\\" data-set-text-highlight=\\"over_underline\\" data-select-label=\\"Over And Underline\\"/>\\n                <we-button class=\\"g-col-4\\" data-select-class=\\"o_text_highlight_scribble_1\\" data-set-text-highlight=\\"scribble_1\\" data-select-label=\\"Scribble 1\\"/>\\n                <we-button class=\\"g-col-4\\" data-select-class=\\"o_text_highlight_scribble_2 o_text_highlight_fill\\" data-set-text-highlight=\\"scribble_2\\" data-select-label=\\"Scribble 2\\"/>\\n                <we-button class=\\"g-col-4\\" data-select-class=\\"o_text_highlight_scribble_3 o_text_highlight_fill\\" data-set-text-highlight=\\"scribble_3\\" data-select-label=\\"Scribble 3\\"/>\\n                <we-button class=\\"g-col-4 text-black-50\\" data-select-class=\\"o_text_highlight_scribble_4 o_text_highlight_fill\\" data-set-text-highlight=\\"scribble_4\\" data-select-label=\\"Scribble 4\\"/>\\n                <we-button class=\\"g-col-4\\" data-select-class=\\"o_text_highlight_jagged\\" data-set-text-highlight=\\"jagged\\" data-select-label=\\"Jagged\\"/>\\n                <we-button class=\\"g-col-4\\" data-select-class=\\"o_text_highlight_cross\\" data-set-text-highlight=\\"cross\\" data-select-label=\\"Cross\\"/>\\n                <we-button class=\\"g-col-4\\" data-select-class=\\"o_text_highlight_diagonal\\" data-set-text-highlight=\\"diagonal\\" data-select-label=\\"Diagonal\\"/>\\n                <we-button class=\\"g-col-4\\" data-select-class=\\"o_text_highlight_strikethrough\\" data-set-text-highlight=\\"strikethrough\\" data-select-label=\\"Strikethrough\\"/>\\n                <we-button class=\\"g-col-4 text-black-50\\" data-select-class=\\"o_text_highlight_bold o_text_highlight_fill\\" data-set-text-highlight=\\"bold\\" data-select-label=\\"Bold\\"/>\\n                <we-button class=\\"g-col-4 text-black-50\\" data-select-class=\\"o_text_highlight_bold_1 o_text_highlight_fill\\" data-set-text-highlight=\\"bold_1\\" data-select-label=\\"Bold 1\\"/>\\n                <we-button class=\\"g-col-4 text-black-50\\" data-select-class=\\"o_text_highlight_bold_2 o_text_highlight_fill\\" data-set-text-highlight=\\"bold_2\\" data-select-label=\\"Bold 2\\"/>\\n            </div>\\n        </we-select>\\n        <!-- Text highlight color -->\\n        <we-colorpicker string=\\"Couleur\\" class=\\"o_we_sublevel_1\\" data-dependencies=\\"text_highlight_opt\\" data-css-property=\\"--text-highlight-color\\" data-select-style=\\"\\"/>\\n        <!-- Text highlight thickness -->\\n        <we-input string=\\"Épaisseur\\" class=\\"o_we_sublevel_1 o_we_small_input\\" data-dependencies=\\"text_highlight_opt\\" data-css-property=\\"--text-highlight-width\\" data-select-style=\\"\\" data-unit=\\"px\\"/>\\n    </div>\\n\\n    <!-- Theme options -->\\n    <div data-js=\\"ThemeColors\\" data-selector=\\"theme-colors\\" data-no-check=\\"true\\">\\n        <we-alert class=\\"o_old_color_system_warning d-none mt-2\\">\\n            Il semble que votre site web utilise toujours l'ancien système de couleurs de\\nOdoo 13.0 à certains endroits. Nous nous sommes assurés qu'il fonctionne toujours, mais\\nnous vous recommandons d'essayer d'utiliser le nouveau système de couleurs, qui est\\ntoujours personnalisable.\\n        </we-alert>\\n        <we-row class=\\"o_we_theme_colors_selector\\">\\n            <div class=\\"o_we_theme_colors_selector_group\\">\\n                <we-title>Principal</we-title>\\n                <we-colorpicker data-name=\\"color_1_opt\\" title=\\"Primaire\\" data-customize-website-color=\\"\\" data-color=\\"o-color-1\\" data-use-css-color=\\"true\\" data-selected-tab=\\"custom-colors\\"/>\\n                <we-colorpicker data-name=\\"color_2_opt\\" title=\\"Secondaire\\" data-customize-website-color=\\"\\" data-color=\\"o-color-2\\" data-use-css-color=\\"true\\" data-selected-tab=\\"custom-colors\\"/>\\n                <we-colorpicker data-customize-website-color=\\"\\" data-color=\\"o-color-3\\" data-use-css-color=\\"true\\" data-selected-tab=\\"custom-colors\\"/>\\n            </div>\\n            <div class=\\"o_we_theme_colors_selector_group\\">\\n                <we-title>Clair &amp; Sombre</we-title>\\n                <we-colorpicker data-customize-website-color=\\"\\" data-color=\\"o-color-4\\" data-use-css-color=\\"true\\" data-selected-tab=\\"custom-colors\\"/>\\n                <we-colorpicker data-customize-website-color=\\"\\" data-color=\\"o-color-5\\" data-use-css-color=\\"true\\" data-selected-tab=\\"custom-colors\\"/>\\n            </div>\\n            <we-select data-img=\\"/website/static/src/img/snippets_options/palette.svg\\" class=\\"o_we_theme_colors_select\\" data-variable=\\"color-palettes-name\\"/>\\n        </we-row>\\n        <we-collapse class=\\"o_we_theme_presets_collapse\\" string=\\"Préréglages couleur\\">\\n        </we-collapse>\\n    </div>\\n    <div data-js=\\"OptionsTab\\" data-selector=\\"website-settings\\" data-no-check=\\"true\\">\\n        <we-row string=\\"Thème\\" groups=\\"base.group_system\\">\\n            <we-button data-switch-theme=\\"\\" data-no-preview=\\"true\\" class=\\"o_we_bg_brand_primary\\">Changer de thème</we-button>\\n        </we-row>\\n        <we-row string=\\"Langue\\">\\n            <we-button data-add-language=\\"\\" data-no-preview=\\"true\\" class=\\"o_we_bg_brand_primary\\">Ajouter une langue</we-button>\\n        </we-row>\\n        <we-select string=\\"Agencement page\\" data-variable=\\"layout\\">\\n            <we-button data-customize-website-variable=\\"'full'\\" data-name=\\"layout_full_opt\\">Plein écran</we-button>\\n            <we-button data-customize-website-variable=\\"'boxed'\\">Emboîté</we-button>\\n            <we-button data-customize-website-variable=\\"'framed'\\">Encadré</we-button>\\n            <we-button data-customize-website-variable=\\"'postcard'\\">Carte postale</we-button>\\n        </we-select>\\n        <we-row string=\\"Arrière-plan\\" class=\\"o_we_sublevel_1\\" data-no-preview=\\"true\\">\\n            <we-colorpicker data-dependencies=\\"!layout_full_opt\\" data-customize-website-color=\\"\\" data-color=\\"body\\"/>\\n            <we-button-group data-imagepicker=\\"body_bg_image_opt\\">\\n                <we-button title=\\"Image\\" class=\\"fa fa-fw fa-camera\\" data-customize-body-bg-type=\\"'image'\\"/>\\n                <we-button title=\\"Modèle\\" class=\\"fa fa-fw fa-th\\" data-customize-body-bg-type=\\"'pattern'\\"/>\\n                <we-button title=\\"Aucun\\" class=\\"fa fa-fw fa-ban\\" data-customize-body-bg-type=\\"NONE\\"/>\\n            </we-button-group>\\n            <!-- Hidden imagepicker enabled by above button-group -->\\n            <we-imagepicker data-name=\\"body_bg_image_opt\\" data-customize-body-bg=\\"\\"/>\\n        </we-row>\\n    </div>\\n    <div data-js=\\"OptionsTab\\" data-selector=\\"theme-paragraph\\" data-no-check=\\"true\\">\\n        <we-collapse>\\n            <we-input string=\\"Taille caractères\\" data-customize-website-variable=\\"null\\" data-variable=\\"font-size-base\\" data-unit=\\"px\\" data-save-unit=\\"rem\\"/>\\n            <we-input string=\\"Petit(e)\\" class=\\"o_we_sublevel_1\\" data-customize-website-variable=\\"null\\" data-variable=\\"small-font-size\\" data-unit=\\"px\\" data-save-unit=\\"rem\\"/>\\n        </we-collapse>\\n        <we-fontfamilypicker string=\\"Font Family\\" data-variable=\\"font\\"/>\\n        <!-- \\"× \\": \\\\u00D7\\\\u2000 -->\\n        <we-input string=\\"Hauteur de ligne\\" data-customize-website-variable=\\"null\\" data-variable=\\"body-line-height\\" data-fake-unit=\\"× \\"/>\\n        <we-row string=\\"Margins\\">\\n            <we-input title=\\"Haut\\" data-customize-website-variable=\\"\\" data-variable=\\"paragraph-margin-top\\" data-unit=\\"px\\" data-save-unit=\\"px\\"/>\\n            <we-input title=\\"Bas\\" data-customize-website-variable=\\"\\" data-variable=\\"paragraph-margin-bottom\\" data-unit=\\"px\\" data-save-unit=\\"px\\"/>\\n        </we-row>\\n    </div>\\n    <div data-js=\\"OptionsTab\\" data-selector=\\"theme-headings\\" data-no-check=\\"true\\">\\n        <t t-set=\\"heading_label\\">Titre</t>\\n        <t t-set=\\"display_label\\">Afficher</t>\\n        <we-collapse>\\n            <we-input string=\\"Taille caractères\\" title=\\"Titre 1\\" data-customize-website-variable=\\"null\\" data-variable=\\"h1-font-size\\" data-unit=\\"px\\" data-save-unit=\\"rem\\"/>\\n            <t t-foreach=\\"[2, 3, 4, 5, 6]\\" t-as=\\"depth\\">\\n                <we-input t-attf-string=\\"#{heading_label} #{depth}\\" class=\\"o_we_sublevel_1\\" data-customize-website-variable=\\"null\\" t-attf-data-variable=\\"h#{depth}-font-size\\" data-unit=\\"px\\" data-save-unit=\\"rem\\"/>\\n            </t>\\n            <!-- We don't use `display-font-sizes.5` and `display-font-sizes.6` -->\\n            <t t-set=\\"used_display_font_sizes\\" t-value=\\"[1, 2, 3, 4]\\"/>\\n            <t t-foreach=\\"used_display_font_sizes\\" t-as=\\"depth\\">\\n                <we-input t-attf-string=\\"#{display_label} #{depth}\\" class=\\"o_we_sublevel_1\\" data-customize-website-variable=\\"null\\" t-attf-data-variable=\\"display-#{depth}-font-size\\" data-unit=\\"px\\" data-save-unit=\\"rem\\"/>\\n            </t>\\n        </we-collapse>\\n        <we-collapse>\\n            <we-row string=\\"Font Family\\" title=\\"Titre 1\\">\\n                <we-fontfamilypicker data-variable=\\"headings-font\\"/>\\n                <we-button class=\\"fa fa-fw fa-remove o_we_hover_danger o_we_link\\" title=\\"Réinitialiser Font Family Paragraphe\\" data-customize-website-variable=\\"\\" data-variable=\\"headings-font\\" data-remove-font=\\"set-headings-font\\" data-no-preview=\\"true\\"/>\\n            </we-row>\\n            <t t-foreach=\\"[2, 3, 4, 5, 6]\\" t-as=\\"depth\\">\\n                <we-row t-attf-string=\\"#{heading_label} #{depth}\\" class=\\"o_we_sublevel_1\\">\\n                    <we-fontfamilypicker t-attf-data-variable=\\"h#{depth}-font\\"/>\\n                    <we-button class=\\"fa fa-fw fa-remove o_we_hover_danger o_we_link\\" title=\\"Réinitialiser Font Family Titres\\" data-customize-website-variable=\\"\\" t-attf-data-variable=\\"h#{depth}-font\\" t-attf-data-remove-font=\\"set-h#{depth}-font\\" data-no-preview=\\"true\\"/>\\n                </we-row>\\n            </t>\\n            <t t-foreach=\\"used_display_font_sizes\\" t-as=\\"depth\\">\\n                <we-row t-attf-string=\\"#{display_label} #{depth}\\" class=\\"o_we_sublevel_1\\">\\n                    <we-fontfamilypicker t-attf-data-variable=\\"display-#{depth}-font\\"/>\\n                    <we-button class=\\"fa fa-fw fa-remove o_we_hover_danger o_we_link\\" title=\\"Réinitialiser Font Family Titres\\" data-customize-website-variable=\\"\\" t-attf-data-variable=\\"display-#{depth}-font\\" t-attf-data-remove-font=\\"set-display-#{depth}-font\\" data-no-preview=\\"true\\"/>\\n                </we-row>\\n            </t>\\n        </we-collapse>\\n        <we-collapse>\\n            <!-- \\"× \\": \\\\u00D7\\\\u2000 -->\\n            <we-input string=\\"Hauteur de ligne\\" title=\\"Titre 1\\" data-customize-website-variable=\\"null\\" data-variable=\\"headings-line-height\\" data-fake-unit=\\"× \\"/>\\n            <t t-foreach=\\"[2, 3, 4, 5, 6]\\" t-as=\\"depth\\">\\n                <we-input t-attf-string=\\"#{heading_label} #{depth}\\" class=\\"o_we_sublevel_1\\" data-customize-website-variable=\\"null\\" t-attf-data-variable=\\"h#{depth}-line-height\\" data-fake-unit=\\"× \\"/>\\n            </t>\\n            <t t-foreach=\\"used_display_font_sizes\\" t-as=\\"depth\\">\\n                <we-input t-attf-string=\\"#{display_label} #{depth}\\" class=\\"o_we_sublevel_1\\" data-customize-website-variable=\\"null\\" t-attf-data-variable=\\"display-#{depth}-line-height\\" data-fake-unit=\\"× \\"/>\\n            </t>\\n        </we-collapse>\\n        <we-collapse>\\n            <we-row string=\\"Margins\\" title=\\"Titre 1\\">\\n                <we-input title=\\"Haut\\" data-customize-website-variable=\\"\\" data-variable=\\"headings-margin-top\\" data-unit=\\"px\\" data-save-unit=\\"px\\"/>\\n                <we-input title=\\"Bas\\" data-customize-website-variable=\\"\\" data-variable=\\"headings-margin-bottom\\" data-unit=\\"px\\" data-save-unit=\\"px\\"/>\\n            </we-row>\\n            <t t-foreach=\\"[2, 3, 4, 5, 6]\\" t-as=\\"depth\\">\\n                <we-row t-attf-string=\\"#{heading_label} #{depth}\\" class=\\"o_we_sublevel_1\\">\\n                    <we-input title=\\"Haut\\" data-customize-website-variable=\\"\\" t-attf-data-variable=\\"h#{depth}-margin-top\\" data-unit=\\"px\\" data-save-unit=\\"px\\"/>\\n                    <we-input title=\\"Bas\\" data-customize-website-variable=\\"\\" t-attf-data-variable=\\"h#{depth}-margin-bottom\\" data-unit=\\"px\\" data-save-unit=\\"px\\"/>\\n                </we-row>\\n            </t>\\n            <t t-foreach=\\"used_display_font_sizes\\" t-as=\\"depth\\">\\n                <we-row t-attf-string=\\"#{display_label} #{depth}\\" class=\\"o_we_sublevel_1\\">\\n                    <we-input title=\\"Haut\\" data-customize-website-variable=\\"\\" t-attf-data-variable=\\"display-#{depth}-margin-top\\" data-unit=\\"px\\" data-save-unit=\\"px\\"/>\\n                    <we-input title=\\"Bas\\" data-customize-website-variable=\\"\\" t-attf-data-variable=\\"display-#{depth}-margin-bottom\\" data-unit=\\"px\\" data-save-unit=\\"px\\"/>\\n                </we-row>\\n            </t>\\n        </we-collapse>\\n    </div>\\n    <div data-js=\\"OptionsTab\\" data-selector=\\"theme-button\\" data-no-check=\\"true\\">\\n        <we-select string=\\"Style primaire\\" data-button=\\"primary\\" data-no-preview=\\"true\\">\\n            <we-button data-customize-button-style=\\"fill\\">Remplir</we-button>\\n            <we-button data-customize-button-style=\\"outline\\" data-name=\\"btn_primary_outline_opt\\">Contour</we-button>\\n            <we-button data-customize-button-style=\\"flat\\">Fixe</we-button>\\n        </we-select>\\n        <we-input string=\\"Largeur bordure\\" class=\\"o_we_sublevel_1\\" data-customize-website-variable=\\"\\" data-variable=\\"btn-primary-outline-border-width\\" data-dependencies=\\"btn_primary_outline_opt\\" data-unit=\\"px\\" data-save-unit=\\"rem\\"/>\\n        <we-select string=\\"Style secondaire\\" data-button=\\"secondary\\" data-no-preview=\\"true\\">\\n            <we-button data-customize-button-style=\\"fill\\">Remplir</we-button>\\n            <we-button data-customize-button-style=\\"outline\\" data-name=\\"btn_secondary_outline_opt\\">Contour</we-button>\\n            <we-button data-customize-button-style=\\"flat\\">Fixe</we-button>\\n        </we-select>\\n        <we-input string=\\"Largeur bordure\\" class=\\"o_we_sublevel_1\\" data-customize-website-variable=\\"\\" data-variable=\\"btn-secondary-outline-border-width\\" data-dependencies=\\"btn_secondary_outline_opt\\" data-unit=\\"px\\" data-save-unit=\\"rem\\"/>\\n        <we-row string=\\"Font Family\\">\\n            <we-fontfamilypicker data-variable=\\"buttons-font\\"/>\\n            <we-button class=\\"fa fa-fw fa-remove o_we_hover_danger o_we_link\\" title=\\"Réinitialiser Font Family Paragraphe\\" data-customize-website-variable=\\"\\" data-variable=\\"buttons-font\\" data-remove-font=\\"set-buttons-font\\" data-no-preview=\\"true\\"/>\\n        </we-row>\\n        <we-collapse>\\n            <we-row string=\\"Padding\\">\\n                <we-input title=\\"Y\\" data-customize-website-variable=\\"\\" data-variable=\\"btn-padding-y\\" data-unit=\\"px\\" data-save-unit=\\"rem\\"/>\\n                <we-input title=\\"X\\" data-customize-website-variable=\\"\\" data-variable=\\"btn-padding-x\\" data-unit=\\"px\\" data-save-unit=\\"rem\\"/>\\n            </we-row>\\n            <we-row string=\\"Petit(e)\\" class=\\"o_we_sublevel_1\\">\\n                <we-input title=\\"Y\\" data-customize-website-variable=\\"\\" data-variable=\\"btn-padding-y-sm\\" data-unit=\\"px\\" data-save-unit=\\"rem\\"/>\\n                <we-input title=\\"X\\" data-customize-website-variable=\\"\\" data-variable=\\"btn-padding-x-sm\\" data-unit=\\"px\\" data-save-unit=\\"rem\\"/>\\n            </we-row>\\n            <we-row string=\\"Grande\\" class=\\"o_we_sublevel_1\\">\\n                <we-input title=\\"Y\\" data-customize-website-variable=\\"\\" data-variable=\\"btn-padding-y-lg\\" data-unit=\\"px\\" data-save-unit=\\"rem\\"/>\\n                <we-input title=\\"X\\" data-customize-website-variable=\\"\\" data-variable=\\"btn-padding-x-lg\\" data-unit=\\"px\\" data-save-unit=\\"rem\\"/>\\n            </we-row>\\n        </we-collapse>\\n        <we-collapse>\\n            <we-input string=\\"Taille caractères\\" data-customize-website-variable=\\"\\" data-variable=\\"btn-font-size\\" data-unit=\\"px\\" data-save-unit=\\"rem\\"/>\\n            <we-input string=\\"Petit(e)\\" class=\\"o_we_sublevel_1\\" data-customize-website-variable=\\"\\" data-variable=\\"btn-font-size-sm\\" data-unit=\\"px\\" data-save-unit=\\"rem\\"/>\\n            <we-input string=\\"Grande\\" class=\\"o_we_sublevel_1\\" data-customize-website-variable=\\"\\" data-variable=\\"btn-font-size-lg\\" data-unit=\\"px\\" data-save-unit=\\"rem\\"/>\\n        </we-collapse>\\n        <we-collapse>\\n            <we-input string=\\"Coins arrondis\\" data-customize-website-variable=\\"\\" data-variable=\\"btn-border-radius\\" data-unit=\\"px\\" data-save-unit=\\"rem\\"/>\\n            <we-input string=\\"Petit(e)\\" class=\\"o_we_sublevel_1\\" data-customize-website-variable=\\"\\" data-variable=\\"btn-border-radius-sm\\" data-unit=\\"px\\" data-save-unit=\\"rem\\"/>\\n            <we-input string=\\"Grande\\" class=\\"o_we_sublevel_1\\" data-customize-website-variable=\\"\\" data-variable=\\"btn-border-radius-lg\\" data-unit=\\"px\\" data-save-unit=\\"rem\\"/>\\n        </we-collapse>\\n        <we-select string=\\"Effet sur clic\\" data-variable=\\"btn-ripple\\">\\n            <we-button data-customize-website-variable=\\"false\\">Aucun</we-button>\\n            <we-button data-customize-website-variable=\\"true\\" data-customize-website-assets=\\"website.ripple_effect_scss, website.ripple_effect_js\\">Ondulation</we-button>\\n        </we-select>\\n    </div>\\n    <div data-js=\\"OptionsTab\\" data-selector=\\"theme-link\\" data-no-check=\\"true\\">\\n        <we-select string=\\"Style de lien\\" data-variable=\\"link-underline\\">\\n            <we-button data-customize-website-variable=\\"'never'\\">Aucun soulignement</we-button>\\n            <we-button data-customize-website-variable=\\"'hover'\\">Souligner au survol</we-button>\\n            <we-button data-customize-website-variable=\\"'always'\\">Toujours souligner</we-button>\\n        </we-select>\\n    </div>\\n    <div data-js=\\"OptionsTab\\" data-selector=\\"theme-input\\" data-no-check=\\"true\\">\\n        <we-collapse>\\n            <we-row string=\\"Paddings\\">\\n                <we-input title=\\"Y\\" data-customize-website-variable=\\"\\" data-variable=\\"input-padding-y\\" data-unit=\\"px\\" data-save-unit=\\"rem\\"/>\\n                <we-input title=\\"X\\" data-customize-website-variable=\\"\\" data-variable=\\"input-padding-x\\" data-unit=\\"px\\" data-save-unit=\\"rem\\"/>\\n            </we-row>\\n            <we-row string=\\"Petit(e)\\" class=\\"o_we_sublevel_1\\">\\n                <we-input title=\\"Y\\" data-customize-website-variable=\\"\\" data-variable=\\"input-padding-y-sm\\" data-unit=\\"px\\" data-save-unit=\\"rem\\"/>\\n                <we-input title=\\"X\\" data-customize-website-variable=\\"\\" data-variable=\\"input-padding-x-sm\\" data-unit=\\"px\\" data-save-unit=\\"rem\\"/>\\n            </we-row>\\n            <we-row string=\\"Grande\\" class=\\"o_we_sublevel_1\\">\\n                <we-input title=\\"Y\\" data-customize-website-variable=\\"\\" data-variable=\\"input-padding-y-lg\\" data-unit=\\"px\\" data-save-unit=\\"rem\\"/>\\n                <we-input title=\\"X\\" data-customize-website-variable=\\"\\" data-variable=\\"input-padding-x-lg\\" data-unit=\\"px\\" data-save-unit=\\"rem\\"/>\\n            </we-row>\\n        </we-collapse>\\n        <we-collapse>\\n            <we-input string=\\"Taille caractères\\" data-customize-website-variable=\\"\\" data-variable=\\"input-font-size\\" data-unit=\\"px\\" data-save-unit=\\"rem\\"/>\\n            <we-input string=\\"Petit(e)\\" class=\\"o_we_sublevel_1\\" data-customize-website-variable=\\"\\" data-variable=\\"input-font-size-sm\\" data-unit=\\"px\\" data-save-unit=\\"rem\\"/>\\n            <we-input string=\\"Grande\\" class=\\"o_we_sublevel_1\\" data-customize-website-variable=\\"\\" data-variable=\\"input-font-size-lg\\" data-unit=\\"px\\" data-save-unit=\\"rem\\"/>\\n        </we-collapse>\\n        <we-collapse>\\n            <we-input string=\\"Largeur bordure\\" data-customize-website-variable=\\"\\" data-variable=\\"input-border-width\\" data-unit=\\"px\\" data-save-unit=\\"rem\\"/>\\n        </we-collapse>\\n        <we-collapse>\\n            <we-input string=\\"Rayon bordure\\" data-customize-website-variable=\\"\\" data-variable=\\"input-border-radius\\" data-unit=\\"px\\" data-save-unit=\\"rem\\"/>\\n            <we-input string=\\"Petit(e)\\" class=\\"o_we_sublevel_1\\" data-customize-website-variable=\\"\\" data-variable=\\"input-border-radius-sm\\" data-unit=\\"px\\" data-save-unit=\\"rem\\"/>\\n            <we-input string=\\"Grande\\" class=\\"o_we_sublevel_1\\" data-customize-website-variable=\\"\\" data-variable=\\"input-border-radius-lg\\" data-unit=\\"px\\" data-save-unit=\\"rem\\"/>\\n        </we-collapse>\\n        <we-row string=\\"Arrière-plan\\">\\n            <we-colorpicker title=\\"Arrière-plan\\" data-no-transparency=\\"true\\" data-customize-website-color=\\"\\" data-color=\\"input\\"/>\\n        </we-row>\\n    </div>\\n    <div data-js=\\"OptionsTab\\" data-selector=\\"theme-advanced\\" data-no-check=\\"true\\">\\n        <we-checkbox string=\\"Afficher en-tête\\" data-customize-website-views=\\"website.option_layout_hide_header|\\" data-reload=\\"/\\"/>\\n        <we-row string=\\"Injection de code\\" title=\\"Entrez le code qui sera ajouté dans chaque page de votre site\\">\\n            <we-button data-no-preview=\\"true\\" data-open-custom-code-dialog=\\"head\\">&amp;lt;head&amp;gt; et &amp;lt;/body&amp;gt;</we-button>\\n        </we-row>\\n        <we-row string=\\"Google Map\\">\\n            <we-button data-configure-api-key=\\"\\" data-no-preview=\\"true\\">Clé personnalisée</we-button>\\n        </we-row>\\n        <we-row string=\\"Couleurs statut\\">\\n            <we-colorpicker title=\\"Réussite\\" data-customize-website-color=\\"\\" data-color-type=\\"theme\\" data-color=\\"success\\" data-selected-tab=\\"custom-colors\\"/>\\n            <we-colorpicker title=\\"Infos\\" data-customize-website-color=\\"\\" data-color-type=\\"theme\\" data-color=\\"info\\" data-selected-tab=\\"custom-colors\\"/>\\n            <we-colorpicker title=\\"Avertissement\\" data-customize-website-color=\\"\\" data-color-type=\\"theme\\" data-color=\\"warning\\" data-selected-tab=\\"custom-colors\\"/>\\n            <we-colorpicker title=\\"Erreur\\" data-customize-website-color=\\"\\" data-color-type=\\"theme\\" data-color=\\"danger\\" data-selected-tab=\\"custom-colors\\"/>\\n        </we-row>\\n        <we-collapse>\\n            <we-row string=\\"Gris\\" class=\\"o_we_gray_preview o_we_collapse_toggler\\">\\n                <t t-foreach=\\"9\\" t-as=\\"i\\">\\n                    <t t-set=\\"grayCode\\" t-value=\\"str((9 - i) * 100)\\"/>\\n                    <span t-attf-title=\\"Gris #{grayCode}\\" t-attf-variable=\\"#{grayCode}\\" t-attf-class=\\"o_we_user_value_widget o_we_gray_preview bg-#{grayCode}\\"/>\\n                </t>\\n            </we-row>\\n            <we-range string=\\"Teinte\\" class=\\"o_we_sublevel_1 o_we_slider_tint\\" data-customize-gray=\\"\\" data-param=\\"gray-hue\\" data-min=\\"0\\" data-max=\\"359.9\\" data-step=\\"0.1\\"/>\\n            <we-range string=\\"Saturation\\" class=\\"o_we_sublevel_1\\" data-customize-gray=\\"\\" data-param=\\"gray-extra-saturation\\" data-step=\\"0.1\\"/>\\n        </we-collapse>\\n    </div>\\n    <!-- Info page ('/website/info') -->\\n    <div data-selector=\\"main:has(.o_website_info)\\" data-page-options=\\"true\\" groups=\\"website.group_website_designer\\" data-no-check=\\"true\\" string=\\"Informations Page\\">\\n        <we-checkbox string=\\"Odoo Information\\" data-customize-website-views=\\"website.show_website_info\\" data-no-preview=\\"true\\" data-reload=\\"/\\"/>\\n    </div>\\n    <div data-js=\\"SwitchableViews\\" data-selector=\\"#wrapwrap &gt; main\\" data-no-check=\\"true\\" groups=\\"website.group_website_designer\\">\\n            <!-- Options will be populated by JS -->\\n    </div>\\n\\n    <!-- Tabs snippets -->\\n    <t t-call=\\"website.snippet_options_tabs\\"/>\\n\\n    </xpath>\\n<xpath expr=\\".\\" position=\\"attributes\\"><attribute name=\\"t-name\\">website.snippet_options</attribute></xpath></data>"}	<?xml version="1.0"?>\n<data inherit_id="web_editor.snippet_options" primary="True">\n    <!-- =================================================================== -->\n    <!-- Modify generic snippet options                                      -->\n    <!-- =================================================================== -->\n\n    <xpath expr="//we-button[@data-name='image_transform_opt']" position="attributes">\n        <attribute name="data-dependencies">no_animation_opt</attribute>\n    </xpath>\n\n    <!-- Hover effects options -->\n    <xpath expr="//div[@data-js='ImageTools']" position="inside">\n        <div id="o_hover_effects_options">\n            <we-select string="Effect" class="o_we_sublevel_1" data-attribute-name="hoverEffect" data-set-img-shape-hover-effect="true">\n                <we-button data-select-data-attribute="" data-name="hover_effect_none_opt">None</we-button>\n                <we-button data-select-data-attribute="overlay" data-name="hover_effect_overlay_opt">Overlay</we-button>\n                <we-button data-select-data-attribute="image_zoom_in" data-name="hover_effect_zoom_in_opt">Zoom In</we-button>\n                <we-button data-select-data-attribute="image_zoom_out" data-name="hover_effect_zoom_out_opt">Zoom Out</we-button>\n                <we-button data-select-data-attribute="dolly_zoom" data-name="hover_effect_dolly_zoom_opt">Dolly Zoom</we-button>\n                <we-button data-select-data-attribute="outline" data-name="hover_effect_outline_opt">Outline</we-button>\n                <we-button data-select-data-attribute="image_mirror_blur" data-name="hover_effect_mirror_blur_opt">Mirror Blur</we-button>\n            </we-select>\n            <we-range string="Intensity" class="o_we_sublevel_2" data-select-data-attribute="" data-attribute-name="hoverEffectIntensity" data-dependencies="hover_effect_zoom_in_opt, hover_effect_zoom_out_opt, hover_effect_mirror_blur_opt, hover_effect_dolly_zoom_opt" data-min="1" data-max="100" data-step="1" data-display-range-value="true" data-no-preview="true"/>\n            <we-colorpicker string="Color" class="o_we_sublevel_2" data-set-hover-effect-color="true" data-excluded="theme, common" data-dependencies="hover_effect_dolly_zoom_opt, hover_effect_overlay_opt, hover_effect_zoom_in_opt, hover_effect_zoom_out_opt, hover_effect_outline_opt" data-no-preview="true" data-name="hover_effect_color_opt"/>\n            <we-input string="Stroke Width" class="o_we_sublevel_2" data-select-data-attribute="" data-attribute-name="hoverEffectStrokeWidth" data-step="1" data-min="1" data-unit="px" data-dependencies="hover_effect_outline_opt" data-no-preview="true"/>\n        </div>\n    </xpath>\n\n     <!-- Version control -->\n    <xpath expr="//t[@t-call='web_editor.snippet_options_version_control']" position="replace">\n        <!-- General selector defining the parent elements of s_card and s_blockquote snippets on\n             which the card or blockquote options should be bound (instead of the snippet itself).\n             Note: defined here to be set above all the other options that might\n             need it. -->\n        <t t-set="card_parent_handlers" t-value="'.s_three_columns .row &gt; div, .s_comparisons .row &gt; div, .s_cards_grid .row &gt; div, .s_cards_soft .row &gt; div, .s_product_list .row &gt; div, .s_newsletter_centered .row &gt; div, .s_company_team_spotlight .row &gt; div, .s_comparisons_horizontal .row &gt; div, .s_company_team_grid .row &gt; div, .s_company_team_card .row &gt; div, .s_carousel_cards_item'"/>\n        <t t-set="blockquote_parent_handlers" t-value="'.s_reviews_wall .row &gt; div'"/>\n\n        <!-- Binding the option on the snippet if it is not a s_card or a s_blockquote with a\n             handler parent -->\n        <t t-call="web_editor.snippet_options_version_control">\n            <t t-set="selector" t-value="'[data-snippet]'"/>\n            <t t-set="exclude" t-valuef="div:is(#{card_parent_handlers}) &gt; .s_card, div:is(#{blockquote_parent_handlers}) &gt; .s_blockquote"/>\n        </t>\n\n        <!-- Binding the option on the s_card or s_blockquote handler parent -->\n        <t t-call="web_editor.snippet_options_version_control">\n            <t t-set="selector" t-valuef="#{card_parent_handlers}, #{blockquote_parent_handlers}"/>\n            <t t-set="target" t-value="'&gt; .s_card, &gt; .s_blockquote'"/>\n        </t>\n    </xpath>\n\n    <!-- Font Awesome icons -->\n    <xpath expr="//div[@data-js='FontawesomeTools']" position="inside">\n        <t t-call="website.snippet_options_border_line_widgets">\n            <t t-set="label">Border</t>\n            <t t-set="with_bs_class" t-value="True"/>\n        </t>\n    </xpath>\n\n    <!-- =================================================================== -->\n    <!-- Adding website specific snippet options                             -->\n    <!-- =================================================================== -->\n\n    <xpath expr="." position="inside">\n\n    <!-- H-ALIGN -->\n    <div id="so_text_align" data-selector=".s_share, .s_text_highlight, .s_social_media">\n        <we-button-group string="Alignment">\n            <we-button class="fa fa-fw fa-align-left" title="Left" data-select-class="text-start"/>\n            <we-button class="fa fa-fw fa-align-center" title="Center" data-select-class="text-center"/>\n            <we-button class="fa fa-fw fa-align-right" title="Right" data-select-class="text-end"/>\n        </we-button-group>\n    </div>\n\n    <div data-selector=".s_share, .s_social_media">\n        <we-select string="Title Position" data-apply-to=".s_share_title, .s_social_media_title">\n            <we-button data-select-class="d-block">Top</we-button>\n            <we-button data-select-class="">Left</we-button>\n            <we-button data-select-class="d-none">None</we-button>\n        </we-select>\n        <we-select string="Layout" data-apply-to=".fa">\n            <we-button data-select-class="rounded shadow-sm">Square</we-button>\n            <we-button data-select-class="rounded-empty-circle shadow-sm">Circle</we-button>\n            <we-button data-select-class="rounded-circle shadow-sm">Disk</we-button>\n            <we-button data-select-class="fa-stack">None</we-button>\n        </we-select>\n        <we-select string="Size" data-apply-to=".fa">\n            <we-button data-select-class="">Small</we-button>\n            <we-button data-select-class="fa-2x">Medium</we-button>\n            <we-button data-select-class="fa-3x">Big</we-button>\n        </we-select>\n        <!-- Compatibility, keep reverse logical, don't use `icon_color` -->\n        <we-checkbox string="Color" data-select-class="no_icon_color|"/>\n    </div>\n\n    <div id="so_width" data-selector=".s_alert, .s_text_highlight">\n        <we-select string="Width">\n            <we-button data-select-class="w-25">25%</we-button>\n            <we-button data-select-class="w-50">50%</we-button>\n            <we-button data-select-class="w-75">75%</we-button>\n            <we-button data-select-class="w-100" data-name="so_width_100">100%</we-button>\n        </we-select>\n    </div>\n\n    <div id="so_block_align" data-selector=".s_alert, .s_text_highlight">\n        <we-button-group string="Alignment" data-dependencies="!so_width_100">\n            <we-button class="fa fa-fw fa-align-left" title="Left" data-select-class="me-auto"/>\n            <we-button class="fa fa-fw fa-align-center" title="Center" data-select-class="mx-auto"/>\n            <we-button class="fa fa-fw fa-align-right" title="Right" data-select-class="ms-auto"/>\n        </we-button-group>\n    </div>\n\n    <!-- Carousel | .s_carousel | .s_quotes_carousel -->\n    <!-- Dedicated colorpicker so that there is not 3 level of\n         o_colored_level. Use inline-style color for the same reason. -->\n    <t t-call="website.snippet_options_background_options">\n        <t t-set="selector" t-value="'section'"/>\n        <t t-set="target" t-value="'&gt; .carousel:not(.s_carousel_cards)'"/>\n        <t t-set="with_colors" t-value="True"/>\n        <t t-set="with_images" t-value="True"/>\n        <t t-set="with_videos" t-value="True"/>\n        <t t-set="with_shapes" t-value="True"/>\n        <t t-set="with_gradients" t-value="True"/>\n        <t t-set="with_color_combinations" t-value="True"/>\n    </t>\n\n    <t t-call="website.snippet_options_carousel"/>\n    <t t-call="website.snippet_options_carousel_bottom_controllers"/>\n\n    <div data-js="CarouselItem" data-selector=".s_carousel .carousel-item, .s_quotes_carousel .carousel-item, .s_carousel_intro .carousel-item, .s_carousel_cards .carousel-item">\n        <we-button class="fa fa-fw fa-angle-left" data-switch-to-slide="left" data-no-preview="true" title="Move Backward"/>\n        <we-button class="fa fa-fw fa-angle-right me-2" data-switch-to-slide="right" data-no-preview="true" title="Move Forward"/>\n        <we-button class="fa fa-fw fa-plus o_we_bg_success" data-add-slide-item="true" data-no-preview="true" title="Add Slide"/>\n        <we-button class="fa fa-fw fa-minus o_we_bg_danger" data-remove-slide="true" data-no-preview="true" title="Remove Slide"/>\n    </div>\n\n    <div data-js="GalleryElement" data-selector=".s_image_gallery img, .s_carousel .carousel-item, .s_quotes_carousel .carousel-item, .s_carousel_intro .carousel-item, .s_carousel_cards .carousel-item">\n        <we-row string="Re-order" data-no-preview="true">\n            <we-button class="fa fa-fw fa-angle-double-left" title="Move to first" data-position="first"/>\n            <we-button class="fa fa-fw fa-angle-left" title="Move to previous" data-position="prev"/>\n            <we-button class="fa fa-fw fa-angle-right" title="Move to next" data-position="next"/>\n            <we-button class="fa fa-fw fa-angle-double-right" title="Move to last" data-position="last"/>\n        </we-row>\n    </div>\n    <!-- Accordion -->\n    <div data-js="collapse" data-selector=".accordion &gt; .accordion-item" data-drop-in=".accordion:has(&gt; .accordion-item)"/>\n\n    <div data-js="MultipleItems" data-selector=".s_accordion">\n        <we-row string="Items">\n            <we-button data-add-item="" data-item=".accordion &gt; .accordion-item:last" data-select-item="" data-no-preview="true" class="o_we_bg_brand_primary">\n                Add New\n            </we-button>\n        </we-row>\n    </div>\n\n    <t t-set="so_submit_button_selector" t-translation="off">\n        .s_donation_donate_btn, .s_website_form_send\n    </t>\n\n    <!-- Button -->\n    <div data-js="Button" data-selector="a.btn" t-att-data-exclude="so_submit_button_selector"/>\n\n    <!-- Columns only -->\n    <div data-js="layout_column" data-selector="section.s_features_grid, section.s_process_steps" data-target="&gt; *:has(&gt; .row), &gt; .s_allow_columns">\n        <t t-call="website.column_count_option"/>\n    </div>\n\n    <!-- Grid only -->\n    <div data-js="layout_column" data-selector="section.s_masonry_block, section.s_quadrant, section.s_image_frame, section.s_card_offset, section.s_contact_info" data-target="&gt; *:has(&gt; .row)">\n        <t t-call="website.grid_layout_options"/>\n    </div>\n\n    <!-- Grid and columns -->\n    <div data-js="layout_column" data-selector="section, section.s_carousel_wrapper .carousel-item, .s_carousel_intro_item" data-target="&gt; *:has(&gt; .row), &gt; .s_allow_columns" data-exclude=".s_dynamic, .s_dynamic_snippet_content, .s_dynamic_snippet_title, .s_masonry_block, .s_framed_intro, .s_features_grid, .s_media_list, .s_table_of_content, .s_process_steps, .s_image_gallery, .s_pricelist_boxed, .s_quadrant, .s_pricelist_cafe, .s_faq_horizontal, .s_image_frame, .s_card_offset, .s_contact_info, .s_tabs_common, .s_floating_blocks .s_floating_blocks_block">\n        <we-row>\n            <we-button-group string="Layout" data-no-preview="true">\n                <we-button data-select-layout="grid" data-name="grid_mode">Grid</we-button>\n                <we-button data-select-layout="normal" data-name="normal_mode">Cols</we-button>\n            </we-button-group>\n            <t t-call="website.column_count_option">\n                <t t-set="with_grid" t-value="True"/>\n            </t>\n        </we-row>\n        <t t-call="website.grid_layout_options">\n            <t t-set="indent" t-value="True"/>\n        </t>\n    </div>\n\n    <!--  Vertical Alignment -->\n    <div data-js="vAlignment" id="row_valign_snippet_option" data-selector=".s_text_image, .s_image_text, .s_three_columns, .s_showcase, .s_numbers, .s_faq_collapse, .s_references, .s_accordion_image, .s_shape_image, .s_reviews_wall" data-target=".row">\n        <t t-call="website.vertical_alignment_option">\n            <t t-set="indent" t-value="True"/>\n        </t>\n    </div>\n\n    <!-- Move snippets around -->\n    <div data-js="SnippetMove" data-selector="section, .s_accordion .accordion-item, .s_showcase .row .row:not(.s_col_no_resize) &gt; div, .s_hr" data-no-scroll=".s_accordion .accordion-item">\n        <we-button class="fa fa-fw fa-angle-up" data-move-snippet="prev" data-no-preview="true" data-name="move_up_opt"/>\n        <we-button class="fa fa-fw fa-angle-down" data-move-snippet="next" data-no-preview="true" data-name="move_down_opt"/>\n    </div>\n    <div data-js="SnippetMove" data-selector=".row:not(.s_col_no_resize) &gt; div, .nav-item" data-exclude=".s_showcase .row .row &gt; div" data-name="move_horizontally_opt">\n        <we-button class="fa fa-fw fa-angle-left" data-move-snippet="prev" data-no-preview="true" data-name="move_left_opt"/>\n        <we-button class="fa fa-fw fa-angle-right" data-move-snippet="next" data-no-preview="true" data-name="move_right_opt"/>\n    </div>\n\n    <!-- Background -->\n    <t t-set="only_bg_color_selector" t-value="'section .row &gt; div, .s_text_highlight, .s_mega_menu_thumbnails_footer, .s_hr, .s_cta_badge'"/>\n    <t t-set="only_bg_color_exclude" t-valuef=".s_col_no_bgcolor, .s_col_no_bgcolor.row &gt; div, .s_masonry_block .row &gt; div, .s_color_blocks_2 .row &gt; div, .s_image_gallery .row &gt; div, .s_text_cover .row &gt; .o_not_editable, [data-snippet] :not(.oe_structure) &gt; .s_hr, #{card_parent_handlers}, .s_website_form_cover .row &gt; .o_not_editable, #{blockquote_parent_handlers}"/>\n\n    <t t-set="base_only_bg_image_selector" t-value="'.s_tabs_common .oe_structure &gt; *, footer .oe_structure &gt; *'"/>\n    <t t-set="only_bg_image_selector" t-value="base_only_bg_image_selector"/>\n    <t t-set="only_bg_image_exclude" t-value="''"/>\n\n    <t t-set="both_bg_color_image_selector" t-value="'section, .carousel-item, .s_masonry_block .row &gt; div, .s_color_blocks_2 .row &gt; div, .parallax, .s_text_cover .row &gt; .o_not_editable, .s_website_form_cover .row &gt; .o_not_editable, .s_split_intro .row &gt; .o_not_editable'"/>\n    <t t-set="both_bg_color_image_exclude" t-value="base_only_bg_image_selector + ', .s_carousel_wrapper, .s_image_gallery .carousel-item, .s_google_map, .s_map, [data-snippet] :not(.oe_structure) &gt; [data-snippet], .s_masonry_block .s_col_no_resize, .s_quotes_carousel_wrapper, .s_carousel_intro_wrapper, .s_carousel_cards_item'"/>\n\n    <t t-call="website.snippet_options_background_options">\n        <t t-set="selector" t-value="both_bg_color_image_selector"/>\n        <t t-set="exclude" t-value="both_bg_color_image_exclude"/>\n        <t t-set="with_colors" t-value="True"/>\n        <t t-set="with_images" t-value="True"/>\n        <t t-set="with_videos" t-value="True"/>\n        <t t-set="with_shapes" t-value="True"/>\n        <t t-set="with_color_combinations" t-value="True"/>\n        <t t-set="with_gradients" t-value="True"/>\n    </t>\n\n    <t t-call="website.snippet_options_background_options">\n        <t t-set="selector" t-value="only_bg_color_selector"/>\n        <t t-set="exclude" t-value="only_bg_color_exclude"/>\n        <t t-set="with_colors" t-value="True"/>\n        <t t-set="with_images" t-value="False"/>\n        <t t-set="with_color_combinations" t-value="True"/>\n        <t t-set="with_gradients" t-value="True"/>\n    </t>\n\n    <t t-call="website.snippet_options_background_options">\n        <t t-set="selector" t-value="only_bg_image_selector"/>\n        <t t-set="exclude" t-value="only_bg_image_exclude"/>\n        <t t-set="with_colors" t-value="False"/>\n        <t t-set="with_images" t-value="True"/>\n        <t t-set="with_videos" t-value="True"/>\n        <t t-set="with_shapes" t-value="True"/>\n    </t>\n\n    <!-- Grid mode columns -->\n    <div data-js="GridColumns" data-selector=".row:not(.s_col_no_resize) &gt; div">\n        <we-row string="Padding (Y, X)">\n            <we-input data-select-style="" data-css-property="--grid-item-padding-y" data-unit="px" data-name="grid_padding_y_opt"/>\n            <we-input data-select-style="" data-css-property="--grid-item-padding-x" data-unit="px" data-name="grid_padding_x_opt"/>\n        </we-row>\n    </div>\n\n    <!-- Border | Columns -->\n    <div data-js="Box" data-selector="section .row &gt; div" t-attf-data-exclude=".s_col_no_bgcolor, .s_col_no_bgcolor.row &gt; div, .s_image_gallery .row &gt; div, .s_masonry_block .s_col_no_resize, .s_text_cover .row &gt; .o_not_editable, #{card_parent_handlers}, #{blockquote_parent_handlers}">\n        <t t-call="website.snippet_options_border_widgets"/>\n        <t t-call="website.snippet_options_shadow_widgets"/>\n    </div>\n\n    <div data-js="sizing_y" data-selector="section, .row &gt; div, .parallax, .s_hr, .carousel-item, .s_rating" data-exclude="section:has(&gt; .carousel:not(.s_carousel_cards)), .s_carousel_cards_item, .s_image_gallery .carousel-item, .s_col_no_resize.row &gt; div, .s_col_no_resize"/>\n\n    <div data-js="sizing_x" data-selector=".row &gt; div" data-drop-near=".row:not(.s_col_no_resize) &gt; div" data-exclude=".s_col_no_resize.row &gt; div, .s_col_no_resize"/>\n\n    <div data-js="sizing_grid" data-selector=".row &gt; div" data-drop-near=".row.o_grid_mode &gt; div" data-exclude=".s_col_no_resize.row &gt; div, .s_col_no_resize"/>\n\n    <t t-set="so_snippet_addition_selector" t-translation="off">section, .parallax, .s_hr</t>\n    <div id="so_snippet_addition" t-att-data-selector="so_snippet_addition_selector" data-drop-in=":not(p).oe_structure:not(.oe_structure_solo), :not(.o_mega_menu):not(p)[data-oe-type=html], :not(p).oe_structure.oe_structure_solo:not(:has(&gt; section:not(.s_snippet_group), &gt; div:not(.o_hook_drop_zone)))"/>\n        <!-- /!\\ drop-in here is partly duplicated for s_popup (see dedicated options) -->\n        <!-- TODO should be improved -->\n\n    <t t-set="so_content_addition_selector" t-translation="off">\n        .s_alert, .o_facebook_page, .s_share, .s_social_media, .s_rating,\n        .s_hr, .s_google_map, .s_map, .s_countdown, .s_chart, .s_text_highlight, .s_progress_bar, .s_badge,\n        .s_embed_code, .s_donation, .s_add_to_cart, .s_online_appointment, .o_snippet_drop_in_only, .s_image, .s_cta_badge, .s_accordion\n    </t>\n\n    <t t-set="special_cards_selector" t-valuef=".s_card.s_timeline_card, div:is(#{card_parent_handlers}) &gt; .s_card"/>\n    <t t-set="special_blockquote_selector" t-valuef="div:is(#{blockquote_parent_handlers}) &gt; .s_blockquote"/>\n\n    <div id="so_content_addition" t-attf-data-selector="#{so_content_addition_selector}, .s_card, .s_blockquote" t-attf-data-drop-near="p, h1, h2, h3, ul, ol, div:not(.o_grid_item_image) &gt; img, div:not(.o_grid_item_image) &gt; a, .btn, #{so_content_addition_selector}, .s_card:not(#{special_cards_selector}), .s_blockquote:not(#{special_blockquote_selector})" t-attf-data-exclude="#{special_cards_selector}, #{special_blockquote_selector}" data-drop-in="nav"/>\n\n    <div data-js="SnippetSave" data-selector="[data-snippet], a.btn" t-attf-data-exclude=".o_no_save, #{so_submit_button_selector}">\n        <we-button class="fa fa-fw fa-save o_we_link o_we_hover_warning" title="Save the block to use it elsewhere" data-save-snippet="" data-no-preview="true"/>\n    </div>\n\n    <div data-js="menu_data" data-selector=".top_menu li &gt; a, [data-content_menu_id] li &gt; a" data-exclude=".dropdown-toggle, li.o_header_menu_button a, [data-toggle], .o_offcanvas_logo" data-no-check="true"/>\n\n    <div data-js="WebsiteLevelColor" data-selector="#wrapwrap &gt; header" data-no-check="true" groups="website.group_website_designer">\n        <we-select string="Template" data-variable="header-template" data-default-variables="header-links-style: default" data-reload="/" data-no-preview="true">\n            <we-button title="Default" data-name="header_default_opt" data-trigger="regular_header_visibility_opt" data-customize-website-views="website.template_header_default" data-customize-website-variable="'default'" data-img="/website/static/src/img/snippets_options/header_template_default.svg"/>\n            <we-button title="Hamburger menu" data-name="header_hamburger_opt" data-trigger="regular_header_visibility_opt" data-customize-website-views="website.template_header_hamburger, website.no_autohide_menu" data-customize-website-variable="'hamburger'" data-img="/website/static/src/img/snippets_options/header_template_hamburger.svg"/>\n            <we-button title="Rounded box menu" data-name="header_boxed_opt" data-trigger="over_content_header_visibility_opt" data-customize-website-views="website.header_navbar_pills_style,website.template_header_boxed" data-customize-website-variable="'boxed'" data-customize-website-variables="header-links-style: pills" data-img="/website/static/src/img/snippets_options/header_template_boxed.svg"/>\n            <we-button title="Stretch menu" data-name="header_stretch_opt" data-trigger="regular_header_visibility_opt" data-customize-website-views="website.template_header_stretch" data-customize-website-variable="'stretch'" data-img="/website/static/src/img/snippets_options/header_template_stretch.svg"/>\n            <we-button title="Vertical" data-name="header_vertical_opt" data-trigger="regular_header_visibility_opt" data-customize-website-views="website.template_header_vertical" data-customize-website-variable="'vertical'" data-img="/website/static/src/img/snippets_options/header_template_vertical.svg"/>\n            <we-button title="Menu with Search bar" data-name="header_search_opt" data-trigger="regular_header_visibility_opt" data-customize-website-views="website.template_header_search" data-customize-website-variable="'search'" data-img="/website/static/src/img/snippets_options/header_template_search.svg"/>\n            <we-button title="Menu - Sales 1" data-name="header_sales_one_opt" data-trigger="regular_header_visibility_opt" data-customize-website-views="website.template_header_sales_one" data-customize-website-variable="'sales_one'" data-img="/website/static/src/img/snippets_options/header_template_sales_one.svg"/>\n            <we-button title="Menu - Sales 2" data-name="header_sales_two_opt" data-trigger="regular_header_visibility_opt" data-customize-website-views="website.template_header_sales_two" data-customize-website-variable="'sales_two'" data-img="/website/static/src/img/snippets_options/header_template_sales_two.svg"/>\n            <we-button title="Menu - Sales 3" data-name="header_sales_three_opt" data-trigger="regular_header_visibility_opt" data-customize-website-views="website.template_header_sales_three" data-customize-website-variable="'sales_three'" data-img="/website/static/src/img/snippets_options/header_template_sales_three.svg"/>\n            <we-button title="Menu - Sales 4" data-name="header_sales_four_opt" data-trigger="regular_header_visibility_opt" data-customize-website-views="website.template_header_sales_four" data-customize-website-variable="'sales_four'" data-img="/website/static/src/img/snippets_options/header_template_sales_four.svg"/>\n            <we-button title="Sidebar" data-name="header_sidebar_opt" data-trigger="regular_header_visibility_opt" data-customize-website-views="website.template_header_sidebar, website.no_autohide_menu" data-customize-website-variable="'sidebar'" data-img="/website/static/src/img/snippets_options/header_template_sidebar.svg"/>\n        </we-select>\n\n        <!-- Header Content Width - Options -->\n        <we-button-group string="Content Width" data-dependencies="!header_sidebar_opt" data-no-preview="true" data-reload="/">\n                <we-button title="Small" data-img="/website/static/src/img/snippets_options/content_width_small.svg" data-customize-website-views="website.header_width_small"/>\n                <we-button title="Regular" data-img="/website/static/src/img/snippets_options/content_width_normal.svg" data-customize-website-views=""/>\n                <we-button title="Full" data-img="/website/static/src/img/snippets_options/content_width_full.svg" data-customize-website-views="website.header_width_full"/>\n        </we-button-group>\n\n        <!-- Header Sidebar Template - Options -->\n        <we-input string="Width" class="o_we_sublevel_1" data-dependencies="header_sidebar_opt" data-customize-website-variable="null" data-variable="sidebar-width" data-unit="px" data-save-unit="rem"/>\n\n        <we-row string="Background">\n            <we-colorpicker data-customize-website-color="" data-color="menu" data-customize-website-layer2-color="" data-layer-color="menu-custom" data-layer-gradient="menu-gradient" data-no-bundle-reload="true" data-null-value="'NULL'" data-with-combinations="customizeWebsiteColor" data-with-gradients="true"/>\n            <we-colorpicker data-dependencies="header_sales_one_opt" data-customize-website-color="" data-color="header-sales_one" data-customize-website-layer2-color="" data-layer-color="header-sales_one-custom" data-layer-gradient="menu-secondary-gradient" data-no-bundle-reload="true" data-null-value="'NULL'" data-with-combinations="customizeWebsiteColor" data-with-gradients="true"/>\n            <we-colorpicker data-dependencies="header_sales_two_opt" data-customize-website-color="" data-color="header-sales_two" data-customize-website-layer2-color="" data-layer-color="header-sales_two-custom" data-layer-gradient="menu-secondary-gradient" data-no-bundle-reload="true" data-null-value="'NULL'" data-with-combinations="customizeWebsiteColor" data-with-gradients="true"/>\n            <we-colorpicker data-dependencies="header_sales_three_opt" data-customize-website-color="" data-color="header-sales_three" data-customize-website-layer2-color="" data-layer-color="header-sales_three-custom" data-layer-gradient="menu-secondary-gradient" data-no-bundle-reload="true" data-null-value="'NULL'" data-with-combinations="customizeWebsiteColor" data-with-gradients="true"/>\n            <we-colorpicker data-dependencies="header_sales_four_opt" data-customize-website-color="" data-color="header-sales_four" data-customize-website-layer2-color="" data-layer-color="header-sales_four-custom" data-layer-gradient="menu-secondary-gradient" data-no-bundle-reload="true" data-null-value="'NULL'" data-with-combinations="customizeWebsiteColor" data-with-gradients="true"/>\n        </we-row>\n    </div>\n\n    <!-- Header - Borders & Shadows -->\n    <div data-js="HeaderBox" id="option_header_shadow" data-selector="#wrapwrap &gt; header:not(:has(.o_header_force_no_radius))" data-target="nav" data-no-check="true" groups="website.group_website_designer">\n        <t t-call="website.snippet_options_header_box"/>\n    </div>\n\n    <div data-js="HeaderBox" id="option_header_shadow" data-selector="#wrapwrap &gt; header:has(.o_header_force_no_radius)" data-target="nav" data-no-check="true" groups="website.group_website_designer">\n        <t t-call="website.snippet_options_header_box">\n            <t t-set="_no_border_radius" t-value="True"/>\n        </t>\n    </div>\n\n    <div data-selector="#wrapwrap &gt; header" data-no-check="true" groups="website.group_website_designer">\n\n        <we-select string="Scroll Effect" data-dependencies="!header_sidebar_opt" class="o_scroll_effects_selector" data-variable="header-scroll-effect">\n            <t t-set="header_effect_standard_label">Standard</t>\n            <t t-set="header_effect_scroll_label">Scroll</t>\n            <t t-set="header_effect_fixed_label">Fixed</t>\n            <t t-set="header_effect_disappears_label">Disappears</t>\n            <t t-set="header_effect_fadeout_label">Fade Out</t>\n            <we-button id="option_header_visibility_standard" t-att-data-select-label="header_effect_standard_label" class="o_we_img_animate" data-customize-website-variable="'standard'" data-name="header_visibility_standard_opt" data-select-class="o_header_standard" data-customize-website-views="website.header_visibility_standard" data-img="/website/static/src/img/snippets_options/header_effect_standard.png">\n                <span t-esc="header_effect_standard_label"/>\n            </we-button>\n            <we-button id="option_header_effect_scroll" t-att-data-select-label="header_effect_scroll_label" class="o_we_img_animate" data-customize-website-variable="'scroll'" data-name="header_effect_scroll_opt" data-select-class="" data-customize-website-views="" data-img="/website/static/src/img/snippets_options/header_effect_scroll.png">\n                <span t-esc="header_effect_scroll_label"/>\n            </we-button>\n            <we-button id="option_header_effect_fixed" t-att-data-select-label="header_effect_fixed_label" class="o_we_img_animate" data-customize-website-variable="'fixed'" data-name="header_effect_fixed_opt" data-select-class="o_header_fixed" data-customize-website-views="website.header_visibility_fixed" data-img="/website/static/src/img/snippets_options/header_effect_fixed.png">\n                <span t-esc="header_effect_fixed_label"/>\n            </we-button>\n            <we-button id="option_header_effect_disappears" t-att-data-select-label="header_effect_disappears_label" class="o_we_img_animate" data-customize-website-variable="'disappears'" data-name="header_effect_disappears_opt" data-select-class="o_header_disappears" data-customize-website-views="website.header_visibility_disappears" data-img="/website/static/src/img/snippets_options/header_effect_disappears.png">\n                <span t-esc="header_effect_disappears_label"/>\n            </we-button>\n            <we-button id="option_header_effect_fade_out" t-att-data-select-label="header_effect_fadeout_label" class="o_we_img_animate" data-customize-website-variable="'fade-out'" data-name="header_effect_fade_out_opt" data-select-class="o_header_fade_out" data-customize-website-views="website.header_visibility_fade_out" data-img="/website/static/src/img/snippets_options/header_effect_fade_out.png">\n               <span t-esc="header_effect_fadeout_label"/>\n            </we-button>\n        </we-select>\n    </div>\n\n    <div data-js="TopMenuVisibility" data-selector="[data-main-object]:has(input.o_page_option_data[name='header_visible']) #wrapwrap &gt; header" data-no-check="true">\n        <we-select string="Header Position" data-no-preview="true" data-dependencies="!header_sidebar_opt">\n            <we-button data-name="over_content_header_visibility_opt" data-visibility="transparent">Over The Content</we-button>\n            <we-button data-name="regular_header_visibility_opt" data-visibility="regular">Regular</we-button>\n            <we-button data-visibility="hidden">Hidden</we-button>\n        </we-select>\n    </div>\n\n    <div data-js="topMenuColor" data-selector="[data-main-object]:has(input.o_page_option_data[name='header_color']):has(input.o_page_option_data[name='header_text_color']) #wrapwrap &gt; header" data-no-check="true">\n        <we-colorpicker string="Background" class="o_we_sublevel_1" id="option_header_transparent_color" data-select-style="true" data-prevent-important="true" data-css-property="background-color" data-color-prefix="bg-" data-excluded="theme, common" data-page-option-name="header_color"/>\n        <we-colorpicker string="Text Color" class="o_we_sublevel_1" id="option_header_transparent_text_color" data-select-style="true" data-css-property="color" data-color-prefix="text-" data-page-option-name="header_text_color"/>\n    </div>\n\n    <div data-js="HeaderElements" data-selector="#wrapwrap &gt; header" data-no-check="true" groups="website.group_website_designer">\n        <we-row string="Elements" class="o_we_full_row align-items-start">\n            <we-button title="Show/hide text element" class="d-flex justify-content-center flex-grow-1" data-img="/website/static/src/img/snippets_options/header_extra_element_text.svg" data-customize-website-views="website.header_text_element" data-reset-view-arch="true" data-reload="/"/>\n            <we-button title="Show/hide language selector" class="fa fa-flag d-flex justify-content-center flex-grow-1" data-name="header_language_selector_opt" data-customize-website-views="website.header_language_selector" data-reset-view-arch="true" data-reload="/"/>\n            <we-button title="Show/hide search bar" class="fa fa-search d-flex justify-content-center flex-grow-1" data-customize-website-views="website.header_search_box" data-reset-view-arch="true" data-reload="/"/>\n            <we-button title="Show/hide sign in button" class="fa fa-sign-in d-flex justify-content-center flex-grow-1" data-customize-website-views="portal.user_sign_in" data-reload="/" data-no-preview="true"/>\n        </we-row>\n        <we-row string=" " class="o_we_full_row align-items-start mt-1">\n            <we-button title="Show/hide social links" class="flex-grow-1 d-flex justify-content-center" data-img="/website/static/src/img/snippets_options/header_extra_element_social.svg" data-customize-website-views="website.header_social_links" data-reset-view-arch="true" data-reload="/"/>\n            <we-button title="Show/hide button" class="flex-grow-1 d-flex justify-content-center" data-img="/website/static/src/img/snippets_options/header_extra_element_cta.svg" data-customize-website-views="website.header_call_to_action" data-reset-view-arch="true" data-reload="/"/>\n            <we-button title="Show/hide logo" class="flex-grow-1 d-flex justify-content-center" data-img="/website/static/src/img/snippets_options/header_extra_element_logo.svg" data-customize-website-views="|website.option_header_brand_name|website.option_header_brand_logo" data-reset-view-arch="true" data-reload="/"/>\n        </we-row>\n    </div>\n\n    <!-- Header > Navbar Options -->\n    <div data-js="HeaderNavbar" data-selector="#wrapwrap &gt; header nav.navbar" data-no-check="true" groups="website.group_website_designer">\n\n        <we-select data-variable="hamburger-position" data-reload="/" string="Desktop Alignment" data-dependencies="header_sidebar_opt, header_hamburger_opt">\n            <we-button data-customize-website-variable="'left'" data-customize-website-views="">Left</we-button>\n            <we-button data-customize-website-variable="'right'" data-customize-website-views="website.template_header_hamburger_align_right">Right</we-button>\n        </we-select>\n\n        <we-select string="Mobile Alignment" data-name="header_mobile_alignment_opt" data-variable="hamburger-position-mobile" data-reload="/">\n            <we-button data-customize-website-variable="'right'" data-customize-website-views="">Right</we-button>\n            <we-button data-customize-website-variable="'left'" data-customize-website-views="website.template_header_mobile_position_left">Left</we-button>\n        </we-select>\n\n        <we-fontfamilypicker string="Font" data-variable="navbar-font"/>\n\n        <we-row string="Format" class="o_we_header_font_row">\n            <we-input data-customize-website-variable="null" data-variable="header-font-size" data-unit="px" data-save-unit="rem"/>\n            <we-colorpicker data-variable="header-text-color" data-customize-website-variable=""/>\n            <!-- Generic alignment option controling all the template at once. -->\n            <!-- Currently needed to be this way as the SCSS variable controls -->\n            <!-- the mobile alignement which is the same for all templates. -->\n            <we-select class="o_we_icon_select" data-name="header_alignment_opt" data-reload="/" title="Alignment" data-dependencies="header_default_opt, header_hamburger_opt, header_boxed_opt, header_stretch_opt, header_search_opt, header_sales_one_opt, header_sales_two_opt, header_sales_four_opt, header_sidebar_opt">\n                <we-button data-customize-website-views="" data-icon="fa-align-left"/>\n                <we-button data-customize-website-views="website.template_header_mobile_align_center, website.template_header_hamburger_mobile_align_center, website.template_header_default_align_center, website.template_header_boxed_align_center, website.template_header_stretch_align_center, website.template_header_search_align_center, website.template_header_sales_one_align_center, website.template_header_sales_two_align_center, website.template_header_sales_four_align_center, website.template_header_sidebar_align_center" data-icon="fa-align-center"/>\n                <we-button data-customize-website-views="website.template_header_mobile_align_right, website.template_header_hamburger_mobile_align_right, website.template_header_default_align_right, website.template_header_boxed_align_right, website.template_header_stretch_align_right, website.template_header_search_align_right, website.template_header_sales_one_align_right, website.template_header_sales_two_align_right, website.template_header_sales_four_align_right, website.template_header_sidebar_align_right" data-icon="fa-align-right"/>\n            </we-select>\n        </we-row>\n\n        <we-select string="Links Style" data-variable="header-links-style" data-reload="/" data-dependencies="header_default_opt, header_boxed_opt, header_vertical_opt, header_search_opt, header_sales_one_opt, header_sales_two_opt, header_sales_three_opt, header_sales_four_opt">\n            <we-button data-name="option_header_navbar_links_default" data-customize-website-views="" data-customize-website-variable="'default'">Default</we-button>\n            <we-button data-name="option_header_navbar_links_fill" data-customize-website-views="website.header_navbar_pills_style" data-customize-website-variable="'fill'">Fill</we-button>\n            <we-button data-name="option_header_navbar_links_outline" data-customize-website-views="" data-customize-website-variable="'outline'">Outline</we-button>\n            <we-button data-name="option_header_navbar_links_pills" data-customize-website-views="website.header_navbar_pills_style" data-customize-website-variable="'pills'">Pills</we-button>\n            <we-button data-name="option_header_navbar_block" data-customize-website-views="website.header_navbar_pills_style" data-customize-website-variable="'block'">Block</we-button>\n            <we-button data-name="option_header_navbar_border_bottom" data-customize-website-views="" data-customize-website-variable="'border-bottom'">Border Bottom</we-button>\n        </we-select>\n\n        <we-select string="Additional colors" data-reload="/">\n            <we-button data-customize-website-views="">Default</we-button>\n            <we-button data-customize-website-views="website.template_header_additional_color_primary">Primary</we-button>\n            <we-button data-customize-website-views="website.template_header_additional_color_secondary">Secondary</we-button>\n        </we-select>\n\n        <we-select id="option_header_dropdown" string="Sub Menus" data-dependencies="!header_hamburger_opt" data-no-preview="true">\n            <we-button data-select-class="o_hoverable_dropdown" data-customize-website-views="website.header_hoverable_dropdown">On Hover</we-button>\n            <we-button data-select-class="" data-name="header_dropdown_on_click_opt">On Click</we-button>\n        </we-select>\n    </div>\n\n    <div data-selector="#wrapwrap &gt; header nav.navbar .o_header_language_selector" data-no-check="true" groups="website.group_website_designer">\n        <we-select string="Style" data-reload="/">\n            <we-button data-customize-website-views="website.header_language_selector">Dropdown</we-button>\n            <we-button data-customize-website-views="website.header_language_selector, website.header_language_selector_inline">Inline</we-button>\n        </we-select>\n        <we-select string="Label" class="o_we_sublevel_1" data-reload="/" data-no-preview="true">\n            <we-button data-customize-website-views="">Text</we-button>\n            <we-button data-customize-website-views="website.header_language_selector_flag, website.header_language_selector_no_text">Flag</we-button>\n            <we-button data-customize-website-views="website.header_language_selector_flag">Flag and Text</we-button>\n            <we-button data-customize-website-views="website.header_language_selector_code, website.header_language_selector_no_text">Code</we-button>\n            <we-button data-customize-website-views="website.header_language_selector_flag, website.header_language_selector_code, website.header_language_selector_no_text">Flag and Code</we-button>\n        </we-select>\n    </div>\n\n    <div data-selector="#wrapwrap &gt; header nav.navbar .navbar-brand" data-no-check="true" groups="website.group_website_designer">\n        <we-select string="Logo" data-reload="/">\n            <we-button data-customize-website-views="" data-name="option_header_brand_none">None</we-button>\n            <we-button data-customize-website-views="website.option_header_brand_name">Text</we-button>\n            <we-button data-customize-website-views="website.option_header_brand_logo">Image</we-button>\n        </we-select>\n        <we-input string="Height" class="o_we_sublevel_1" data-dependencies="!option_header_brand_none" data-customize-website-variable="null" data-variable="logo-height" data-unit="px" data-save-unit="rem"/>\n        <we-input string="Height (Scrolled)" class="o_we_sublevel_1" data-name="option_logo_height_scrolled" data-customize-website-variable="null" data-variable="fixed-logo-height" data-unit="px" data-save-unit="rem" data-dependencies="!header_effect_scroll_opt"/>\n    </div>\n\n    <!-- Footer - Layouts -->\n    <div data-js="FooterTemplateSelector" data-selector="#wrapwrap &gt; footer" data-no-check="true" groups="website.group_website_designer">\n        <we-select string="Template" data-variable="footer-template" data-reload="/">\n            <we-button title="Default" data-customize-website-views="website.footer_custom" data-customize-website-variable="'default'" data-img="/website/static/src/img/snippets_options/footer_template_default.svg"/>\n            <we-button title="Descriptive" data-customize-website-views="website.template_footer_descriptive" data-customize-website-variable="'descriptive'" data-img="/website/static/src/img/snippets_options/footer_template_descriptive.svg"/>\n            <we-button title="Centered" data-customize-website-views="website.template_footer_centered" data-customize-website-variable="'centered'" data-img="/website/static/src/img/snippets_options/footer_template_centered.svg"/>\n            <we-button title="Links" data-customize-website-views="website.template_footer_links" data-customize-website-variable="'links'" data-img="/website/static/src/img/snippets_options/footer_template_links.svg"/>\n            <we-button title="Minimalist" data-customize-website-views="website.template_footer_minimalist" data-customize-website-variable="'minimalist'" data-img="/website/static/src/img/snippets_options/footer_template_minimalist.svg"/>\n            <we-button title="Contact" data-customize-website-views="website.template_footer_contact" data-customize-website-variable="'contact'" data-img="/website/static/src/img/snippets_options/footer_template_contact.svg"/>\n            <we-button title="Call-to-action" data-customize-website-views="website.template_footer_call_to_action" data-customize-website-variable="'call_to_action'" data-img="/website/static/src/img/snippets_options/footer_template_call_to_action.svg"/>\n            <we-button title="Headline" data-customize-website-views="website.template_footer_headline" data-customize-website-variable="'headline'" data-img="/website/static/src/img/snippets_options/footer_template_headline.svg"/>\n        </we-select>\n    </div>\n\n    <!-- Footer Content Width -->\n    <div data-js="ContainerWidthFooter" data-selector="#wrapwrap &gt; footer" data-no-check="true" groups="website.group_website_designer">\n        <we-button-group string="Content Width" data-reload="/" data-no-preview="false" data-apply-to="&gt; #footer &gt; section &gt; .container, &gt; #footer &gt; section &gt; .container-fluid, &gt; #footer &gt; section &gt; .o_container_small, .o_footer_copyright &gt; .container, .o_footer_copyright &gt; .container-fluid, .o_footer_copyright &gt; .o_container_small">\n            <we-button title="Small" data-img="/website/static/src/img/snippets_options/content_width_small.svg" data-select-class="o_container_small" data-customize-website-views="website.footer_copyright_content_width_small"/>\n            <we-button title="Regular" data-img="/website/static/src/img/snippets_options/content_width_normal.svg" data-select-class="container"/>\n            <we-button Title="Full" data-img="/website/static/src/img/snippets_options/content_width_full.svg" data-select-class="container-fluid" data-customize-website-views="website.footer_copyright_content_width_fluid"/>\n        </we-button-group>\n    </div>\n\n    <!-- Footer - Colors & Copyright -->\n    <div data-js="WebsiteLevelColor" data-selector="#wrapwrap &gt; footer" data-no-check="true" groups="website.group_website_designer">\n\n        <!-- Colors -->\n        <we-colorpicker string="Colors" data-customize-website-color="" data-color="footer" data-customize-website-layer2-color="" data-layer-color="footer-custom" data-layer-gradient="footer-gradient" data-no-bundle-reload="true" data-null-value="'NULL'" data-with-combinations="customizeWebsiteColor" data-with-gradients="true"/>\n        <we-select string="Slideout Effect" data-variable="footer-effect" data-reload="/">\n            <we-button string="Regular" data-customize-website-views="" data-customize-website-variable=""/>\n            <we-button string="Slide Hover" data-customize-website-views="website.template_footer_slideout" data-customize-website-variable="'slideout_slide_hover'"/>\n            <we-button string="Shadow" data-customize-website-views="website.template_footer_slideout" data-customize-website-variable="'slideout_shadow'"/>\n        </we-select>\n\n        <!-- Copyright -->\n        <we-checkbox string="Copyright" data-name="footer_copyright_opt" data-customize-website-views="website.footer_no_copyright|" data-no-preview="true" data-reload="/"/>\n    </div>\n\n    <!-- Footer - Borders & Shadows -->\n    <div data-js="Box" data-selector="#wrapwrap &gt; footer" data-target="#footer" data-no-check="true" groups="website.group_website_designer">\n        <t t-call="website.snippet_options_border_widgets"/>\n        <t t-call="website.snippet_options_shadow_widgets"/>\n    </div>\n\n    <!-- Scroll to Top -->\n    <div data-selector="#wrapwrap &gt; footer" data-no-check="true" groups="website.group_website_designer">\n        <we-row string="Scroll Top Button">\n            <we-checkbox data-name="footer_scrolltop_opt" data-customize-website-views="website.option_footer_scrolltop" data-customize-website-variable="false|true" data-variable="footer-scrolltop" data-reload="/"/>\n            <we-select data-dependencies="footer_scrolltop_opt" data-apply-to="#o_footer_scrolltop_wrapper">\n                <we-button string="Left" data-select-class="justify-content-start"/>\n                <we-button string="Center" data-select-class="justify-content-center"/>\n                <we-button string="Right" data-select-class="justify-content-end"/>\n            </we-select>\n        </we-row>\n    </div>\n\n    <div data-js="HideFooter" data-selector="[data-main-object]:has(input.o_page_option_data[name='footer_visible']) #wrapwrap &gt; footer" data-no-check="true" groups="website.group_website_designer">\n        <we-checkbox string="Page Visibility" data-name="hide_footer_page_opt" data-visibility="hidden|shown" data-no-preview="true"/>\n    </div>\n\n    <!-- Copyright -->\n    <div data-js="WebsiteLevelColor" data-selector=".o_footer_copyright" data-no-check="true" groups="website.group_website_designer">\n        <we-colorpicker string="Colors" data-customize-website-color="" data-color="copyright" data-customize-website-layer2-color="" data-layer-color="copyright-custom" data-layer-gradient="copyright-gradient" data-no-bundle-reload="true" data-null-value="'NULL'" data-with-combinations="customizeWebsiteColor" data-with-gradients="true"/>\n        <we-select data-name="footer_language_selector_opt" string="Language Selector" data-reload="/" data-no-preview="true">\n            <we-button data-name="language_selector_none_opt" data-customize-website-views="">None</we-button>\n            <we-button data-customize-website-views="portal.footer_language_selector">Dropdown</we-button>\n            <we-button data-customize-website-views="portal.footer_language_selector, website.footer_language_selector_inline">Inline</we-button>\n        </we-select>\n        <we-select data-name="footer_language_selector_label_opt" string="Label" class="o_we_sublevel_1" data-dependencies="!language_selector_none_opt" data-reload="/" data-no-preview="true">\n            <we-button data-customize-website-views="">Text</we-button>\n            <we-button data-customize-website-views="website.footer_language_selector_flag, website.footer_language_selector_no_text">Flag</we-button>\n            <we-button data-customize-website-views="website.footer_language_selector_flag">Flag and Text</we-button>\n            <we-button data-customize-website-views="website.footer_language_selector_code, website.footer_language_selector_no_text">Code</we-button>\n            <we-button data-customize-website-views="website.footer_language_selector_flag, website.footer_language_selector_code, website.footer_language_selector_no_text">Flag and Code</we-button>\n        </we-select>\n    </div>\n\n    <!-- Anchor Name -->\n    <div data-js="anchor" data-selector=":not(p).oe_structure &gt; *, :not(p)[data-oe-type=html] &gt; *" data-exclude=".modal *, .oe_structure .oe_structure *, [data-oe-type=html] .oe_structure *, .s_popup">\n        <we-button class="fa fa-fw fa-link o_we_link" title="Create a link to target this section" data-no-preview="true"/>\n    </div>\n\n    <div data-js="anchor" data-selector=".s_popup" data-target=".modal">\n    </div>\n\n    <!-- Mega Menu settings -->\n    <div data-js="MegaMenuLayout" data-selector=".o_mega_menu">\n        <we-select string="Template" data-name="mega_menu_template_opt">\n            <we-button data-select-label.translate="Multi Menus" data-select-template="website.s_mega_menu_multi_menus" data-img="/website/static/src/img/snippets_thumbs/s_mega_menu_multi_menus.svg">Multi Menus</we-button>\n            <we-button data-select-label.translate="Image Menu" data-select-template="website.s_mega_menu_menu_image_menu" data-img="/website/static/src/img/snippets_thumbs/s_mega_menu_menu_image_menu.svg">Image Menu</we-button>\n            <we-button data-select-label.translate="Odoo Menu" data-select-template="website.s_mega_menu_odoo_menu" data-img="/website/static/src/img/snippets_thumbs/s_mega_menu_odoo_menu.svg">Odoo Menu</we-button>\n            <we-button data-select-label.translate="Little Icons" data-select-template="website.s_mega_menu_little_icons" data-img="/website/static/src/img/snippets_thumbs/s_mega_menu_little_icons.svg">Little Icons</we-button>\n            <we-button data-select-label.translate="Big Icons Subtitles" data-select-template="website.s_mega_menu_big_icons_subtitles" data-img="/website/static/src/img/snippets_thumbs/s_mega_menu_big_icons_subtitles.svg">Big Icons Subtitles</we-button>\n            <we-button data-select-label.translate="Images Subtitles" data-select-template="website.s_mega_menu_images_subtitles" data-img="/website/static/src/img/snippets_thumbs/s_mega_menu_images_subtitles.svg">Images Subtitles</we-button>\n            <we-button data-select-label.translate="Logos" data-select-template="website.s_mega_menu_menus_logos" data-img="/website/static/src/img/snippets_thumbs/s_mega_menu_menus_logos.svg">Logos</we-button>\n            <we-button data-select-label.translate="Thumbnails" data-select-template="website.s_mega_menu_thumbnails" data-img="/website/static/src/img/snippets_thumbs/s_mega_menu_thumbnails.svg">Thumbnails</we-button>\n            <we-button data-select-label.translate="Cards" data-select-template="website.s_mega_menu_cards" data-img="/website/static/src/img/snippets_thumbs/s_mega_menu_cards.svg">Cards</we-button>\n        </we-select>\n        <we-select string="Size">\n            <we-button data-select-class="">Full-Width</we-button>\n            <we-button data-select-class="o_mega_menu_container_size">Narrow</we-button>\n        </we-select>\n    </div>\n\n    <div data-js="MegaMenuNoDelete" data-selector=".o_mega_menu &gt; section"/>\n\n    <div data-selector=".o_mega_menu .nav &gt; .nav-link" data-drop-in=".o_mega_menu nav" data-drop-near=".o_mega_menu .nav-link"/>\n\n    <div data-js="CoverProperties" data-selector=".o_record_cover_container" data-no-check="true">\n        <we-row string="Background" class="o_we_full_row">\n            <t t-call="web_editor.snippet_options_background_color_widget">\n                <t t-set="with_color_combinations" t-value="True"/>\n                <t t-set="with_gradients" t-value="True"/>\n            </t>\n            <we-button-group class="ms-auto">\n                <we-imagepicker title="Image" data-background="" data-button-style="true"/>\n                <we-button class="fa fa-fw fa-ban" title="None" data-background="">\n                </we-button>\n            </we-button-group>\n        </we-row>\n        <we-select string="Size" data-name="size_opt" data-cover-opt-name="size">\n            <we-button data-select-class="o_full_screen_height">Full Screen</we-button>\n            <we-button class="o_record_cover_opt_size_default" data-select-class="o_half_screen_height">Half Screen</we-button>\n            <we-button data-select-class="cover_auto">Fit text</we-button>\n        </we-select>\n        <we-select string="Filter Intensity" data-name="filters_opt" data-cover-opt-name="filters">\n            <we-button data-filter-value="0.0">None</we-button>\n            <we-button data-filter-value="0.2">Low</we-button>\n            <we-button data-filter-value="0.4">Medium</we-button>\n            <we-button data-filter-value="0.6">High</we-button>\n        </we-select>\n        <we-select string="Text Alignment" data-name="text_align_opt" data-cover-opt-name="text_align">\n            <we-button data-select-class="">Left</we-button>\n            <we-button data-select-class="text-center">Centered</we-button>\n            <we-button data-select-class="text-end">Right</we-button>\n        </we-select>\n    </div>\n\n    <!-- Stretch section -->\n    <div data-js="ContainerWidth" data-selector="section, .s_carousel .carousel-item, .s_carousel_intro_item" data-exclude="[data-snippet] :not(.oe_structure) &gt; [data-snippet], #footer &gt; *" data-target="&gt; .container, &gt; .container-fluid, &gt; .o_container_small">\n        <we-button-group string="Content Width">\n            <we-button data-select-class="o_container_small" data-img="/website/static/src/img/snippets_options/content_width_small.svg" title="Small"/>\n            <we-button data-select-class="container" data-img="/website/static/src/img/snippets_options/content_width_normal.svg" title="Regular"/>\n            <we-button data-select-class="container-fluid" data-img="/website/static/src/img/snippets_options/content_width_full.svg" title="Full"/>\n        </we-button-group>\n    </div>\n\n    <!-- Scroll to next section button (only for full height) -->\n    <div data-js="ScrollButton" data-selector="section" data-exclude="[data-snippet] :not(.oe_structure) &gt; [data-snippet], .s_instagram_page, .o_mega_menu &gt; section, .s_tabs_images">\n        <!-- Min height of section -->\n        <we-button-group string="Height" data-show-scroll-button="">\n            <we-button data-name="minheight_auto_opt" data-select-class="" title="Fit content">Auto</we-button>\n            <we-button data-select-class="o_half_screen_height" title="Half screen">50%</we-button>\n            <we-button data-select-class="o_full_screen_height" title="Full screen" data-name="full_height_opt" data-show-scroll-button="true">100%</we-button>\n        </we-button-group>\n\n        <we-input string="Height" class="o_we_sublevel_1" data-name="fixed_height_opt" data-dependencies="minheight_auto_opt" data-select-style="" data-unit="px" data-css-property="height" data-force-style=""/>\n            <!--    ↑ ↑ ↑\n            For this setting, we need to always force the style (= if the block\n            is naturally 800px tall and the user enters 800px for this setting,\n            we set 800px as inline style anyway). Indeed, this snippet's style\n            is based on the height that is forced but once the related public\n            widgets are started, the inner carousel items receive a min-height\n            which makes it so the snippet "natural" height is equal to the\n            initially forced height... so if the style is not forced, it would\n            ultimately be removed by mistake thinking it is not necessary.\n            Note: this is forced as not important as we still need the height to\n            be reset to 'auto' in mobile (generic css rules).\n            -->\n\n        <we-checkbox string="Scroll Down Button" data-toggle-button="true" data-no-preview="true" data-dependencies="full_height_opt" data-name="scroll_button_opt"/>\n        <we-row string="Colors" class="o_we_sublevel_1">\n            <we-colorpicker data-select-style="true" data-css-property="background-color" data-color-prefix="bg-" data-apply-to=".o_scroll_button" data-dependencies="scroll_button_opt"/>\n            <we-colorpicker data-select-style="true" data-css-property="color" data-color-prefix="text-" data-apply-to=".o_scroll_button" data-dependencies="scroll_button_opt"/>\n        </we-row>\n        <we-select string="Spacing" class="o_we_sublevel_1" data-apply-to=".o_scroll_button" data-dependencies="scroll_button_opt">\n            <we-button data-select-class="">None</we-button>\n            <we-button data-select-class="mb-1">Extra-Small</we-button>\n            <we-button data-select-class="mb-2">Small</we-button>\n            <we-button data-select-class="mb-3">Medium</we-button>\n            <we-button data-select-class="mb-4">Large</we-button>\n            <we-button data-select-class="mb-5">Extra-Large</we-button>\n        </we-select>\n    </div>\n\n    <t t-set="_device_visibility_widgets">\n        <we-button class="o_we_device" data-toggle-device-visibility="no_desktop" title="Show/Hide on Desktop" data-no-preview="true" data-img="/website/static/src/img/snippets_options/desktop_invisible.svg"/>\n        <we-button class="o_we_device" data-toggle-device-visibility="no_mobile" title="Show/Hide on Mobile" data-no-preview="true" data-img="/website/static/src/img/snippets_options/mobile_invisible.svg"/>\n    </t>\n    <div data-js="ConditionalVisibility" data-selector="section, .s_hr">\n        <t t-set="current_website" t-value="request.env['website'].get_current_website()"/>\n        <we-collapse>\n            <we-row string="Visibility">\n                <t t-out="_device_visibility_widgets"/>\n                <we-select data-attribute-name="visibility" data-no-preview="true">\n                    <we-button data-select-data-attribute="">No condition</we-button>\n                    <we-button data-select-data-attribute="conditional" data-select-class="o_snippet_invisible" data-name="visibility_conditional">Conditionally</we-button>\n                </we-select>\n            </we-row>\n\n            <t t-if="request.geoip.country_code">\n                <t t-call="website.snippet_options_conditional_visibility">\n                    <t t-set="option_name">Country</t>\n                    <t t-set="attribute_rule" t-valuef="visibilityValueCountryRule"/>\n                    <t t-set="save_attribute" t-valuef="visibilityValueCountry"/>\n                    <t t-set="attribute_name" t-valuef="data-country"/>\n                    <t t-set="model" t-valuef="res.country"/>\n                    <t t-set="call_with" t-valuef="code"/>\n                    <t t-set="data_fields" t-valuef="[&quot;code&quot;]"/>\n                </t>\n            </t>\n            <t t-if="len(current_website.language_ids) &gt; 1">\n                <t t-call="website.snippet_options_conditional_visibility">\n                    <t t-set="option_name">Languages</t>\n                    <t t-set="attribute_rule" t-valuef="visibilityValueLangRule"/>\n                    <t t-set="save_attribute" t-valuef="visibilityValueLang"/>\n                    <t t-set="attribute_name" t-valuef="lang"/>\n                    <t t-set="model" t-valuef="res.lang"/>\n                    <t t-set="call_with" t-valuef="code"/>\n                    <t t-set="domain" t-translation="off">[["id", "in", <t t-out="current_website.language_ids.ids"/>]]</t>\n                    <t t-set="data_fields" t-valuef="[&quot;code&quot;]"/>\n                </t>\n            </t>\n            <t t-call="website.snippet_options_conditional_visibility">\n                <t t-set="option_name">UTM Campaign</t>\n                <t t-set="attribute_rule" t-valuef="visibilityValueUtmCampaignRule"/>\n                <t t-set="save_attribute" t-valuef="visibilityValueUtmCampaign"/>\n                <t t-set="attribute_name" t-valuef="data-utm-campaign"/>\n                <t t-set="model" t-valuef="utm.campaign"/>\n                <t t-set="call_with" t-valuef="display_name"/>\n            </t>\n            <t t-call="website.snippet_options_conditional_visibility">\n                <t t-set="option_name">UTM Medium</t>\n                <t t-set="attribute_rule" t-valuef="visibilityValueUtmMediumRule"/>\n                <t t-set="save_attribute" t-valuef="visibilityValueUtmMedium"/>\n                <t t-set="attribute_name" t-valuef="data-utm-medium"/>\n                <t t-set="model" t-valuef="utm.medium"/>\n                <t t-set="call_with" t-valuef="display_name"/>\n            </t>\n            <t t-call="website.snippet_options_conditional_visibility">\n                <t t-set="option_name">UTM Source</t>\n                <t t-set="attribute_rule" t-valuef="visibilityValueUtmSourceRule"/>\n                <t t-set="save_attribute" t-valuef="visibilityValueUtmSource"/>\n                <t t-set="attribute_name" t-valuef="data-utm-source"/>\n                <t t-set="model" t-valuef="utm.source"/>\n                <t t-set="call_with" t-valuef="display_name"/>\n            </t>\n            <we-select string="Users" class="o_we_sublevel_1" data-dependencies="visibility_conditional" data-attribute-name="data-logged" data-save-attribute="visibilityValueLogged" data-no-preview="true" data-attribute-default-value="">\n                <we-button data-select-value="true">Visible for Logged In</we-button>\n                <we-button data-select-value="false">Visible for Logged Out</we-button>\n                <we-button data-select-value="">Visible for Everyone</we-button>\n            </we-select>\n        </we-collapse>\n    </div>\n\n    <!-- Mobile/Desktop display options -->\n    <div data-js="DeviceVisibility" data-selector="section .row &gt; div" data-exclude=".s_col_no_resize.row &gt; div, .s_masonry_block .s_col_no_resize">\n        <we-row string="Visibility">\n            <t t-out="_device_visibility_widgets"/>\n        </we-row>\n    </div>\n\n    <!-- Cookies Bar -->\n    <div data-selector="#website_cookies_bar" data-js="CookiesBar" data-target=".modal">\n        <we-select string="Layout" class="o_we_inline">\n            <we-button data-select-class="o_cookies_discrete" data-select-layout="discrete" data-trigger="position_bottom,s_popup_size_full">Discrete</we-button>\n            <we-button data-select-class="o_cookies_classic" data-select-layout="classic" data-trigger="position_bottom,s_popup_size_full">Classic</we-button>\n            <we-button data-name="layout_popup_opt" data-select-class="o_cookies_popup" data-select-layout="popup" data-trigger="position_middle,s_popup_size_md">Popup</we-button>\n        </we-select>\n    </div>\n\n    <!-- Image position in grid -->\n    <div data-js="GridImage" data-selector="img">\n        <we-select string="Position">\n            <we-button data-change-grid-image-mode="cover">Cover</we-button>\n            <we-button data-change-grid-image-mode="contain">Contain</we-button>\n        </we-select>\n    </div>\n\n    <!-- Indicators: '.o_dot' and '.o_dot_line' -->\n    <t t-set="o_dot_color_selector" t-valuef=".s_timeline .s_timeline_row"/>\n    <t t-set="o_dot_line_color_selector" t-valuef=".s_timeline"/>\n\n    <div t-att-data-selector="o_dot_color_selector">\n        <we-colorpicker string="Dot Color" data-select-style="true" data-css-property="color" data-color-prefix="text-" data-apply-to=".o_dot"/>\n    </div>\n    <div t-att-data-selector="o_dot_line_color_selector">\n        <we-colorpicker string="Dot Lines Color" data-select-style="true" data-css-property="border-color" data-color-prefix="border-" data-apply-to=".o_dot_line"/>\n    </div>\n\n    <!-- Website Animate -->\n    <div data-js="WebsiteAnimate" data-selector=".o_animable, section .row &gt; div, img, .fa, .btn, .o_animated_text" t-attf-data-exclude="[data-oe-xpath], .o_not-animable, .s_col_no_resize.row &gt; div, .s_col_no_resize, div:is(#{blockquote_parent_handlers}) &gt; .s_blockquote" data-text-selector=".o_animated_text">\n        <!-- Animation mode -->\n        <we-row string="Animation">\n            <we-select data-dependencies="!image_transform_opt" data-is-animation-type-selection="true" data-no-preview="true">\n                <we-button data-animation-mode="" data-select-class="" data-name="no_animation_opt">None</we-button>\n                <we-button data-animation-mode="onAppearance" data-force-animation="true" data-select-class="o_animate" data-name="animation_on_appearance_opt">On Appearance</we-button>\n                <we-button data-animation-mode="onScroll" data-select-class="o_animate o_animate_on_scroll" data-force-animation="true" data-name="animation_on_scroll_opt">On Scroll</we-button>\n                <we-button data-animation-mode="onHover" data-select-class="o_animate_on_hover" data-name="animation_on_hover_opt">On Hover</we-button>\n            </we-select>\n            <we-button-group data-dependencies="animation_on_scroll_opt" data-no-preview="true" data-force-animation="true">\n                <we-button data-select-class="">In</we-button>\n                <we-button data-select-class="o_animate_out">Out</we-button>\n            </we-button-group>\n        </we-row>\n        <!-- Effect -->\n        <we-select string="Effect" class="o_we_sublevel_1" data-name="animation_effect_opt">\n            <we-button data-select-class="" data-name="o_anim_no_effect_opt" data-dependencies="no_animation_opt">None</we-button>\n            <we-button data-select-class="o_anim_fade_in" data-trigger="animation_direction_in_place_opt">Fade</we-button>\n            <we-button data-select-class="o_anim_slide_in" data-name="o_anim_slide_in_opt" data-trigger="animation_direction_from_right_opt">Slide</we-button>\n            <we-button data-select-class="o_anim_bounce_in" data-trigger="animation_direction_in_place_opt">Bounce</we-button>\n            <we-button data-select-class="o_anim_rotate_in" data-name="o_anim_rotate_opt" data-trigger="animation_direction_in_place_opt">Rotate</we-button>\n            <we-button data-select-class="o_anim_zoom_out" data-trigger="animation_direction_in_place_opt">Zoom Out</we-button>\n            <we-button data-select-class="o_anim_zoom_in" data-trigger="animation_direction_in_place_opt">Zoom In</we-button>\n            <we-button data-select-class="o_anim_flash" data-dependencies="animation_on_appearance_opt" data-trigger="animation_direction_in_place_opt">Flash</we-button>\n            <we-button data-select-class="o_anim_pulse" data-dependencies="animation_on_appearance_opt" data-trigger="animation_direction_in_place_opt">Pulse</we-button>\n            <we-button data-select-class="o_anim_shake" data-dependencies="animation_on_appearance_opt" data-trigger="animation_direction_in_place_opt">Shake</we-button>\n            <we-button data-select-class="o_anim_tada" data-dependencies="animation_on_appearance_opt" data-trigger="animation_direction_in_place_opt">Tada</we-button>\n            <we-button data-select-class="o_anim_flip_in_x" data-dependencies="animation_on_appearance_opt" data-trigger="animation_direction_in_place_opt">Flip-In-X</we-button>\n            <we-button data-select-class="o_anim_flip_in_y" data-dependencies="animation_on_appearance_opt" data-trigger="animation_direction_in_place_opt">Flip-In-Y</we-button>\n        </we-select>\n        <!-- Direction -->\n        <we-select string="Direction" class="o_we_sublevel_1" data-name="animation_direction_opt" data-force-animation="true">\n            <we-button data-select-class="" data-name="animation_direction_in_place_opt" data-dependencies="!o_anim_slide_in_opt">In Place</we-button>\n            <we-button data-select-class="o_anim_from_right" data-name="animation_direction_from_right_opt" data-dependencies="!o_anim_rotate_opt">From Right</we-button>\n            <we-button data-select-class="o_anim_from_left" data-dependencies="!o_anim_rotate_opt">From Left</we-button>\n            <we-button data-select-class="o_anim_from_bottom" data-dependencies="!o_anim_rotate_opt">From Bottom</we-button>\n            <we-button data-select-class="o_anim_from_top" data-dependencies="!o_anim_rotate_opt">From Top</we-button>\n            <we-button data-select-class="o_anim_from_top_right" data-dependencies="o_anim_rotate_opt">From Top Right</we-button>\n            <we-button data-select-class="o_anim_from_top_left" data-dependencies="o_anim_rotate_opt">From Top Left</we-button>\n            <we-button data-select-class="o_anim_from_bottom_right" data-dependencies="o_anim_rotate_opt">From Bottom Right</we-button>\n            <we-button data-select-class="o_anim_from_bottom_left" data-dependencies="o_anim_rotate_opt">From Bottom Left</we-button>\n        </we-select>\n        <!-- Trigger -->\n        <we-select string="Trigger" class="o_we_sublevel_1" data-dependencies="animation_on_appearance_opt" data-name="animation_trigger_opt">\n            <we-button data-select-class="">First Time Only</we-button>\n            <we-button data-select-class="o_animate_both_scroll">Every Time</we-button>\n        </we-select>\n        <!-- Intensity -->\n        <we-range string="Intensity" class="o_we_sublevel_1" data-name="animation_intensity_opt" data-animation-intensity="" data-min="1" data-max="100" data-step="1" data-display-range-value="true" data-no-preview="true"/>\n        <!-- Scroll Zone -->\n        <we-row string="Scroll Zone" class="o_we_sublevel_1">\n            <we-input data-unit="%" data-step="1" data-dependencies="animation_on_scroll_opt" data-no-preview="true" data-select-data-attribute="" data-attribute-name="scrollZoneStart" data-force-animation="true"/>\n            <span class="mx-2">to</span>\n            <we-input data-unit="%" data-step="1" data-dependencies="animation_on_scroll_opt" data-no-preview="true" data-select-data-attribute="" data-attribute-name="scrollZoneEnd" data-force-animation="true"/>\n        </we-row>\n        <!-- Start After -->\n        <we-input string="Start After" class="o_we_sublevel_1 o_we_small_input" data-dependencies="animation_on_appearance_opt" data-name="animation_delay_opt" data-select-style="0s" data-css-property="animation-delay" data-unit="s"/>\n        <!-- Duration -->\n        <we-input string="Duration" class="o_we_sublevel_1 o_we_small_input" data-dependencies="animation_on_appearance_opt" data-select-style="0.4s" data-css-property="animation-duration" data-unit="s"/>\n    </div>\n\n    <!-- Text highlight effects -->\n    <div data-js="TextHighlight" data-selector=".o_text_highlight" data-text-selector=".o_text_highlight">\n        <!-- Text highlight style -->\n        <we-select string="Highlight" data-name="text_highlight_opt" class="o_we_select_grid">\n            <div class="grid gap-0">\n                <we-button class="g-col-4" data-select-class="o_text_highlight_underline" data-set-text-highlight="underline" data-select-label="Underline"/>\n                <we-button class="g-col-4" data-select-class="o_text_highlight_freehand_1" data-set-text-highlight="freehand_1" data-select-label="Freehand 1"/>\n                <we-button class="g-col-4" data-select-class="o_text_highlight_freehand_2 o_text_highlight_fill" data-set-text-highlight="freehand_2" data-select-label="Freehand 2"/>\n                <we-button class="g-col-4" data-select-class="o_text_highlight_freehand_3 o_text_highlight_fill" data-set-text-highlight="freehand_3" data-select-label="Freehand 3"/>\n                <we-button class="g-col-4" data-select-class="o_text_highlight_double" data-set-text-highlight="double" data-select-label="Double"/>\n                <we-button class="g-col-4" data-select-class="o_text_highlight_wavy" data-set-text-highlight="wavy" data-select-label="Wavy"/>\n                <we-button class="g-col-4" data-select-class="o_text_highlight_circle_1" data-set-text-highlight="circle_1" data-select-label="Circle 1"/>\n                <we-button class="g-col-4" data-select-class="o_text_highlight_circle_2 o_text_highlight_fill" data-set-text-highlight="circle_2" data-select-label="Circle 2"/>\n                <we-button class="g-col-4" data-select-class="o_text_highlight_circle_3 o_text_highlight_fill" data-set-text-highlight="circle_3" data-select-label="Circle 3"/>\n                <we-button class="g-col-4" data-select-class="o_text_highlight_over_underline" data-set-text-highlight="over_underline" data-select-label="Over And Underline"/>\n                <we-button class="g-col-4" data-select-class="o_text_highlight_scribble_1" data-set-text-highlight="scribble_1" data-select-label="Scribble 1"/>\n                <we-button class="g-col-4" data-select-class="o_text_highlight_scribble_2 o_text_highlight_fill" data-set-text-highlight="scribble_2" data-select-label="Scribble 2"/>\n                <we-button class="g-col-4" data-select-class="o_text_highlight_scribble_3 o_text_highlight_fill" data-set-text-highlight="scribble_3" data-select-label="Scribble 3"/>\n                <we-button class="g-col-4 text-black-50" data-select-class="o_text_highlight_scribble_4 o_text_highlight_fill" data-set-text-highlight="scribble_4" data-select-label="Scribble 4"/>\n                <we-button class="g-col-4" data-select-class="o_text_highlight_jagged" data-set-text-highlight="jagged" data-select-label="Jagged"/>\n                <we-button class="g-col-4" data-select-class="o_text_highlight_cross" data-set-text-highlight="cross" data-select-label="Cross"/>\n                <we-button class="g-col-4" data-select-class="o_text_highlight_diagonal" data-set-text-highlight="diagonal" data-select-label="Diagonal"/>\n                <we-button class="g-col-4" data-select-class="o_text_highlight_strikethrough" data-set-text-highlight="strikethrough" data-select-label="Strikethrough"/>\n                <we-button class="g-col-4 text-black-50" data-select-class="o_text_highlight_bold o_text_highlight_fill" data-set-text-highlight="bold" data-select-label="Bold"/>\n                <we-button class="g-col-4 text-black-50" data-select-class="o_text_highlight_bold_1 o_text_highlight_fill" data-set-text-highlight="bold_1" data-select-label="Bold 1"/>\n                <we-button class="g-col-4 text-black-50" data-select-class="o_text_highlight_bold_2 o_text_highlight_fill" data-set-text-highlight="bold_2" data-select-label="Bold 2"/>\n            </div>\n        </we-select>\n        <!-- Text highlight color -->\n        <we-colorpicker string="Color" class="o_we_sublevel_1" data-dependencies="text_highlight_opt" data-css-property="--text-highlight-color" data-select-style=""/>\n        <!-- Text highlight thickness -->\n        <we-input string="Thickness" class="o_we_sublevel_1 o_we_small_input" data-dependencies="text_highlight_opt" data-css-property="--text-highlight-width" data-select-style="" data-unit="px"/>\n    </div>\n\n    <!-- Theme options -->\n    <div data-js="ThemeColors" data-selector="theme-colors" data-no-check="true">\n        <we-alert class="o_old_color_system_warning d-none mt-2">\n            It appears your website is still using the old color system of\n            Odoo 13.0 in some places. We made sure it is still working but\n            we recommend you to try to use the new color system, which is\n            still customizable.\n        </we-alert>\n        <we-row class="o_we_theme_colors_selector">\n            <div class="o_we_theme_colors_selector_group">\n                <we-title>Main</we-title>\n                <we-colorpicker data-name="color_1_opt" title="Primary" data-customize-website-color="" data-color="o-color-1" data-use-css-color="true" data-selected-tab="custom-colors"/>\n                <we-colorpicker data-name="color_2_opt" title="Secondary" data-customize-website-color="" data-color="o-color-2" data-use-css-color="true" data-selected-tab="custom-colors"/>\n                <we-colorpicker data-customize-website-color="" data-color="o-color-3" data-use-css-color="true" data-selected-tab="custom-colors"/>\n            </div>\n            <div class="o_we_theme_colors_selector_group">\n                <we-title>Light &amp; Dark</we-title>\n                <we-colorpicker data-customize-website-color="" data-color="o-color-4" data-use-css-color="true" data-selected-tab="custom-colors"/>\n                <we-colorpicker data-customize-website-color="" data-color="o-color-5" data-use-css-color="true" data-selected-tab="custom-colors"/>\n            </div>\n            <we-select data-img="/website/static/src/img/snippets_options/palette.svg" class="o_we_theme_colors_select" data-variable="color-palettes-name"/>\n        </we-row>\n        <we-collapse class="o_we_theme_presets_collapse" string="Color Presets">\n        </we-collapse>\n    </div>\n    <div data-js="OptionsTab" data-selector="website-settings" data-no-check="true">\n        <we-row string="Theme" groups="base.group_system">\n            <we-button data-switch-theme="" data-no-preview="true" class="o_we_bg_brand_primary">Switch Theme</we-button>\n        </we-row>\n        <we-row string="Language">\n            <we-button data-add-language="" data-no-preview="true" class="o_we_bg_brand_primary">Add a Language</we-button>\n        </we-row>\n        <we-select string="Page Layout" data-variable="layout">\n            <we-button data-customize-website-variable="'full'" data-name="layout_full_opt">Full</we-button>\n            <we-button data-customize-website-variable="'boxed'">Boxed</we-button>\n            <we-button data-customize-website-variable="'framed'">Framed</we-button>\n            <we-button data-customize-website-variable="'postcard'">Postcard</we-button>\n        </we-select>\n        <we-row string="Background" class="o_we_sublevel_1" data-no-preview="true">\n            <we-colorpicker data-dependencies="!layout_full_opt" data-customize-website-color="" data-color="body"/>\n            <we-button-group data-imagepicker="body_bg_image_opt">\n                <we-button title="Image" class="fa fa-fw fa-camera" data-customize-body-bg-type="'image'"/>\n                <we-button title="Pattern" class="fa fa-fw fa-th" data-customize-body-bg-type="'pattern'"/>\n                <we-button title="None" class="fa fa-fw fa-ban" data-customize-body-bg-type="NONE"/>\n            </we-button-group>\n            <!-- Hidden imagepicker enabled by above button-group -->\n            <we-imagepicker data-name="body_bg_image_opt" data-customize-body-bg=""/>\n        </we-row>\n    </div>\n    <div data-js="OptionsTab" data-selector="theme-paragraph" data-no-check="true">\n        <we-collapse>\n            <we-input string="Font Size" data-customize-website-variable="null" data-variable="font-size-base" data-unit="px" data-save-unit="rem"/>\n            <we-input string="Small" class="o_we_sublevel_1" data-customize-website-variable="null" data-variable="small-font-size" data-unit="px" data-save-unit="rem"/>\n        </we-collapse>\n        <we-fontfamilypicker string="Font Family" data-variable="font"/>\n        <!-- "× ": \\u00D7\\u2000 -->\n        <we-input string="Line Height" data-customize-website-variable="null" data-variable="body-line-height" data-fake-unit="× "/>\n        <we-row string="Margins">\n            <we-input title="Top" data-customize-website-variable="" data-variable="paragraph-margin-top" data-unit="px" data-save-unit="px"/>\n            <we-input title="Bottom" data-customize-website-variable="" data-variable="paragraph-margin-bottom" data-unit="px" data-save-unit="px"/>\n        </we-row>\n    </div>\n    <div data-js="OptionsTab" data-selector="theme-headings" data-no-check="true">\n        <t t-set="heading_label">Heading</t>\n        <t t-set="display_label">Display</t>\n        <we-collapse>\n            <we-input string="Font Size" title="Heading 1" data-customize-website-variable="null" data-variable="h1-font-size" data-unit="px" data-save-unit="rem"/>\n            <t t-foreach="[2, 3, 4, 5, 6]" t-as="depth">\n                <we-input t-attf-string="#{heading_label} #{depth}" class="o_we_sublevel_1" data-customize-website-variable="null" t-attf-data-variable="h#{depth}-font-size" data-unit="px" data-save-unit="rem"/>\n            </t>\n            <!-- We don't use `display-font-sizes.5` and `display-font-sizes.6` -->\n            <t t-set="used_display_font_sizes" t-value="[1, 2, 3, 4]"/>\n            <t t-foreach="used_display_font_sizes" t-as="depth">\n                <we-input t-attf-string="#{display_label} #{depth}" class="o_we_sublevel_1" data-customize-website-variable="null" t-attf-data-variable="display-#{depth}-font-size" data-unit="px" data-save-unit="rem"/>\n            </t>\n        </we-collapse>\n        <we-collapse>\n            <we-row string="Font Family" title="Heading 1">\n                <we-fontfamilypicker data-variable="headings-font"/>\n                <we-button class="fa fa-fw fa-remove o_we_hover_danger o_we_link" title="Reset to Paragraph Font Family" data-customize-website-variable="" data-variable="headings-font" data-remove-font="set-headings-font" data-no-preview="true"/>\n            </we-row>\n            <t t-foreach="[2, 3, 4, 5, 6]" t-as="depth">\n                <we-row t-attf-string="#{heading_label} #{depth}" class="o_we_sublevel_1">\n                    <we-fontfamilypicker t-attf-data-variable="h#{depth}-font"/>\n                    <we-button class="fa fa-fw fa-remove o_we_hover_danger o_we_link" title="Reset to Headings Font Family" data-customize-website-variable="" t-attf-data-variable="h#{depth}-font" t-attf-data-remove-font="set-h#{depth}-font" data-no-preview="true"/>\n                </we-row>\n            </t>\n            <t t-foreach="used_display_font_sizes" t-as="depth">\n                <we-row t-attf-string="#{display_label} #{depth}" class="o_we_sublevel_1">\n                    <we-fontfamilypicker t-attf-data-variable="display-#{depth}-font"/>\n                    <we-button class="fa fa-fw fa-remove o_we_hover_danger o_we_link" title="Reset to Headings Font Family" data-customize-website-variable="" t-attf-data-variable="display-#{depth}-font" t-attf-data-remove-font="set-display-#{depth}-font" data-no-preview="true"/>\n                </we-row>\n            </t>\n        </we-collapse>\n        <we-collapse>\n            <!-- "× ": \\u00D7\\u2000 -->\n            <we-input string="Line Height" title="Heading 1" data-customize-website-variable="null" data-variable="headings-line-height" data-fake-unit="× "/>\n            <t t-foreach="[2, 3, 4, 5, 6]" t-as="depth">\n                <we-input t-attf-string="#{heading_label} #{depth}" class="o_we_sublevel_1" data-customize-website-variable="null" t-attf-data-variable="h#{depth}-line-height" data-fake-unit="× "/>\n            </t>\n            <t t-foreach="used_display_font_sizes" t-as="depth">\n                <we-input t-attf-string="#{display_label} #{depth}" class="o_we_sublevel_1" data-customize-website-variable="null" t-attf-data-variable="display-#{depth}-line-height" data-fake-unit="× "/>\n            </t>\n        </we-collapse>\n        <we-collapse>\n            <we-row string="Margins" title="Heading 1">\n                <we-input title="Top" data-customize-website-variable="" data-variable="headings-margin-top" data-unit="px" data-save-unit="px"/>\n                <we-input title="Bottom" data-customize-website-variable="" data-variable="headings-margin-bottom" data-unit="px" data-save-unit="px"/>\n            </we-row>\n            <t t-foreach="[2, 3, 4, 5, 6]" t-as="depth">\n                <we-row t-attf-string="#{heading_label} #{depth}" class="o_we_sublevel_1">\n                    <we-input title="Top" data-customize-website-variable="" t-attf-data-variable="h#{depth}-margin-top" data-unit="px" data-save-unit="px"/>\n                    <we-input title="Bottom" data-customize-website-variable="" t-attf-data-variable="h#{depth}-margin-bottom" data-unit="px" data-save-unit="px"/>\n                </we-row>\n            </t>\n            <t t-foreach="used_display_font_sizes" t-as="depth">\n                <we-row t-attf-string="#{display_label} #{depth}" class="o_we_sublevel_1">\n                    <we-input title="Top" data-customize-website-variable="" t-attf-data-variable="display-#{depth}-margin-top" data-unit="px" data-save-unit="px"/>\n                    <we-input title="Bottom" data-customize-website-variable="" t-attf-data-variable="display-#{depth}-margin-bottom" data-unit="px" data-save-unit="px"/>\n                </we-row>\n            </t>\n        </we-collapse>\n    </div>\n    <div data-js="OptionsTab" data-selector="theme-button" data-no-check="true">\n        <we-select string="Primary Style" data-button="primary" data-no-preview="true">\n            <we-button data-customize-button-style="fill">Fill</we-button>\n            <we-button data-customize-button-style="outline" data-name="btn_primary_outline_opt">Outline</we-button>\n            <we-button data-customize-button-style="flat">Flat</we-button>\n        </we-select>\n        <we-input string="Border Width" class="o_we_sublevel_1" data-customize-website-variable="" data-variable="btn-primary-outline-border-width" data-dependencies="btn_primary_outline_opt" data-unit="px" data-save-unit="rem"/>\n        <we-select string="Secondary Style" data-button="secondary" data-no-preview="true">\n            <we-button data-customize-button-style="fill">Fill</we-button>\n            <we-button data-customize-button-style="outline" data-name="btn_secondary_outline_opt">Outline</we-button>\n            <we-button data-customize-button-style="flat">Flat</we-button>\n        </we-select>\n        <we-input string="Border Width" class="o_we_sublevel_1" data-customize-website-variable="" data-variable="btn-secondary-outline-border-width" data-dependencies="btn_secondary_outline_opt" data-unit="px" data-save-unit="rem"/>\n        <we-row string="Font Family">\n            <we-fontfamilypicker data-variable="buttons-font"/>\n            <we-button class="fa fa-fw fa-remove o_we_hover_danger o_we_link" title="Reset to Paragraph Font Family" data-customize-website-variable="" data-variable="buttons-font" data-remove-font="set-buttons-font" data-no-preview="true"/>\n        </we-row>\n        <we-collapse>\n            <we-row string="Padding">\n                <we-input title="Y" data-customize-website-variable="" data-variable="btn-padding-y" data-unit="px" data-save-unit="rem"/>\n                <we-input title="X" data-customize-website-variable="" data-variable="btn-padding-x" data-unit="px" data-save-unit="rem"/>\n            </we-row>\n            <we-row string="Small" class="o_we_sublevel_1">\n                <we-input title="Y" data-customize-website-variable="" data-variable="btn-padding-y-sm" data-unit="px" data-save-unit="rem"/>\n                <we-input title="X" data-customize-website-variable="" data-variable="btn-padding-x-sm" data-unit="px" data-save-unit="rem"/>\n            </we-row>\n            <we-row string="Large" class="o_we_sublevel_1">\n                <we-input title="Y" data-customize-website-variable="" data-variable="btn-padding-y-lg" data-unit="px" data-save-unit="rem"/>\n                <we-input title="X" data-customize-website-variable="" data-variable="btn-padding-x-lg" data-unit="px" data-save-unit="rem"/>\n            </we-row>\n        </we-collapse>\n        <we-collapse>\n            <we-input string="Font Size" data-customize-website-variable="" data-variable="btn-font-size" data-unit="px" data-save-unit="rem"/>\n            <we-input string="Small" class="o_we_sublevel_1" data-customize-website-variable="" data-variable="btn-font-size-sm" data-unit="px" data-save-unit="rem"/>\n            <we-input string="Large" class="o_we_sublevel_1" data-customize-website-variable="" data-variable="btn-font-size-lg" data-unit="px" data-save-unit="rem"/>\n        </we-collapse>\n        <we-collapse>\n            <we-input string="Round Corners" data-customize-website-variable="" data-variable="btn-border-radius" data-unit="px" data-save-unit="rem"/>\n            <we-input string="Small" class="o_we_sublevel_1" data-customize-website-variable="" data-variable="btn-border-radius-sm" data-unit="px" data-save-unit="rem"/>\n            <we-input string="Large" class="o_we_sublevel_1" data-customize-website-variable="" data-variable="btn-border-radius-lg" data-unit="px" data-save-unit="rem"/>\n        </we-collapse>\n        <we-select string="On Click Effect" data-variable="btn-ripple">\n            <we-button data-customize-website-variable="false">None</we-button>\n            <we-button data-customize-website-variable="true" data-customize-website-assets="website.ripple_effect_scss, website.ripple_effect_js">Ripple</we-button>\n        </we-select>\n    </div>\n    <div data-js="OptionsTab" data-selector="theme-link" data-no-check="true">\n        <we-select string="Link Style" data-variable="link-underline">\n            <we-button data-customize-website-variable="'never'">No Underline</we-button>\n            <we-button data-customize-website-variable="'hover'">Underline On Hover</we-button>\n            <we-button data-customize-website-variable="'always'">Always Underline</we-button>\n        </we-select>\n    </div>\n    <div data-js="OptionsTab" data-selector="theme-input" data-no-check="true">\n        <we-collapse>\n            <we-row string="Paddings">\n                <we-input title="Y" data-customize-website-variable="" data-variable="input-padding-y" data-unit="px" data-save-unit="rem"/>\n                <we-input title="X" data-customize-website-variable="" data-variable="input-padding-x" data-unit="px" data-save-unit="rem"/>\n            </we-row>\n            <we-row string="Small" class="o_we_sublevel_1">\n                <we-input title="Y" data-customize-website-variable="" data-variable="input-padding-y-sm" data-unit="px" data-save-unit="rem"/>\n                <we-input title="X" data-customize-website-variable="" data-variable="input-padding-x-sm" data-unit="px" data-save-unit="rem"/>\n            </we-row>\n            <we-row string="Large" class="o_we_sublevel_1">\n                <we-input title="Y" data-customize-website-variable="" data-variable="input-padding-y-lg" data-unit="px" data-save-unit="rem"/>\n                <we-input title="X" data-customize-website-variable="" data-variable="input-padding-x-lg" data-unit="px" data-save-unit="rem"/>\n            </we-row>\n        </we-collapse>\n        <we-collapse>\n            <we-input string="Font Size" data-customize-website-variable="" data-variable="input-font-size" data-unit="px" data-save-unit="rem"/>\n            <we-input string="Small" class="o_we_sublevel_1" data-customize-website-variable="" data-variable="input-font-size-sm" data-unit="px" data-save-unit="rem"/>\n            <we-input string="Large" class="o_we_sublevel_1" data-customize-website-variable="" data-variable="input-font-size-lg" data-unit="px" data-save-unit="rem"/>\n        </we-collapse>\n        <we-collapse>\n            <we-input string="Border Width" data-customize-website-variable="" data-variable="input-border-width" data-unit="px" data-save-unit="rem"/>\n        </we-collapse>\n        <we-collapse>\n            <we-input string="Border Radius" data-customize-website-variable="" data-variable="input-border-radius" data-unit="px" data-save-unit="rem"/>\n            <we-input string="Small" class="o_we_sublevel_1" data-customize-website-variable="" data-variable="input-border-radius-sm" data-unit="px" data-save-unit="rem"/>\n            <we-input string="Large" class="o_we_sublevel_1" data-customize-website-variable="" data-variable="input-border-radius-lg" data-unit="px" data-save-unit="rem"/>\n        </we-collapse>\n        <we-row string="Background">\n            <we-colorpicker title="Background" data-no-transparency="true" data-customize-website-color="" data-color="input"/>\n        </we-row>\n    </div>\n    <div data-js="OptionsTab" data-selector="theme-advanced" data-no-check="true">\n        <we-checkbox string="Show Header" data-customize-website-views="website.option_layout_hide_header|" data-reload="/"/>\n        <we-row string="Code Injection" title="Enter code that will be added into every page of your site">\n            <we-button data-no-preview="true" data-open-custom-code-dialog="head">&amp;lt;head&amp;gt; and &amp;lt;/body&amp;gt;</we-button>\n        </we-row>\n        <we-row string="Google Map">\n            <we-button data-configure-api-key="" data-no-preview="true">Custom Key</we-button>\n        </we-row>\n        <we-row string="Status Colors">\n            <we-colorpicker title="Success" data-customize-website-color="" data-color-type="theme" data-color="success" data-selected-tab="custom-colors"/>\n            <we-colorpicker title="Info" data-customize-website-color="" data-color-type="theme" data-color="info" data-selected-tab="custom-colors"/>\n            <we-colorpicker title="Warning" data-customize-website-color="" data-color-type="theme" data-color="warning" data-selected-tab="custom-colors"/>\n            <we-colorpicker title="Error" data-customize-website-color="" data-color-type="theme" data-color="danger" data-selected-tab="custom-colors"/>\n        </we-row>\n        <we-collapse>\n            <we-row string="Grays" class="o_we_gray_preview o_we_collapse_toggler">\n                <t t-foreach="9" t-as="i">\n                    <t t-set="grayCode" t-value="str((9 - i) * 100)"/>\n                    <span t-attf-title="Gray #{grayCode}" t-attf-variable="#{grayCode}" t-attf-class="o_we_user_value_widget o_we_gray_preview bg-#{grayCode}"/>\n                </t>\n            </we-row>\n            <we-range string="Hue" class="o_we_sublevel_1 o_we_slider_tint" data-customize-gray="" data-param="gray-hue" data-min="0" data-max="359.9" data-step="0.1"/>\n            <we-range string="Saturation" class="o_we_sublevel_1" data-customize-gray="" data-param="gray-extra-saturation" data-step="0.1"/>\n        </we-collapse>\n    </div>\n    <!-- Info page ('/website/info') -->\n    <div data-selector="main:has(.o_website_info)" data-page-options="true" groups="website.group_website_designer" data-no-check="true" string="Info Page">\n        <we-checkbox string="Odoo Information" data-customize-website-views="website.show_website_info" data-no-preview="true" data-reload="/"/>\n    </div>\n    <div data-js="SwitchableViews" data-selector="#wrapwrap &gt; main" data-no-check="true" groups="website.group_website_designer">\n            <!-- Options will be populated by JS -->\n    </div>\n\n    <!-- Tabs snippets -->\n    <t t-call="website.snippet_options_tabs"/>\n\n    </xpath>\n<xpath expr="." position="attributes"><attribute name="t-name">website.snippet_options</attribute></xpath></data>\n\n	f	t	2025-07-20 21:14:37.445508	2025-07-20 21:14:37.445508	f	\N	\N	\N	\N	\N	\N	\N	\N	\N	f	f
729	16	\N	1	1	Card	\N	website.s_card	qweb	website/views/snippets/s_card.xml	primary	{"en_US": "<t name=\\"Card\\" t-name=\\"website.s_card\\">\\n    <div class=\\"s_card o_card_img_top card o_cc o_cc1\\" data-vxml=\\"001\\">\\n        <figure class=\\"o_card_img_wrapper ratio ratio-16x9 mb-0\\">\\n            <img class=\\"o_card_img card-img-top\\" src=\\"/web/image/website.s_card_default_image_1\\" alt=\\"\\"/>\\n        </figure>\\n        <div class=\\"card-body\\">\\n            <h5 class=\\"card-title\\">Card title</h5>\\n            <p class=\\"card-text\\">A card is a flexible and extensible content container. It includes options for headers and footers, a wide variety of content, contextual background colors, and powerful display options.</p>\\n            <a t-att-href=\\"cta_btn_href\\">Discover</a>\\n        </div>\\n    </div>\\n</t>", "fr_FR": "<t name=\\"Card\\" t-name=\\"website.s_card\\">\\n    <div class=\\"s_card o_card_img_top card o_cc o_cc1\\" data-vxml=\\"001\\">\\n        <figure class=\\"o_card_img_wrapper ratio ratio-16x9 mb-0\\">\\n            <img class=\\"o_card_img card-img-top\\" src=\\"/web/image/website.s_card_default_image_1\\" alt=\\"\\"/>\\n        </figure>\\n        <div class=\\"card-body\\">\\n            <h5 class=\\"card-title\\">Card Titre</h5>\\n            <p class=\\"card-text\\">Une carte est un content container flexible et extensible. Il comprend des options pour les en-têtes et pieds de page, une grande variété de contenus, des couleurs d'arrière-plan contextuel et de puissantes options d'affichage.</p>\\n            <a t-att-href=\\"cta_btn_href\\">Découvrir</a>\\n        </div>\\n    </div>\\n</t>"}	<?xml version="1.0"?>\n<t name="Card" t-name="website.s_card">\n    <div class="s_card o_card_img_top card o_cc o_cc1" data-vxml="001">\n        <figure class="o_card_img_wrapper ratio ratio-16x9 mb-0">\n            <img class="o_card_img card-img-top" src="/web/image/website.s_card_default_image_1" alt=""/>\n        </figure>\n        <div class="card-body">\n            <h5 class="card-title">Card title</h5>\n            <p class="card-text">A card is a flexible and extensible content container. It includes options for headers and footers, a wide variety of content, contextual background colors, and powerful display options.</p>\n            <a t-att-href="cta_btn_href">Discover</a>\n        </div>\n    </div>\n</t>\n\n	f	t	2025-07-20 21:14:37.445508	2025-07-20 21:14:37.445508	f	\N	\N	\N	\N	\N	\N	\N	\N	\N	f	f
699	16	\N	1	1	Framed Intro	\N	website.s_framed_intro	qweb	website/views/snippets/s_framed_intro.xml	primary	{"en_US": "<t name=\\"Framed Intro\\" t-name=\\"website.s_framed_intro\\">\\n    <section class=\\"s_framed_intro pt56 pb56\\">\\n        <div class=\\"container\\">\\n            <div class=\\"row o_grid_mode\\" data-row-count=\\"14\\">\\n                <div class=\\"o_grid_item g-col-lg-6 g-height-10 col-lg-6\\" style=\\"grid-area: 1 / 1 / 11 / 7; z-index: 1; order:2;\\">\\n                    <h1 class=\\"display-4\\">Experience<br/>the World's Best<br/><strong>Quality Services</strong></h1>\\n                </div>\\n                <div class=\\"o_grid_item g-col-lg-6 g-height-4 col-lg-6 align-content-end\\" style=\\"grid-area: 11 / 1 / 15 / 7; z-index: 2; order:3;\\">\\n                    <p class=\\"lead\\">This is a simple hero unit, a simple jumbotron-style component for calling extra attention to featured content or information.</p>\\n                    <p style=\\"text-align: left;\\">\\n                        <a t-att-href=\\"cta_btn_href\\" class=\\"btn btn-lg btn-primary o_translate_inline\\">Discover</a>\\n                    </p>\\n                </div>\\n                <div class=\\"o_grid_item g-col-lg-5 g-height-14 col-lg-5 o_grid_item_image o_cc o_cc2 order-lg-0\\" style=\\"grid-area: 1 / 8 / 15 / 13; z-index: 3; --grid-item-padding-y: 32px; --grid-item-padding-x: 32px; order:1;\\">\\n                    <img class=\\"img img-fluid\\" style=\\"width: 100% !important\\" src=\\"/web/image/website.s_framed_intro_default_image\\" alt=\\"\\"/>\\n                </div>\\n            </div>\\n        </div>\\n    </section>\\n</t>", "fr_FR": "<t name=\\"Framed Intro\\" t-name=\\"website.s_framed_intro\\">\\n    <section class=\\"s_framed_intro pt56 pb56\\">\\n        <div class=\\"container\\">\\n            <div class=\\"row o_grid_mode\\" data-row-count=\\"14\\">\\n                <div class=\\"o_grid_item g-col-lg-6 g-height-10 col-lg-6\\" style=\\"grid-area: 1 / 1 / 11 / 7; z-index: 1; order:2;\\">\\n                    <h1 class=\\"display-4\\">Faites l'expérience<br/>des meilleurs<br/><strong>services de qualité</strong> au monde </h1>\\n                </div>\\n                <div class=\\"o_grid_item g-col-lg-6 g-height-4 col-lg-6 align-content-end\\" style=\\"grid-area: 11 / 1 / 15 / 7; z-index: 2; order:3;\\">\\n                    <p class=\\"lead\\">Il s'agit d'une simple unité hero, un simple composant de style jumbotron pour attirer une attention supplémentaire sur le contenu ou les informations vedettes.</p>\\n                    <p style=\\"text-align: left;\\">\\n                        <a t-att-href=\\"cta_btn_href\\" class=\\"btn btn-lg btn-primary o_translate_inline\\">Découvrir</a>\\n                    </p>\\n                </div>\\n                <div class=\\"o_grid_item g-col-lg-5 g-height-14 col-lg-5 o_grid_item_image o_cc o_cc2 order-lg-0\\" style=\\"grid-area: 1 / 8 / 15 / 13; z-index: 3; --grid-item-padding-y: 32px; --grid-item-padding-x: 32px; order:1;\\">\\n                    <img class=\\"img img-fluid\\" style=\\"width: 100% !important\\" src=\\"/web/image/website.s_framed_intro_default_image\\" alt=\\"\\"/>\\n                </div>\\n            </div>\\n        </div>\\n    </section>\\n</t>"}	<?xml version="1.0"?>\n<t name="Framed Intro" t-name="website.s_framed_intro">\n    <section class="s_framed_intro pt56 pb56">\n        <div class="container">\n            <div class="row o_grid_mode" data-row-count="14">\n                <div class="o_grid_item g-col-lg-6 g-height-10 col-lg-6" style="grid-area: 1 / 1 / 11 / 7; z-index: 1; order:2;">\n                    <h1 class="display-4">Experience<br/>the World's Best<br/><strong>Quality Services</strong></h1>\n                </div>\n                <div class="o_grid_item g-col-lg-6 g-height-4 col-lg-6 align-content-end" style="grid-area: 11 / 1 / 15 / 7; z-index: 2; order:3;">\n                    <p class="lead">This is a simple hero unit, a simple jumbotron-style component for calling extra attention to featured content or information.</p>\n                    <p style="text-align: left;">\n                        <a t-att-href="cta_btn_href" class="btn btn-lg btn-primary o_translate_inline">Discover</a>\n                    </p>\n                </div>\n                <div class="o_grid_item g-col-lg-5 g-height-14 col-lg-5 o_grid_item_image o_cc o_cc2 order-lg-0" style="grid-area: 1 / 8 / 15 / 13; z-index: 3; --grid-item-padding-y: 32px; --grid-item-padding-x: 32px; order:1;">\n                    <img class="img img-fluid" style="width: 100% !important" src="/web/image/website.s_framed_intro_default_image" alt=""/>\n                </div>\n            </div>\n        </div>\n    </section>\n</t>\n\n	f	t	2025-07-20 21:14:37.445508	2025-07-20 21:14:37.445508	f	\N	\N	\N	\N	\N	\N	\N	\N	\N	f	f
700	16	\N	1	1	Title	\N	website.s_title	qweb	website/views/snippets/s_title.xml	primary	{"en_US": "<t name=\\"Title\\" t-name=\\"website.s_title\\">\\n    <section class=\\"s_title pt40 pb40\\" data-vcss=\\"001\\">\\n        <div class=\\"container s_allow_columns\\">\\n            <h2 class=\\"display-3-fs\\" style=\\"text-align: center;\\">Your Site Title</h2>\\n        </div>\\n    </section>\\n</t>", "fr_FR": "<t name=\\"Title\\" t-name=\\"website.s_title\\">\\n    <section class=\\"s_title pt40 pb40\\" data-vcss=\\"001\\">\\n        <div class=\\"container s_allow_columns\\">\\n            <h2 class=\\"display-3-fs\\" style=\\"text-align: center;\\">Titre de votre site</h2>\\n        </div>\\n    </section>\\n</t>"}	<?xml version="1.0"?>\n<t name="Title" t-name="website.s_title">\n    <section class="s_title pt40 pb40" data-vcss="001">\n        <div class="container s_allow_columns">\n            <h2 class="display-3-fs" style="text-align: center;">Your Site Title</h2>\n        </div>\n    </section>\n</t>\n\n	f	t	2025-07-20 21:14:37.445508	2025-07-20 21:14:37.445508	f	\N	\N	\N	\N	\N	\N	\N	\N	\N	f	f
701	16	\N	1	1	Cover	\N	website.s_cover	qweb	website/views/snippets/s_cover.xml	primary	{"en_US": "<t name=\\"Cover\\" t-name=\\"website.s_cover\\">\\n    <section class=\\"s_cover parallax s_parallax_is_fixed o_cc o_cc5 pt232 pb232\\" data-scroll-background-ratio=\\"1\\">\\n        <span class=\\"s_parallax_bg oe_img_bg\\" style=\\"background-image: url('/web/image/website.s_cover_default_image'); background-position: 50% 75%;\\"/>\\n        <div class=\\"o_we_bg_filter bg-black-50\\"/>\\n        <div class=\\"container s_allow_columns\\">\\n            <h1 class=\\"display-3\\" style=\\"text-align: center;\\">Your journey starts here</h1>\\n            <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>\\n            <p style=\\"text-align: center;\\">\\n                <a t-att-href=\\"cta_btn_href\\" class=\\"btn btn-secondary mb-2 o_translate_inline\\"><t t-esc=\\"cta_btn_text\\">Discover more</t></a>\\n                <t t-set=\\"contact_us_label\\">Contact us</t>\\n                <a href=\\"/contactus\\" class=\\"btn btn-outline-secondary mb-2 o_translate_inline\\"><t t-out=\\"contact_us_label\\"/></a>\\n            </p>\\n        </div>\\n    </section>\\n</t>", "fr_FR": "<t name=\\"Cover\\" t-name=\\"website.s_cover\\">\\n    <section class=\\"s_cover parallax s_parallax_is_fixed o_cc o_cc5 pt232 pb232\\" data-scroll-background-ratio=\\"1\\">\\n        <span class=\\"s_parallax_bg oe_img_bg\\" style=\\"background-image: url('/web/image/website.s_cover_default_image'); background-position: 50% 75%;\\"/>\\n        <div class=\\"o_we_bg_filter bg-black-50\\"/>\\n        <div class=\\"container s_allow_columns\\">\\n            <h1 class=\\"display-3\\" style=\\"text-align: center;\\">Votre aventure commence ici</h1>\\n            <p class=\\"lead\\" style=\\"text-align: center;\\">Ecrivez un ou deux paragraphes décrivant votre produit, vos services ou une fonctionnalité spécifique.<br/> Pour avoir du succès, votre contenu doit être utile pour vos lecteurs.</p>\\n            <p style=\\"text-align: center;\\">\\n                <a t-att-href=\\"cta_btn_href\\" class=\\"btn btn-secondary mb-2 o_translate_inline\\"><t t-esc=\\"cta_btn_text\\">Découvrir plus</t></a>\\n                <t t-set=\\"contact_us_label\\">Contactez-nous</t>\\n                <a href=\\"/contactus\\" class=\\"btn btn-outline-secondary mb-2 o_translate_inline\\"><t t-out=\\"contact_us_label\\"/></a>\\n            </p>\\n        </div>\\n    </section>\\n</t>"}	<?xml version="1.0"?>\n<t name="Cover" t-name="website.s_cover">\n    <section class="s_cover parallax s_parallax_is_fixed o_cc o_cc5 pt232 pb232" data-scroll-background-ratio="1">\n        <span class="s_parallax_bg oe_img_bg" style="background-image: url('/web/image/website.s_cover_default_image'); background-position: 50% 75%;"/>\n        <div class="o_we_bg_filter bg-black-50"/>\n        <div class="container s_allow_columns">\n            <h1 class="display-3" style="text-align: center;">Your journey starts here</h1>\n            <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>\n            <p style="text-align: center;">\n                <a t-att-href="cta_btn_href" class="btn btn-secondary mb-2 o_translate_inline"><t t-esc="cta_btn_text">Discover more</t></a>\n                <t t-set="contact_us_label">Contact us</t>\n                <a href="/contactus" class="btn btn-outline-secondary mb-2 o_translate_inline"><t t-out="contact_us_label"/></a>\n            </p>\n        </div>\n    </section>\n</t>\n\n	f	t	2025-07-20 21:14:37.445508	2025-07-20 21:14:37.445508	f	\N	\N	\N	\N	\N	\N	\N	\N	\N	f	f
702	16	\N	1	1	Text Cover	\N	website.s_text_cover	qweb	website/views/snippets/s_text_cover.xml	primary	{"en_US": "<t name=\\"Text Cover\\" t-name=\\"website.s_text_cover\\">\\n    <section class=\\"s_text_cover o_colored_level o_cc o_cc3\\">\\n        <div class=\\"container-fluid\\">\\n            <div class=\\"row o_grid_mode\\" data-row-count=\\"11\\">\\n                <div class=\\"o_grid_item g-height-9 g-col-lg-5 col-lg-5 o_cc o_cc1\\" style=\\"z-index: 1; grid-area: 2 / 3 / 11 / 8; --grid-item-padding-x: 24px; --grid-item-padding-y: 24px;\\">\\n                    <h1 class=\\"display-3\\">Sell Online. <br/>Easily.</h1>\\n                    <p class=\\"lead\\"><br/>Sell online easily with a user-friendly platform that streamlines all the steps, including setup, inventory management, and payment processing.<br/></p>\\n                    <a t-att-href=\\"cta_btn_href\\" class=\\"btn btn-lg btn-primary\\"><t t-esc=\\"cta_btn_text\\">Contact us</t></a>\\n                </div>\\n                <div class=\\"o_grid_item g-height-11 g-col-lg-6 col-lg-6 o_cc o_cc1 oe_img_bg o_not_editable d-none d-lg-block o_snippet_mobile_invisible\\" style=\\"grid-area: 1 / 7 / 12 / 13; --grid-item-padding-x: 0px; --grid-item-padding-y: 0px; background-image: url('/web/image/website.s_text_cover_default_image');\\"/>\\n            </div>\\n        </div>\\n    </section>\\n</t>", "fr_FR": "<t name=\\"Text Cover\\" t-name=\\"website.s_text_cover\\">\\n    <section class=\\"s_text_cover o_colored_level o_cc o_cc3\\">\\n        <div class=\\"container-fluid\\">\\n            <div class=\\"row o_grid_mode\\" data-row-count=\\"11\\">\\n                <div class=\\"o_grid_item g-height-9 g-col-lg-5 col-lg-5 o_cc o_cc1\\" style=\\"z-index: 1; grid-area: 2 / 3 / 11 / 8; --grid-item-padding-x: 24px; --grid-item-padding-y: 24px;\\">\\n                    <h1 class=\\"display-3\\">Vendez en ligne. <br/>Facilement.</h1>\\n                    <p class=\\"lead\\"><br/>Vendez facilement en ligne grâce à une plateforme intuitive qui simplifie toutes les étapes, y compris l'installation, la gestion des stocks et le traitement des paiements.<br/></p>\\n                    <a t-att-href=\\"cta_btn_href\\" class=\\"btn btn-lg btn-primary\\"><t t-esc=\\"cta_btn_text\\">Contactez-nous</t></a>\\n                </div>\\n                <div class=\\"o_grid_item g-height-11 g-col-lg-6 col-lg-6 o_cc o_cc1 oe_img_bg o_not_editable d-none d-lg-block o_snippet_mobile_invisible\\" style=\\"grid-area: 1 / 7 / 12 / 13; --grid-item-padding-x: 0px; --grid-item-padding-y: 0px; background-image: url('/web/image/website.s_text_cover_default_image');\\"/>\\n            </div>\\n        </div>\\n    </section>\\n</t>"}	<?xml version="1.0"?>\n<t name="Text Cover" t-name="website.s_text_cover">\n    <section class="s_text_cover o_colored_level o_cc o_cc3">\n        <div class="container-fluid">\n            <div class="row o_grid_mode" data-row-count="11">\n                <div class="o_grid_item g-height-9 g-col-lg-5 col-lg-5 o_cc o_cc1" style="z-index: 1; grid-area: 2 / 3 / 11 / 8; --grid-item-padding-x: 24px; --grid-item-padding-y: 24px;">\n                    <h1 class="display-3">Sell Online. <br/>Easily.</h1>\n                    <p class="lead"><br/>Sell online easily with a user-friendly platform that streamlines all the steps, including setup, inventory management, and payment processing.<br/></p>\n                    <a t-att-href="cta_btn_href" class="btn btn-lg btn-primary"><t t-esc="cta_btn_text">Contact us</t></a>\n                </div>\n                <div class="o_grid_item g-height-11 g-col-lg-6 col-lg-6 o_cc o_cc1 oe_img_bg o_not_editable d-none d-lg-block o_snippet_mobile_invisible" style="grid-area: 1 / 7 / 12 / 13; --grid-item-padding-x: 0px; --grid-item-padding-y: 0px; background-image: url('/web/image/website.s_text_cover_default_image');"/>\n            </div>\n        </div>\n    </section>\n</t>\n\n	f	t	2025-07-20 21:14:37.445508	2025-07-20 21:14:37.445508	f	\N	\N	\N	\N	\N	\N	\N	\N	\N	f	f
703	16	\N	1	1	Image Text Box	\N	website.s_image_text_box	qweb	website/views/snippets/s_image_text_box.xml	primary	{"en_US": "<t name=\\"Image Text Box\\" t-name=\\"website.s_image_text_box\\">\\n    <section class=\\"s_image_text_box o_colored_level pt80 pb80\\" data-oe-shape-data=\\"{'shape': 'web_editor/Connections/08'}\\">\\n        <div class=\\"o_we_shape o_web_editor_Connections_08\\"/>\\n        <div class=\\"container\\">\\n            <div class=\\"row o_grid_mode\\" data-row-count=\\"10\\" style=\\"column-gap: 24px;\\">\\n                <div class=\\"o_grid_item o_grid_item_image g-col-lg-6 g-height-10 col-lg-6\\" style=\\"grid-area: 1 / 1 / 11 / 7; z-index: 1; --grid-item-padding-y: 0px; --grid-item-padding-x: 0px; order:2;\\">\\n                    <img src=\\"/web/image/website.s_text_cover_default_image\\" class=\\"img img-fluid rounded order-lg-0\\" alt=\\"\\"/>\\n                </div>\\n                <div class=\\"o_grid_item o_cc o_cc2 g-col-lg-6 g-height-10 col-lg-6 rounded order-lg-0\\" style=\\"grid-area: 1 / 7 / 11 / 13; z-index: 2; --grid-item-padding-y: 140px; --grid-item-padding-x: 48px; order:1;\\">\\n                    <h3>Learn about our offerings</h3>\\n                    <p>Write one or two paragraphs describing your product or services. To be successful your content needs to be useful to your readers.</p>\\n                    <p>Start with the customer – find out what they want and give it to them.</p>\\n                    <p class=\\"mb-0\\"><a href=\\"#\\" class=\\"btn btn-primary o_translate_inline\\">Learn more</a></p>\\n                </div>\\n            </div>\\n        </div>\\n    </section>\\n</t>", "fr_FR": "<t name=\\"Image Text Box\\" t-name=\\"website.s_image_text_box\\">\\n    <section class=\\"s_image_text_box o_colored_level pt80 pb80\\" data-oe-shape-data=\\"{'shape': 'web_editor/Connections/08'}\\">\\n        <div class=\\"o_we_shape o_web_editor_Connections_08\\"/>\\n        <div class=\\"container\\">\\n            <div class=\\"row o_grid_mode\\" data-row-count=\\"10\\" style=\\"column-gap: 24px;\\">\\n                <div class=\\"o_grid_item o_grid_item_image g-col-lg-6 g-height-10 col-lg-6\\" style=\\"grid-area: 1 / 1 / 11 / 7; z-index: 1; --grid-item-padding-y: 0px; --grid-item-padding-x: 0px; order:2;\\">\\n                    <img src=\\"/web/image/website.s_text_cover_default_image\\" class=\\"img img-fluid rounded order-lg-0\\" alt=\\"\\"/>\\n                </div>\\n                <div class=\\"o_grid_item o_cc o_cc2 g-col-lg-6 g-height-10 col-lg-6 rounded order-lg-0\\" style=\\"grid-area: 1 / 7 / 11 / 13; z-index: 2; --grid-item-padding-y: 140px; --grid-item-padding-x: 48px; order:1;\\">\\n                    <h3>Découvrez nos offres</h3>\\n                    <p>Écrivez un ou deux paragraphes décrivant votre produit ou vos services. Pour réussir, votre contenu doit être utile à vos lecteurs.</p>\\n                    <p>Commencez par le client : trouvez ce qu'il veut et donnez-le lui.</p>\\n                    <p class=\\"mb-0\\"><a href=\\"#\\" class=\\"btn btn-primary o_translate_inline\\">En savoir plus</a></p>\\n                </div>\\n            </div>\\n        </div>\\n    </section>\\n</t>"}	<?xml version="1.0"?>\n<t name="Image Text Box" t-name="website.s_image_text_box">\n    <section class="s_image_text_box o_colored_level pt80 pb80" data-oe-shape-data="{'shape': 'web_editor/Connections/08'}">\n        <div class="o_we_shape o_web_editor_Connections_08"/>\n        <div class="container">\n            <div class="row o_grid_mode" data-row-count="10" style="column-gap: 24px;">\n                <div class="o_grid_item o_grid_item_image g-col-lg-6 g-height-10 col-lg-6" style="grid-area: 1 / 1 / 11 / 7; z-index: 1; --grid-item-padding-y: 0px; --grid-item-padding-x: 0px; order:2;">\n                    <img src="/web/image/website.s_text_cover_default_image" class="img img-fluid rounded order-lg-0" alt=""/>\n                </div>\n                <div class="o_grid_item o_cc o_cc2 g-col-lg-6 g-height-10 col-lg-6 rounded order-lg-0" style="grid-area: 1 / 7 / 11 / 13; z-index: 2; --grid-item-padding-y: 140px; --grid-item-padding-x: 48px; order:1;">\n                    <h3>Learn about our offerings</h3>\n                    <p>Write one or two paragraphs describing your product or services. To be successful your content needs to be useful to your readers.</p>\n                    <p>Start with the customer – find out what they want and give it to them.</p>\n                    <p class="mb-0"><a href="#" class="btn btn-primary o_translate_inline">Learn more</a></p>\n                </div>\n            </div>\n        </div>\n    </section>\n</t>\n\n	f	t	2025-07-20 21:14:37.445508	2025-07-20 21:14:37.445508	f	\N	\N	\N	\N	\N	\N	\N	\N	\N	f	f
704	16	\N	1	1	Striped Top	\N	website.s_striped_top	qweb	website/views/snippets/s_striped_top.xml	primary	{"en_US": "<t name=\\"Striped Top\\" t-name=\\"website.s_striped_top\\">\\n    <section class=\\"s_striped_top o_cc o_cc5 pt56 pb96\\" data-oe-shape-data=\\"{'shape':'web_editor/Connections/20','colors':{'c5': 'o-color-4'},'flip':[], 'showOnMobile':true}\\">\\n        <div class=\\"o_we_shape o_web_editor_Connections_20 o_shape_show_mobile\\" style=\\"background-image: url('/web_editor/shape/web_editor/Connections/20.svg?c5=o-color-4'); background-position: 50% 100%;\\"/>\\n        <div class=\\"container\\">\\n            <div class=\\"row\\">\\n                <div class=\\"col-lg-6 pt24 pb24 order-lg-0\\" style=\\"order: 2;\\">\\n                    <img class=\\"img img-fluid\\" src=\\"/web/image/website.s_striped_top_default_image\\" style=\\"width: 100% !important;\\" alt=\\"\\"/>\\n                </div>\\n                <div class=\\"col-lg-6 pt24 pb24 order-lg-0\\" style=\\"order: 1;\\">\\n                    <h1>Experience the Future of Innovation in Every Interaction</h1>\\n                    <p class=\\"lead\\">Innovation transforms possibilities into reality.</p>\\n                    <a t-att-href=\\"cta_btn_href\\" class=\\"btn btn-primary\\"><t t-out=\\"cta_btn_text\\">Discover</t></a>\\n                </div>\\n            </div>\\n        </div>\\n    </section>\\n</t>", "fr_FR": "<t name=\\"Striped Top\\" t-name=\\"website.s_striped_top\\">\\n    <section class=\\"s_striped_top o_cc o_cc5 pt56 pb96\\" data-oe-shape-data=\\"{'shape':'web_editor/Connections/20','colors':{'c5': 'o-color-4'},'flip':[], 'showOnMobile':true}\\">\\n        <div class=\\"o_we_shape o_web_editor_Connections_20 o_shape_show_mobile\\" style=\\"background-image: url('/web_editor/shape/web_editor/Connections/20.svg?c5=o-color-4'); background-position: 50% 100%;\\"/>\\n        <div class=\\"container\\">\\n            <div class=\\"row\\">\\n                <div class=\\"col-lg-6 pt24 pb24 order-lg-0\\" style=\\"order: 2;\\">\\n                    <img class=\\"img img-fluid\\" src=\\"/web/image/website.s_striped_top_default_image\\" style=\\"width: 100% !important;\\" alt=\\"\\"/>\\n                </div>\\n                <div class=\\"col-lg-6 pt24 pb24 order-lg-0\\" style=\\"order: 1;\\">\\n                    <h1>Vivez l'avenir de l'innovation dans chaque interaction</h1>\\n                    <p class=\\"lead\\">L'innovation transforme les possibilités en réalité.</p>\\n                    <a t-att-href=\\"cta_btn_href\\" class=\\"btn btn-primary\\"><t t-out=\\"cta_btn_text\\">Découvrir</t></a>\\n                </div>\\n            </div>\\n        </div>\\n    </section>\\n</t>"}	<?xml version="1.0"?>\n<t name="Striped Top" t-name="website.s_striped_top">\n    <section class="s_striped_top o_cc o_cc5 pt56 pb96" data-oe-shape-data="{'shape':'web_editor/Connections/20','colors':{'c5': 'o-color-4'},'flip':[], 'showOnMobile':true}">\n        <div class="o_we_shape o_web_editor_Connections_20 o_shape_show_mobile" style="background-image: url('/web_editor/shape/web_editor/Connections/20.svg?c5=o-color-4'); background-position: 50% 100%;"/>\n        <div class="container">\n            <div class="row">\n                <div class="col-lg-6 pt24 pb24 order-lg-0" style="order: 2;">\n                    <img class="img img-fluid" src="/web/image/website.s_striped_top_default_image" style="width: 100% !important;" alt=""/>\n                </div>\n                <div class="col-lg-6 pt24 pb24 order-lg-0" style="order: 1;">\n                    <h1>Experience the Future of Innovation in Every Interaction</h1>\n                    <p class="lead">Innovation transforms possibilities into reality.</p>\n                    <a t-att-href="cta_btn_href" class="btn btn-primary"><t t-out="cta_btn_text">Discover</t></a>\n                </div>\n            </div>\n        </div>\n    </section>\n</t>\n\n	f	t	2025-07-20 21:14:37.445508	2025-07-20 21:14:37.445508	f	\N	\N	\N	\N	\N	\N	\N	\N	\N	f	f
2610	16	557	2	2	footer_copyright_company_name	\N	website.footer_copyright_company_name	qweb	website/views/website_templates.xml	extension	{"en_US": "<data inherit_id=\\"website.layout\\">\\n    <xpath expr=\\"//footer//span[hasclass('o_footer_copyright_name')]\\" position=\\"replace\\">\\n        <span class=\\"o_footer_copyright_name me-2\\"><strong>Copyright © Nom de l'entreprise</strong></span>\\n    </xpath>\\n</data>", "fr_FR": "<data inherit_id=\\"website.layout\\">\\n    <xpath expr=\\"//footer//span[hasclass('o_footer_copyright_name')]\\" position=\\"replace\\">\\n        <span class=\\"o_footer_copyright_name me-2\\"><strong>Copyright © Nom de l'entreprise</strong></span>\\n    </xpath>\\n</data>"}	<data inherit_id="website.layout">\n    <xpath expr="//footer//span[hasclass('o_footer_copyright_name')]" position="replace">\n        <span class="o_footer_copyright_name me-2">Copyright &amp;copy; Nom de l'entreprise</span>\n    </xpath>\n</data>	t	t	2025-07-23 20:14:33.494057	2025-07-23 20:14:33.494057	f	1	\N	\N	\N	\N	\N	\N	\N	\N	f	f
705	16	\N	1	1	Text - Image	\N	website.s_text_image	qweb	website/views/snippets/s_text_image.xml	primary	{"en_US": "<t name=\\"Text - Image\\" t-name=\\"website.s_text_image\\">\\n    <section class=\\"s_text_image pt80 pb80\\">\\n        <div class=\\"container\\">\\n            <div class=\\"row align-items-center\\">\\n                <div class=\\"col-lg-5 pt16 pb16\\">\\n                    <h2 class=\\"h3-fs\\">Enhance Your <strong>Experience</strong></h2>\\n                    <p>Write one or two paragraphs describing your product or services. To be successful your content needs to be useful to your readers.</p>\\n                    <p>Start with the customer – find out what they want and give it to them.</p>\\n                    <p><a href=\\"#\\" class=\\"btn btn-secondary o_translate_inline\\">Learn more</a></p>\\n                </div>\\n                <div class=\\"col-lg-6 offset-lg-1 pt16 pb16\\">\\n                    <img src=\\"/web/image/website.s_text_image_default_image\\" class=\\"img img-fluid mx-auto rounded\\" alt=\\"\\"/>\\n                </div>\\n            </div>\\n        </div>\\n    </section>\\n</t>", "fr_FR": "<t name=\\"Text - Image\\" t-name=\\"website.s_text_image\\">\\n    <section class=\\"s_text_image pt80 pb80\\">\\n        <div class=\\"container\\">\\n            <div class=\\"row align-items-center\\">\\n                <div class=\\"col-lg-5 pt16 pb16\\">\\n                    <h2 class=\\"h3-fs\\">Améliorez votre <strong>Expérience</strong></h2>\\n                    <p>Écrivez un ou deux paragraphes décrivant votre produit ou vos services. Pour réussir, votre contenu doit être utile à vos lecteurs.</p>\\n                    <p>Commencez par le client : trouvez ce qu'il veut et donnez-le lui.</p>\\n                    <p><a href=\\"#\\" class=\\"btn btn-secondary o_translate_inline\\">En savoir plus</a></p>\\n                </div>\\n                <div class=\\"col-lg-6 offset-lg-1 pt16 pb16\\">\\n                    <img src=\\"/web/image/website.s_text_image_default_image\\" class=\\"img img-fluid mx-auto rounded\\" alt=\\"\\"/>\\n                </div>\\n            </div>\\n        </div>\\n    </section>\\n</t>"}	<?xml version="1.0"?>\n<t name="Text - Image" t-name="website.s_text_image">\n    <section class="s_text_image pt80 pb80">\n        <div class="container">\n            <div class="row align-items-center">\n                <div class="col-lg-5 pt16 pb16">\n                    <h2 class="h3-fs">Enhance Your <strong>Experience</strong></h2>\n                    <p>Write one or two paragraphs describing your product or services. To be successful your content needs to be useful to your readers.</p>\n                    <p>Start with the customer – find out what they want and give it to them.</p>\n                    <p><a href="#" class="btn btn-secondary o_translate_inline">Learn more</a></p>\n                </div>\n                <div class="col-lg-6 offset-lg-1 pt16 pb16">\n                    <img src="/web/image/website.s_text_image_default_image" class="img img-fluid mx-auto rounded" alt=""/>\n                </div>\n            </div>\n        </div>\n    </section>\n</t>\n\n	f	t	2025-07-20 21:14:37.445508	2025-07-20 21:14:37.445508	f	\N	\N	\N	\N	\N	\N	\N	\N	\N	f	f
557	16	475	1	1	Main layout	\N	website.layout	qweb	website/views/website_templates.xml	extension	{"en_US": "<data name=\\"Main layout\\" inherit_id=\\"portal.frontend_layout\\">\\n    <xpath expr=\\"//html\\" position=\\"before\\">\\n        <t t-set=\\"html_data\\" t-value=\\"{             'lang': lang.replace('_', '-'),             'data-website-id': website.id,             'data-edit_translations': '1' if edit_translations else None,             'data-main-object': repr(main_object) if main_object else None,             'data-seo-object': repr(seo_object) if seo_object else None,         }\\"/>\\n        <t t-if=\\"not request.env.user._is_public()\\" t-set=\\"nothing\\" t-value=\\"html_data.update({             'data-is-published': 'website_published' in main_object.fields_get() and main_object.website_published,             'data-can-optimize-seo': 'website_meta_description' in main_object.fields_get(),             'data-can-publish': 'can_publish' in main_object.fields_get() and main_object.can_publish,             'data-editable-in-backend': edit_in_backend or ('website_published' in main_object.fields_get() and main_object._name != 'website.page'),         })\\"/>\\n        <t t-if=\\"editable or translatable\\" t-set=\\"nothing\\" t-value=\\"html_data.update({             'data-editable': '1' if editable else None,             'data-translatable': '1' if translatable else None,             'data-view-xmlid': xmlid,             'data-viewid': viewid,             'data-default-lang-name': website.default_lang_id.name.split('/').pop() if translatable else None,             'data-lang-name': website.env['res.lang']._get_data(code=lang).name.split('/').pop() if translatable else None,         })\\"/>\\n    </xpath>\\n\\n    <xpath expr=\\"//head\\" position=\\"attributes\\">\\n        <!--\\n        Cache the <head> of the website.layout:\\n        - For each individual website.page record (their css/js might be the\\n          same but their title will not for example). Arguably we could do this\\n          for any record (not only website.page) but this t-cache was originally\\n          added to replace the website.page own cache system. For other records,\\n          it could probably depend on each individual access right.\\n        - Only for non-designers (especially visitors) (hence the \\"editable or\\n          translatable\\" check).\\n        - Only if not in any debug mode (we want any correct value of debug mode\\n          to correctly appear in the `odoo` object + assets may depend on this\\n          (e.g. debug=assets or debug=tests)).\\n        -->\\n        <attribute name=\\"t-cache\\">main_object if main_object and main_object._name == 'website.page' and not request.session.debug and not editable and not translatable else None</attribute>\\n    </xpath>\\n    <xpath expr=\\"//head/*[1]\\" position=\\"before\\">\\n        <t t-if=\\"not title\\">\\n            <t t-if=\\"not additional_title and main_object and 'name' in main_object\\">\\n                <t t-set=\\"additional_title\\" t-value=\\"main_object.name\\"/>\\n            </t>\\n            <t t-set=\\"default_title\\" t-translation=\\"off\\" t-value=\\"(additional_title + ' | ' if additional_title else '') + website.name\\"/>\\n            <t t-set=\\"seo_object\\" t-value=\\"seo_object or main_object\\"/>\\n            <t t-if=\\"seo_object and 'website_meta_title' in seo_object and seo_object.website_meta_title\\">\\n                <t t-set=\\"title\\" t-value=\\"seo_object.website_meta_title\\"/>\\n            </t>\\n            <t t-else=\\"\\">\\n                <t t-set=\\"title\\" t-value=\\"default_title\\"/>\\n            </t>\\n        </t>\\n        <t t-set=\\"x_icon\\" t-value=\\"website.image_url(website, 'favicon')\\"/>\\n    </xpath>\\n    <xpath expr=\\"//head/meta[last()]\\" position=\\"after\\">\\n        <meta name=\\"generator\\" content=\\"Odoo\\"/>\\n        <t t-set=\\"website_meta\\" t-value=\\"seo_object and seo_object.get_website_meta() or {}\\"/>\\n        <meta name=\\"default_title\\" t-att-content=\\"default_title\\" groups=\\"website.group_website_designer\\"/>\\n        <t t-set=\\"no_index\\" t-value=\\"             (main_object and 'website_indexed' in main_object and not main_object.website_indexed)             or (website.domain and not website._is_indexable_url(request.httprequest.url_root))             or (pager and isinstance(pager, dict) and pager.get('page', {}).get('num', 1) != 1)         \\"/>\\n        <meta t-if=\\"no_index\\" name=\\"robots\\" content=\\"noindex\\"/>\\n        <t t-set=\\"seo_object\\" t-value=\\"seo_object or main_object\\"/>\\n        <t t-set=\\"meta_description\\" t-value=\\"seo_object and 'website_meta_description' in seo_object             and seo_object.website_meta_description or website_meta_description or website_meta.get('meta_description', '')\\"/>\\n        <t t-set=\\"meta_keywords\\" t-value=\\"seo_object and 'website_meta_keywords' in seo_object             and seo_object.website_meta_keywords or website_meta_keywords\\"/>\\n        <meta t-if=\\"meta_description or editable\\" name=\\"description\\" t-att-content=\\"meta_description\\"/>\\n        <meta t-if=\\"meta_keywords or editable\\" name=\\"keywords\\" t-att-content=\\"meta_keywords\\"/>\\n        <t t-if=\\"seo_object\\">\\n        <meta name=\\"default_description\\" t-att-content=\\"website_meta_description or website_meta.get('meta_description')\\" groups=\\"website.group_website_designer\\"/>\\n            <!-- OpenGraph tags for Facebook sharing -->\\n            <t t-set=\\"opengraph_meta\\" t-value=\\"website_meta.get('opengraph_meta')\\"/>\\n            <t t-if=\\"opengraph_meta\\">\\n                <t t-foreach=\\"opengraph_meta\\" t-as=\\"property\\">\\n                    <t t-if=\\"isinstance(opengraph_meta[property], list)\\">\\n                        <t t-foreach=\\"opengraph_meta[property]\\" t-as=\\"meta_content\\">\\n        <meta t-att-property=\\"property\\" t-att-content=\\"meta_content\\"/>\\n                        </t>\\n                    </t>\\n                    <t t-else=\\"\\">\\n        <meta t-att-property=\\"property\\" t-att-content=\\"opengraph_meta[property]\\"/>\\n                    </t>\\n                </t>\\n            </t>\\n            <!-- Twitter tags for sharing -->\\n            <t t-set=\\"twitter_meta\\" t-value=\\"website_meta.get('twitter_meta')\\"/>\\n            <t t-if=\\"opengraph_meta\\">\\n                <t t-foreach=\\"twitter_meta\\" t-as=\\"t_meta\\">\\n        <meta t-att-name=\\"t_meta\\" t-att-content=\\"twitter_meta[t_meta]\\"/>\\n                </t>\\n            </t>\\n        </t>\\n        <t t-set=\\"canonical_domain\\" t-value=\\"website.get_base_url()\\"/>\\n        <!-- no hreflang on non-canonical pages or if no alternate language -->\\n        <t t-if=\\"request.is_frontend_multilang and website._is_canonical_url() and len(frontend_languages) &gt; 1\\">\\n            <t t-foreach=\\"frontend_languages.values()\\" t-as=\\"lg\\">\\n        <link rel=\\"alternate\\" t-att-hreflang=\\"lg.hreflang\\" t-att-href=\\"url_localized(lang_code=lg.code, prefetch_langs=True, canonical_domain=canonical_domain)\\"/>\\n            </t>\\n        <link rel=\\"alternate\\" hreflang=\\"x-default\\" t-att-href=\\"url_localized(lang_code=website.env['res.lang']._get_data(id=website._get_cached('default_lang_id')).code, canonical_domain=canonical_domain)\\"/>\\n        </t>\\n        <link rel=\\"canonical\\" t-att-href=\\"website._get_canonical_url()\\"/>\\n        <!-- TODO: Once we have style in DB, add this preconnect only if a\\n        google font is actually used. Note that if no font is used, the\\n        preconnect is actually not connecting to the google servers. -->\\n        <link rel=\\"preconnect\\" href=\\"https://fonts.gstatic.com/\\" crossorigin=\\"\\"/>\\n    </xpath>\\n\\n    <xpath expr=\\"//head/script\\" position=\\"before\\">\\n        <t t-if=\\"website and website.cookies_bar and website.block_third_party_domains                  and not request.env['ir.http']._is_allowed_cookie('optional')                  and not editable and not translatable                  and not request.env.user.has_group('website.group_website_restricted_editor')\\">\\n            <script src=\\"/website/static/src/js/content/cookie_watcher.js\\"/>\\n            <script>\\n                watch3rdPartyScripts(<t t-out=\\"json.dumps(website._get_blocked_third_party_domains_list())\\"/>);\\n            </script>\\n        </t>\\n    </xpath>\\n\\n    <xpath expr=\\"//header\\" position=\\"attributes\\">\\n        <attribute name=\\"data-name\\">Header</attribute>\\n        <attribute name=\\"t-att-data-extra-items-toggle-aria-label\\">extra_items_toggle_aria_label</attribute>\\n    </xpath>\\n\\n    <xpath expr=\\"//header/t[@t-cache]\\" position=\\"attributes\\">\\n        <!-- website.is_public_user() is needed for menus having a page with\\n        restricted visibility (only shown to logged in user): public users and\\n        logged in users can't share the menu cache. -->\\n        <attribute name=\\"t-cache\\">None if website.is_menu_cache_disabled() else (xmlid,website,website.is_public_user())</attribute>\\n    </xpath>\\n\\n    <xpath expr=\\"//header\\" position=\\"before\\">\\n        <t t-set=\\"cta_btn_text\\" t-value=\\"False\\"/>\\n        <t t-set=\\"header_content_width\\" t-valuef=\\"container\\"/>\\n        <t t-set=\\"cta_btn_href\\">/contactus</t>\\n        <t t-set=\\"extra_items_toggle_aria_label\\">Extra items button</t>\\n        <t t-set=\\"primary_additional_colors\\" t-value=\\"False\\"/>\\n        <t t-set=\\"secondary_additional_colors\\" t-value=\\"False\\"/>\\n        <t t-if=\\"primary_additional_colors\\">\\n            <t t-set=\\"_additional_btn_color\\" t-valuef=\\"btn btn-outline-primary\\"/>\\n        </t>\\n        <t t-if=\\"secondary_additional_colors\\">\\n            <t t-set=\\"_additional_btn_color\\" t-valuef=\\"btn btn-outline-secondary\\"/>\\n        </t>\\n    </xpath>\\n\\n    <xpath expr=\\"//footer\\" position=\\"attributes\\">\\n        <attribute name=\\"data-name\\">Footer</attribute>\\n        <!-- Background now controlled by css configuration, using color combinations -->\\n        <attribute name=\\"t-attf-class\\" add=\\"o_colored_level o_cc\\" remove=\\"bg-light\\" separator=\\" \\"/>\\n        <attribute name=\\"t-cache\\" add=\\"website\\" separator=\\",\\"/>\\n    </xpath>\\n    <xpath expr=\\"//div[hasclass('o_footer_copyright')]\\" position=\\"attributes\\">\\n        <attribute name=\\"data-name\\">Copyright</attribute>\\n        <!-- Background now controlled by css configuration, using color combinations -->\\n        <attribute name=\\"class\\" add=\\"o_colored_level o_cc\\" separator=\\" \\"/>\\n    </xpath>\\n    <xpath expr=\\"//t[@t-call='web.brand_promotion']/..\\" position=\\"attributes\\">\\n        <attribute name=\\"class\\" add=\\"o_not_editable\\" separator=\\" \\"/>\\n        <attribute name=\\"t-if\\">not editable</attribute>\\n    </xpath>\\n\\n    <xpath expr=\\"//div[@id='wrapwrap']\\" position=\\"after\\">\\n        <t t-if=\\"website.google_analytics_key and not editable\\">\\n            <script id=\\"tracking_code\\" t-attf-src=\\"https://www.googletagmanager.com/gtag/js?id={{ website.google_analytics_key }}\\" async=\\"async\\"/>\\n            <script id=\\"tracking_code_config\\">\\n                window.dataLayer = window.dataLayer || [];\\n                function gtag(){dataLayer.push(arguments);}\\n                gtag('consent', 'default', {\\n                    'ad_storage': 'denied',\\n                    'ad_user_data': 'denied',\\n                    'ad_personalization': 'denied',\\n                    'analytics_storage': 'denied',\\n                });\\n                gtag('js', new Date());\\n                gtag('config', '<t t-esc=\\"website.google_analytics_key\\"/>');\\n                function allConsentsGranted() {\\n                    gtag('consent', 'update', {\\n                        'ad_storage': 'granted',\\n                        'ad_user_data': 'granted',\\n                        'ad_personalization': 'granted',\\n                        'analytics_storage': 'granted',\\n                    });\\n                }\\n                <t t-if=\\"website._allConsentsGranted()\\">\\n                    allConsentsGranted();\\n                </t>\\n                <t t-else=\\"\\">\\n                    document.addEventListener(\\n                        \\"optionalCookiesAccepted\\",\\n                        allConsentsGranted,\\n                        {once: true}\\n                    );\\n                </t>\\n            </script>\\n        </t>\\n        <t t-if=\\"website.plausible_shared_key and not editable\\">\\n            <script id=\\"plausible_script\\" name=\\"plausible\\" defer=\\"defer\\" t-att-data-domain=\\"website.plausible_site\\" t-att-src=\\"website._get_plausible_script_url()\\"/>\\n        </t>\\n    </xpath>\\n\\n    <!-- Page options -->\\n    <xpath expr=\\"//div[@id='wrapwrap']\\" position=\\"before\\">\\n        <!-- Todo: Refactor this part. These inputs were initially used for multiple use cases but are now only used to determine if a given option is activated on the page. We should probably implement the feature using an RPC. -->        \\n        <t groups=\\"website.group_website_restricted_editor\\">\\n            <t t-foreach=\\"['header_overlay', 'header_color', 'header_text_color', 'header_visible', 'footer_visible']\\" t-as=\\"optionName\\">\\n                <!-- Firefox autocomplete is too aggressive and works on hidden inputs,\\n                so we need to disable it (https://bugzilla.mozilla.org/show_bug.cgi?id=520561) -->\\n                <input t-if=\\"optionName in main_object\\" type=\\"hidden\\" class=\\"o_page_option_data\\" autocomplete=\\"off\\" t-att-name=\\"optionName\\" t-att-value=\\"main_object[optionName]\\"/>\\n            </t>\\n        </t>\\n\\n        <t t-set=\\"header_bg_color\\" t-value=\\"'header_color' in main_object and main_object.header_color or ''\\"/>\\n        <t t-set=\\"header_bg_color_is_class\\" t-value=\\"'bg-' in header_bg_color\\"/>\\n        <t t-set=\\"header_bg_color_class\\" t-value=\\"header_bg_color_is_class and header_bg_color or ''\\"/>\\n        <t t-set=\\"header_bg_color_style\\" t-value=\\"(not header_bg_color_is_class) and header_bg_color or ''\\"/>\\n\\n        <t t-set=\\"header_text_color\\" t-value=\\"'header_text_color' in main_object and main_object.header_text_color or ''\\"/>\\n        <t t-set=\\"header_text_color_is_class\\" t-value=\\"'text-' in header_text_color\\"/>\\n        <t t-set=\\"header_text_color_class\\" t-value=\\"header_text_color_is_class and header_text_color or ''\\"/>\\n        <t t-set=\\"header_text_color_style\\" t-value=\\"(not header_text_color_is_class) and header_text_color or ''\\"/>\\n\\n        <div groups=\\"base.group_user\\" class=\\"o_frontend_to_backend_nav position-fixed d-none\\">\\n            <svg xmlns=\\"http://www.w3.org/2000/svg\\" class=\\"o_frontend_to_backend_icon position-absolute\\" width=\\"24px\\" height=\\"24px\\" viewBox=\\"-7 -7 24 24\\" preserveAspectRatio=\\"xMinYMin\\">\\n                <path fill=\\"#FFF\\" d=\\"M8 8V1a1 1 0 1 1 2 0v8a1 1 0 0 1-1 1H1a1 1 0 1 1 0-2h7z\\"/>\\n            </svg>\\n            <div class=\\"o_frontend_to_backend_buttons d-flex\\">\\n                <a href=\\"#\\" title=\\"Go to your Odoo Apps\\" class=\\"o_frontend_to_backend_apps_btn fa fa-th d-flex align-items-center justify-content-center text-decoration-none\\" data-bs-toggle=\\"dropdown\\"/>\\n                <div class=\\"dropdown-menu o_frontend_to_backend_apps_menu\\" role=\\"menu\\">\\n                    <a role=\\"menuitem\\" class=\\"dropdown-item\\" t-esc=\\"menu['name']\\" t-as=\\"menu\\" t-foreach=\\"env['ir.ui.menu'].with_context(force_action=True).load_menus_root()['children']\\" t-attf-href=\\"/odoo/action-#{menu['action'] and menu['action'].split(',')[1] or ''}\\"/>\\n                </div>\\n                <a groups=\\"website.group_website_restricted_editor\\" href=\\"#\\" title=\\"Edit this content\\" class=\\"o_frontend_to_backend_edit_btn px-3 d-flex align-items-center justify-content-center text-decoration-none\\">\\n                    <img src=\\"/website/static/description/icon.png\\" alt=\\"\\"/>Editor\\n                </a>\\n            </div>\\n        </div>\\n    </xpath>\\n    <xpath expr=\\"//div[@id='wrapwrap']\\" position=\\"attributes\\">\\n        <attribute name=\\"t-attf-class\\" add=\\"#{'o_header_overlay' if 'header_overlay' in main_object and main_object.header_overlay else ''}\\" separator=\\" \\"/>\\n    </xpath>\\n    <xpath expr=\\"//header\\" position=\\"attributes\\">\\n        <attribute name=\\"t-attf-class\\" add=\\"#{header_bg_color_class}\\" separator=\\" \\"/>\\n        <attribute name=\\"t-attf-style\\" add=\\"#{header_bg_color_style and ('background-color: %s;' % header_bg_color_style)}\\" separator=\\" \\"/>\\n        <attribute name=\\"t-attf-class\\" add=\\"#{header_text_color_class}\\" separator=\\" \\"/>\\n        <attribute name=\\"t-attf-style\\" add=\\"#{header_text_color_style and ('color: %s;' % header_text_color_style)}\\" separator=\\" \\"/>\\n    </xpath>\\n    <xpath expr=\\"//header\\" position=\\"attributes\\">\\n        <attribute name=\\"t-attf-class\\" add=\\"#{'d-none o_snippet_invisible' if 'header_visible' in main_object and not main_object.header_visible else ''}\\" separator=\\" \\"/>\\n        <attribute name=\\"t-att-data-invisible\\">'1' if 'header_visible' in main_object and not main_object.header_visible else None</attribute>\\n    </xpath>\\n    <xpath expr=\\"//footer[@id='bottom']\\" position=\\"attributes\\">\\n        <attribute name=\\"t-attf-class\\" add=\\"#{'d-none o_snippet_invisible' if 'footer_visible' in main_object and not main_object.footer_visible else ''}\\" separator=\\" \\"/>\\n        <attribute name=\\"t-att-data-invisible\\">'1' if 'footer_visible' in main_object and not main_object.footer_visible else None</attribute>\\n        <attribute name=\\"t-cache\\" add=\\"main_object.footer_visible if 'footer_visible' in main_object else True\\" separator=\\",\\"/>\\n    </xpath>\\n</data>", "fr_FR": "<data name=\\"Main layout\\" inherit_id=\\"portal.frontend_layout\\">\\n    <xpath expr=\\"//html\\" position=\\"before\\">\\n        <t t-set=\\"html_data\\" t-value=\\"{             'lang': lang.replace('_', '-'),             'data-website-id': website.id,             'data-edit_translations': '1' if edit_translations else None,             'data-main-object': repr(main_object) if main_object else None,             'data-seo-object': repr(seo_object) if seo_object else None,         }\\"/>\\n        <t t-if=\\"not request.env.user._is_public()\\" t-set=\\"nothing\\" t-value=\\"html_data.update({             'data-is-published': 'website_published' in main_object.fields_get() and main_object.website_published,             'data-can-optimize-seo': 'website_meta_description' in main_object.fields_get(),             'data-can-publish': 'can_publish' in main_object.fields_get() and main_object.can_publish,             'data-editable-in-backend': edit_in_backend or ('website_published' in main_object.fields_get() and main_object._name != 'website.page'),         })\\"/>\\n        <t t-if=\\"editable or translatable\\" t-set=\\"nothing\\" t-value=\\"html_data.update({             'data-editable': '1' if editable else None,             'data-translatable': '1' if translatable else None,             'data-view-xmlid': xmlid,             'data-viewid': viewid,             'data-default-lang-name': website.default_lang_id.name.split('/').pop() if translatable else None,             'data-lang-name': website.env['res.lang']._get_data(code=lang).name.split('/').pop() if translatable else None,         })\\"/>\\n    </xpath>\\n\\n    <xpath expr=\\"//head\\" position=\\"attributes\\">\\n        <!--\\n        Cache the <head> of the website.layout:\\n        - For each individual website.page record (their css/js might be the\\n          same but their title will not for example). Arguably we could do this\\n          for any record (not only website.page) but this t-cache was originally\\n          added to replace the website.page own cache system. For other records,\\n          it could probably depend on each individual access right.\\n        - Only for non-designers (especially visitors) (hence the \\"editable or\\n          translatable\\" check).\\n        - Only if not in any debug mode (we want any correct value of debug mode\\n          to correctly appear in the `odoo` object + assets may depend on this\\n          (e.g. debug=assets or debug=tests)).\\n        -->\\n        <attribute name=\\"t-cache\\">main_object if main_object and main_object._name == 'website.page' and not request.session.debug and not editable and not translatable else None</attribute>\\n    </xpath>\\n    <xpath expr=\\"//head/*[1]\\" position=\\"before\\">\\n        <t t-if=\\"not title\\">\\n            <t t-if=\\"not additional_title and main_object and 'name' in main_object\\">\\n                <t t-set=\\"additional_title\\" t-value=\\"main_object.name\\"/>\\n            </t>\\n            <t t-set=\\"default_title\\" t-translation=\\"off\\" t-value=\\"(additional_title + ' | ' if additional_title else '') + website.name\\"/>\\n            <t t-set=\\"seo_object\\" t-value=\\"seo_object or main_object\\"/>\\n            <t t-if=\\"seo_object and 'website_meta_title' in seo_object and seo_object.website_meta_title\\">\\n                <t t-set=\\"title\\" t-value=\\"seo_object.website_meta_title\\"/>\\n            </t>\\n            <t t-else=\\"\\">\\n                <t t-set=\\"title\\" t-value=\\"default_title\\"/>\\n            </t>\\n        </t>\\n        <t t-set=\\"x_icon\\" t-value=\\"website.image_url(website, 'favicon')\\"/>\\n    </xpath>\\n    <xpath expr=\\"//head/meta[last()]\\" position=\\"after\\">\\n        <meta name=\\"generator\\" content=\\"Odoo\\"/>\\n        <t t-set=\\"website_meta\\" t-value=\\"seo_object and seo_object.get_website_meta() or {}\\"/>\\n        <meta name=\\"default_title\\" t-att-content=\\"default_title\\" groups=\\"website.group_website_designer\\"/>\\n        <t t-set=\\"no_index\\" t-value=\\"             (main_object and 'website_indexed' in main_object and not main_object.website_indexed)             or (website.domain and not website._is_indexable_url(request.httprequest.url_root))             or (pager and isinstance(pager, dict) and pager.get('page', {}).get('num', 1) != 1)         \\"/>\\n        <meta t-if=\\"no_index\\" name=\\"robots\\" content=\\"noindex\\"/>\\n        <t t-set=\\"seo_object\\" t-value=\\"seo_object or main_object\\"/>\\n        <t t-set=\\"meta_description\\" t-value=\\"seo_object and 'website_meta_description' in seo_object             and seo_object.website_meta_description or website_meta_description or website_meta.get('meta_description', '')\\"/>\\n        <t t-set=\\"meta_keywords\\" t-value=\\"seo_object and 'website_meta_keywords' in seo_object             and seo_object.website_meta_keywords or website_meta_keywords\\"/>\\n        <meta t-if=\\"meta_description or editable\\" name=\\"description\\" t-att-content=\\"meta_description\\"/>\\n        <meta t-if=\\"meta_keywords or editable\\" name=\\"keywords\\" t-att-content=\\"meta_keywords\\"/>\\n        <t t-if=\\"seo_object\\">\\n        <meta name=\\"default_description\\" t-att-content=\\"website_meta_description or website_meta.get('meta_description')\\" groups=\\"website.group_website_designer\\"/>\\n            <!-- OpenGraph tags for Facebook sharing -->\\n            <t t-set=\\"opengraph_meta\\" t-value=\\"website_meta.get('opengraph_meta')\\"/>\\n            <t t-if=\\"opengraph_meta\\">\\n                <t t-foreach=\\"opengraph_meta\\" t-as=\\"property\\">\\n                    <t t-if=\\"isinstance(opengraph_meta[property], list)\\">\\n                        <t t-foreach=\\"opengraph_meta[property]\\" t-as=\\"meta_content\\">\\n        <meta t-att-property=\\"property\\" t-att-content=\\"meta_content\\"/>\\n                        </t>\\n                    </t>\\n                    <t t-else=\\"\\">\\n        <meta t-att-property=\\"property\\" t-att-content=\\"opengraph_meta[property]\\"/>\\n                    </t>\\n                </t>\\n            </t>\\n            <!-- Twitter tags for sharing -->\\n            <t t-set=\\"twitter_meta\\" t-value=\\"website_meta.get('twitter_meta')\\"/>\\n            <t t-if=\\"opengraph_meta\\">\\n                <t t-foreach=\\"twitter_meta\\" t-as=\\"t_meta\\">\\n        <meta t-att-name=\\"t_meta\\" t-att-content=\\"twitter_meta[t_meta]\\"/>\\n                </t>\\n            </t>\\n        </t>\\n        <t t-set=\\"canonical_domain\\" t-value=\\"website.get_base_url()\\"/>\\n        <!-- no hreflang on non-canonical pages or if no alternate language -->\\n        <t t-if=\\"request.is_frontend_multilang and website._is_canonical_url() and len(frontend_languages) &gt; 1\\">\\n            <t t-foreach=\\"frontend_languages.values()\\" t-as=\\"lg\\">\\n        <link rel=\\"alternate\\" t-att-hreflang=\\"lg.hreflang\\" t-att-href=\\"url_localized(lang_code=lg.code, prefetch_langs=True, canonical_domain=canonical_domain)\\"/>\\n            </t>\\n        <link rel=\\"alternate\\" hreflang=\\"x-default\\" t-att-href=\\"url_localized(lang_code=website.env['res.lang']._get_data(id=website._get_cached('default_lang_id')).code, canonical_domain=canonical_domain)\\"/>\\n        </t>\\n        <link rel=\\"canonical\\" t-att-href=\\"website._get_canonical_url()\\"/>\\n        <!-- TODO: Once we have style in DB, add this preconnect only if a\\n        google font is actually used. Note that if no font is used, the\\n        preconnect is actually not connecting to the google servers. -->\\n        <link rel=\\"preconnect\\" href=\\"https://fonts.gstatic.com/\\" crossorigin=\\"\\"/>\\n    </xpath>\\n\\n    <xpath expr=\\"//head/script\\" position=\\"before\\">\\n        <t t-if=\\"website and website.cookies_bar and website.block_third_party_domains                  and not request.env['ir.http']._is_allowed_cookie('optional')                  and not editable and not translatable                  and not request.env.user.has_group('website.group_website_restricted_editor')\\">\\n            <script src=\\"/website/static/src/js/content/cookie_watcher.js\\"/>\\n            <script>\\n                watch3rdPartyScripts(<t t-out=\\"json.dumps(website._get_blocked_third_party_domains_list())\\"/>);\\n            </script>\\n        </t>\\n    </xpath>\\n\\n    <xpath expr=\\"//header\\" position=\\"attributes\\">\\n        <attribute name=\\"data-name\\">Header</attribute>\\n        <attribute name=\\"t-att-data-extra-items-toggle-aria-label\\">extra_items_toggle_aria_label</attribute>\\n    </xpath>\\n\\n    <xpath expr=\\"//header/t[@t-cache]\\" position=\\"attributes\\">\\n        <!-- website.is_public_user() is needed for menus having a page with\\n        restricted visibility (only shown to logged in user): public users and\\n        logged in users can't share the menu cache. -->\\n        <attribute name=\\"t-cache\\">None if website.is_menu_cache_disabled() else (xmlid,website,website.is_public_user())</attribute>\\n    </xpath>\\n\\n    <xpath expr=\\"//header\\" position=\\"before\\">\\n        <t t-set=\\"cta_btn_text\\" t-value=\\"False\\"/>\\n        <t t-set=\\"header_content_width\\" t-valuef=\\"container\\"/>\\n        <t t-set=\\"cta_btn_href\\">/contactus</t>\\n        <t t-set=\\"extra_items_toggle_aria_label\\">Bouton d'éléments supplémentaires</t>\\n        <t t-set=\\"primary_additional_colors\\" t-value=\\"False\\"/>\\n        <t t-set=\\"secondary_additional_colors\\" t-value=\\"False\\"/>\\n        <t t-if=\\"primary_additional_colors\\">\\n            <t t-set=\\"_additional_btn_color\\" t-valuef=\\"btn btn-outline-primary\\"/>\\n        </t>\\n        <t t-if=\\"secondary_additional_colors\\">\\n            <t t-set=\\"_additional_btn_color\\" t-valuef=\\"btn btn-outline-secondary\\"/>\\n        </t>\\n    </xpath>\\n\\n    <xpath expr=\\"//footer\\" position=\\"attributes\\">\\n        <attribute name=\\"data-name\\">Footer</attribute>\\n        <!-- Background now controlled by css configuration, using color combinations -->\\n        <attribute name=\\"t-attf-class\\" add=\\"o_colored_level o_cc\\" remove=\\"bg-light\\" separator=\\" \\"/>\\n        <attribute name=\\"t-cache\\" add=\\"website\\" separator=\\",\\"/>\\n    </xpath>\\n    <xpath expr=\\"//div[hasclass('o_footer_copyright')]\\" position=\\"attributes\\">\\n        <attribute name=\\"data-name\\">Copyright</attribute>\\n        <!-- Background now controlled by css configuration, using color combinations -->\\n        <attribute name=\\"class\\" add=\\"o_colored_level o_cc\\" separator=\\" \\"/>\\n    </xpath>\\n    <xpath expr=\\"//t[@t-call='web.brand_promotion']/..\\" position=\\"attributes\\">\\n        <attribute name=\\"class\\" add=\\"o_not_editable\\" separator=\\" \\"/>\\n        <attribute name=\\"t-if\\">not editable</attribute>\\n    </xpath>\\n\\n    <xpath expr=\\"//div[@id='wrapwrap']\\" position=\\"after\\">\\n        <t t-if=\\"website.google_analytics_key and not editable\\">\\n            <script id=\\"tracking_code\\" t-attf-src=\\"https://www.googletagmanager.com/gtag/js?id={{ website.google_analytics_key }}\\" async=\\"async\\"/>\\n            <script id=\\"tracking_code_config\\">\\n                window.dataLayer = window.dataLayer || [];\\n                function gtag(){dataLayer.push(arguments);}\\n                gtag('consent', 'default', {\\n                    'ad_storage': 'denied',\\n                    'ad_user_data': 'denied',\\n                    'ad_personalization': 'denied',\\n                    'analytics_storage': 'denied',\\n                });\\n                gtag('js', new Date());\\n                gtag('config', '<t t-esc=\\"website.google_analytics_key\\"/>');\\n                function allConsentsGranted() {\\n                    gtag('consent', 'update', {\\n                        'ad_storage': 'granted',\\n                        'ad_user_data': 'granted',\\n                        'ad_personalization': 'granted',\\n                        'analytics_storage': 'granted',\\n                    });\\n                }\\n                <t t-if=\\"website._allConsentsGranted()\\">\\n                    allConsentsGranted();\\n                </t>\\n                <t t-else=\\"\\">\\n                    document.addEventListener(\\n                        \\"optionalCookiesAccepted\\",\\n                        allConsentsGranted,\\n                        {once: true}\\n                    );\\n                </t>\\n            </script>\\n        </t>\\n        <t t-if=\\"website.plausible_shared_key and not editable\\">\\n            <script id=\\"plausible_script\\" name=\\"plausible\\" defer=\\"defer\\" t-att-data-domain=\\"website.plausible_site\\" t-att-src=\\"website._get_plausible_script_url()\\"/>\\n        </t>\\n    </xpath>\\n\\n    <!-- Page options -->\\n    <xpath expr=\\"//div[@id='wrapwrap']\\" position=\\"before\\">\\n        <!-- Todo: Refactor this part. These inputs were initially used for multiple use cases but are now only used to determine if a given option is activated on the page. We should probably implement the feature using an RPC. -->        \\n        <t groups=\\"website.group_website_restricted_editor\\">\\n            <t t-foreach=\\"['header_overlay', 'header_color', 'header_text_color', 'header_visible', 'footer_visible']\\" t-as=\\"optionName\\">\\n                <!-- Firefox autocomplete is too aggressive and works on hidden inputs,\\n                so we need to disable it (https://bugzilla.mozilla.org/show_bug.cgi?id=520561) -->\\n                <input t-if=\\"optionName in main_object\\" type=\\"hidden\\" class=\\"o_page_option_data\\" autocomplete=\\"off\\" t-att-name=\\"optionName\\" t-att-value=\\"main_object[optionName]\\"/>\\n            </t>\\n        </t>\\n\\n        <t t-set=\\"header_bg_color\\" t-value=\\"'header_color' in main_object and main_object.header_color or ''\\"/>\\n        <t t-set=\\"header_bg_color_is_class\\" t-value=\\"'bg-' in header_bg_color\\"/>\\n        <t t-set=\\"header_bg_color_class\\" t-value=\\"header_bg_color_is_class and header_bg_color or ''\\"/>\\n        <t t-set=\\"header_bg_color_style\\" t-value=\\"(not header_bg_color_is_class) and header_bg_color or ''\\"/>\\n\\n        <t t-set=\\"header_text_color\\" t-value=\\"'header_text_color' in main_object and main_object.header_text_color or ''\\"/>\\n        <t t-set=\\"header_text_color_is_class\\" t-value=\\"'text-' in header_text_color\\"/>\\n        <t t-set=\\"header_text_color_class\\" t-value=\\"header_text_color_is_class and header_text_color or ''\\"/>\\n        <t t-set=\\"header_text_color_style\\" t-value=\\"(not header_text_color_is_class) and header_text_color or ''\\"/>\\n\\n        <div groups=\\"base.group_user\\" class=\\"o_frontend_to_backend_nav position-fixed d-none\\">\\n            <svg xmlns=\\"http://www.w3.org/2000/svg\\" class=\\"o_frontend_to_backend_icon position-absolute\\" width=\\"24px\\" height=\\"24px\\" viewBox=\\"-7 -7 24 24\\" preserveAspectRatio=\\"xMinYMin\\">\\n                <path fill=\\"#FFF\\" d=\\"M8 8V1a1 1 0 1 1 2 0v8a1 1 0 0 1-1 1H1a1 1 0 1 1 0-2h7z\\"/>\\n            </svg>\\n            <div class=\\"o_frontend_to_backend_buttons d-flex\\">\\n                <a href=\\"#\\" title=\\"Aller à vos applications Odoo\\" class=\\"o_frontend_to_backend_apps_btn fa fa-th d-flex align-items-center justify-content-center text-decoration-none\\" data-bs-toggle=\\"dropdown\\"/>\\n                <div class=\\"dropdown-menu o_frontend_to_backend_apps_menu\\" role=\\"menu\\">\\n                    <a role=\\"menuitem\\" class=\\"dropdown-item\\" t-esc=\\"menu['name']\\" t-as=\\"menu\\" t-foreach=\\"env['ir.ui.menu'].with_context(force_action=True).load_menus_root()['children']\\" t-attf-href=\\"/odoo/action-#{menu['action'] and menu['action'].split(',')[1] or ''}\\"/>\\n                </div>\\n                <a groups=\\"website.group_website_restricted_editor\\" href=\\"#\\" title=\\"Editer ce contenu\\" class=\\"o_frontend_to_backend_edit_btn px-3 d-flex align-items-center justify-content-center text-decoration-none\\">\\n                    <img src=\\"/website/static/description/icon.png\\" alt=\\"\\"/>Éditeur\\n                </a>\\n            </div>\\n        </div>\\n    </xpath>\\n    <xpath expr=\\"//div[@id='wrapwrap']\\" position=\\"attributes\\">\\n        <attribute name=\\"t-attf-class\\" add=\\"#{'o_header_overlay' if 'header_overlay' in main_object and main_object.header_overlay else ''}\\" separator=\\" \\"/>\\n    </xpath>\\n    <xpath expr=\\"//header\\" position=\\"attributes\\">\\n        <attribute name=\\"t-attf-class\\" add=\\"#{header_bg_color_class}\\" separator=\\" \\"/>\\n        <attribute name=\\"t-attf-style\\" add=\\"#{header_bg_color_style and ('background-color: %s;' % header_bg_color_style)}\\" separator=\\" \\"/>\\n        <attribute name=\\"t-attf-class\\" add=\\"#{header_text_color_class}\\" separator=\\" \\"/>\\n        <attribute name=\\"t-attf-style\\" add=\\"#{header_text_color_style and ('color: %s;' % header_text_color_style)}\\" separator=\\" \\"/>\\n    </xpath>\\n    <xpath expr=\\"//header\\" position=\\"attributes\\">\\n        <attribute name=\\"t-attf-class\\" add=\\"#{'d-none o_snippet_invisible' if 'header_visible' in main_object and not main_object.header_visible else ''}\\" separator=\\" \\"/>\\n        <attribute name=\\"t-att-data-invisible\\">'1' if 'header_visible' in main_object and not main_object.header_visible else None</attribute>\\n    </xpath>\\n    <xpath expr=\\"//footer[@id='bottom']\\" position=\\"attributes\\">\\n        <attribute name=\\"t-attf-class\\" add=\\"#{'d-none o_snippet_invisible' if 'footer_visible' in main_object and not main_object.footer_visible else ''}\\" separator=\\" \\"/>\\n        <attribute name=\\"t-att-data-invisible\\">'1' if 'footer_visible' in main_object and not main_object.footer_visible else None</attribute>\\n        <attribute name=\\"t-cache\\" add=\\"main_object.footer_visible if 'footer_visible' in main_object else True\\" separator=\\",\\"/>\\n    </xpath>\\n</data>"}	<?xml version="1.0"?>\n<data name="Main layout" inherit_id="portal.frontend_layout">\n    <xpath expr="//html" position="before">\n        <t t-set="html_data" t-value="{             'lang': lang.replace('_', '-'),             'data-website-id': website.id,             'data-edit_translations': '1' if edit_translations else None,             'data-main-object': repr(main_object) if main_object else None,             'data-seo-object': repr(seo_object) if seo_object else None,         }"/>\n        <t t-if="not request.env.user._is_public()" t-set="nothing" t-value="html_data.update({             'data-is-published': 'website_published' in main_object.fields_get() and main_object.website_published,             'data-can-optimize-seo': 'website_meta_description' in main_object.fields_get(),             'data-can-publish': 'can_publish' in main_object.fields_get() and main_object.can_publish,             'data-editable-in-backend': edit_in_backend or ('website_published' in main_object.fields_get() and main_object._name != 'website.page'),         })"/>\n        <t t-if="editable or translatable" t-set="nothing" t-value="html_data.update({             'data-editable': '1' if editable else None,             'data-translatable': '1' if translatable else None,             'data-view-xmlid': xmlid,             'data-viewid': viewid,             'data-default-lang-name': website.default_lang_id.name.split('/').pop() if translatable else None,             'data-lang-name': website.env['res.lang']._get_data(code=lang).name.split('/').pop() if translatable else None,         })"/>\n    </xpath>\n\n    <xpath expr="//head" position="attributes">\n        <!--\n        Cache the <head> of the website.layout:\n        - For each individual website.page record (their css/js might be the\n          same but their title will not for example). Arguably we could do this\n          for any record (not only website.page) but this t-cache was originally\n          added to replace the website.page own cache system. For other records,\n          it could probably depend on each individual access right.\n        - Only for non-designers (especially visitors) (hence the "editable or\n          translatable" check).\n        - Only if not in any debug mode (we want any correct value of debug mode\n          to correctly appear in the `odoo` object + assets may depend on this\n          (e.g. debug=assets or debug=tests)).\n        -->\n        <attribute name="t-cache">main_object if main_object and main_object._name == 'website.page' and not request.session.debug and not editable and not translatable else None</attribute>\n    </xpath>\n    <xpath expr="//head/*[1]" position="before">\n        <t t-if="not title">\n            <t t-if="not additional_title and main_object and 'name' in main_object">\n                <t t-set="additional_title" t-value="main_object.name"/>\n            </t>\n            <t t-set="default_title" t-translation="off" t-value="(additional_title + ' | ' if additional_title else '') + website.name"/>\n            <t t-set="seo_object" t-value="seo_object or main_object"/>\n            <t t-if="seo_object and 'website_meta_title' in seo_object and seo_object.website_meta_title">\n                <t t-set="title" t-value="seo_object.website_meta_title"/>\n            </t>\n            <t t-else="">\n                <t t-set="title" t-value="default_title"/>\n            </t>\n        </t>\n        <t t-set="x_icon" t-value="website.image_url(website, 'favicon')"/>\n    </xpath>\n    <xpath expr="//head/meta[last()]" position="after">\n        <meta name="generator" content="Odoo"/>\n        <t t-set="website_meta" t-value="seo_object and seo_object.get_website_meta() or {}"/>\n        <meta name="default_title" t-att-content="default_title" groups="website.group_website_designer"/>\n        <t t-set="no_index" t-value="             (main_object and 'website_indexed' in main_object and not main_object.website_indexed)             or (website.domain and not website._is_indexable_url(request.httprequest.url_root))             or (pager and isinstance(pager, dict) and pager.get('page', {}).get('num', 1) != 1)         "/>\n        <meta t-if="no_index" name="robots" content="noindex"/>\n        <t t-set="seo_object" t-value="seo_object or main_object"/>\n        <t t-set="meta_description" t-value="seo_object and 'website_meta_description' in seo_object             and seo_object.website_meta_description or website_meta_description or website_meta.get('meta_description', '')"/>\n        <t t-set="meta_keywords" t-value="seo_object and 'website_meta_keywords' in seo_object             and seo_object.website_meta_keywords or website_meta_keywords"/>\n        <meta t-if="meta_description or editable" name="description" t-att-content="meta_description"/>\n        <meta t-if="meta_keywords or editable" name="keywords" t-att-content="meta_keywords"/>\n        <t t-if="seo_object">\n        <meta name="default_description" t-att-content="website_meta_description or website_meta.get('meta_description')" groups="website.group_website_designer"/>\n            <!-- OpenGraph tags for Facebook sharing -->\n            <t t-set="opengraph_meta" t-value="website_meta.get('opengraph_meta')"/>\n            <t t-if="opengraph_meta">\n                <t t-foreach="opengraph_meta" t-as="property">\n                    <t t-if="isinstance(opengraph_meta[property], list)">\n                        <t t-foreach="opengraph_meta[property]" t-as="meta_content">\n        <meta t-att-property="property" t-att-content="meta_content"/>\n                        </t>\n                    </t>\n                    <t t-else="">\n        <meta t-att-property="property" t-att-content="opengraph_meta[property]"/>\n                    </t>\n                </t>\n            </t>\n            <!-- Twitter tags for sharing -->\n            <t t-set="twitter_meta" t-value="website_meta.get('twitter_meta')"/>\n            <t t-if="opengraph_meta">\n                <t t-foreach="twitter_meta" t-as="t_meta">\n        <meta t-att-name="t_meta" t-att-content="twitter_meta[t_meta]"/>\n                </t>\n            </t>\n        </t>\n        <t t-set="canonical_domain" t-value="website.get_base_url()"/>\n        <!-- no hreflang on non-canonical pages or if no alternate language -->\n        <t t-if="request.is_frontend_multilang and website._is_canonical_url() and len(frontend_languages) &gt; 1">\n            <t t-foreach="frontend_languages.values()" t-as="lg">\n        <link rel="alternate" t-att-hreflang="lg.hreflang" t-att-href="url_localized(lang_code=lg.code, prefetch_langs=True, canonical_domain=canonical_domain)"/>\n            </t>\n        <link rel="alternate" hreflang="x-default" t-att-href="url_localized(lang_code=website.env['res.lang']._get_data(id=website._get_cached('default_lang_id')).code, canonical_domain=canonical_domain)"/>\n        </t>\n        <link rel="canonical" t-att-href="website._get_canonical_url()"/>\n        <!-- TODO: Once we have style in DB, add this preconnect only if a\n        google font is actually used. Note that if no font is used, the\n        preconnect is actually not connecting to the google servers. -->\n        <link rel="preconnect" href="https://fonts.gstatic.com/" crossorigin=""/>\n    </xpath>\n\n    <xpath expr="//head/script" position="before">\n        <t t-if="website and website.cookies_bar and website.block_third_party_domains                  and not request.env['ir.http']._is_allowed_cookie('optional')                  and not editable and not translatable                  and not request.env.user.has_group('website.group_website_restricted_editor')">\n            <script src="/website/static/src/js/content/cookie_watcher.js"/>\n            <script>\n                watch3rdPartyScripts(<t t-out="json.dumps(website._get_blocked_third_party_domains_list())"/>);\n            </script>\n        </t>\n    </xpath>\n\n    <xpath expr="//header" position="attributes">\n        <attribute name="data-name">Header</attribute>\n        <attribute name="t-att-data-extra-items-toggle-aria-label">extra_items_toggle_aria_label</attribute>\n    </xpath>\n\n    <xpath expr="//header/t[@t-cache]" position="attributes">\n        <!-- website.is_public_user() is needed for menus having a page with\n        restricted visibility (only shown to logged in user): public users and\n        logged in users can't share the menu cache. -->\n        <attribute name="t-cache">None if website.is_menu_cache_disabled() else (xmlid,website,website.is_public_user())</attribute>\n    </xpath>\n\n    <xpath expr="//header" position="before">\n        <t t-set="cta_btn_text" t-value="False"/>\n        <t t-set="header_content_width" t-valuef="container"/>\n        <t t-set="cta_btn_href">/contactus</t>\n        <t t-set="extra_items_toggle_aria_label">Extra items button</t>\n        <t t-set="primary_additional_colors" t-value="False"/>\n        <t t-set="secondary_additional_colors" t-value="False"/>\n        <t t-if="primary_additional_colors">\n            <t t-set="_additional_btn_color" t-valuef="btn btn-outline-primary"/>\n        </t>\n        <t t-if="secondary_additional_colors">\n            <t t-set="_additional_btn_color" t-valuef="btn btn-outline-secondary"/>\n        </t>\n    </xpath>\n\n    <xpath expr="//footer" position="attributes">\n        <attribute name="data-name">Footer</attribute>\n        <!-- Background now controlled by css configuration, using color combinations -->\n        <attribute name="t-attf-class" add="o_colored_level o_cc" remove="bg-light" separator=" "/>\n        <attribute name="t-cache" add="website" separator=","/>\n    </xpath>\n    <xpath expr="//div[hasclass('o_footer_copyright')]" position="attributes">\n        <attribute name="data-name">Copyright</attribute>\n        <!-- Background now controlled by css configuration, using color combinations -->\n        <attribute name="class" add="o_colored_level o_cc" separator=" "/>\n    </xpath>\n    <xpath expr="//t[@t-call='web.brand_promotion']/.." position="attributes">\n        <attribute name="class" add="o_not_editable" separator=" "/>\n        <attribute name="t-if">not editable</attribute>\n    </xpath>\n\n    <xpath expr="//div[@id='wrapwrap']" position="after">\n        <t t-if="website.google_analytics_key and not editable">\n            <script id="tracking_code" t-attf-src="https://www.googletagmanager.com/gtag/js?id={{ website.google_analytics_key }}" async="async"/>\n            <script id="tracking_code_config">\n                window.dataLayer = window.dataLayer || [];\n                function gtag(){dataLayer.push(arguments);}\n                gtag('consent', 'default', {\n                    'ad_storage': 'denied',\n                    'ad_user_data': 'denied',\n                    'ad_personalization': 'denied',\n                    'analytics_storage': 'denied',\n                });\n                gtag('js', new Date());\n                gtag('config', '<t t-esc="website.google_analytics_key"/>');\n                function allConsentsGranted() {\n                    gtag('consent', 'update', {\n                        'ad_storage': 'granted',\n                        'ad_user_data': 'granted',\n                        'ad_personalization': 'granted',\n                        'analytics_storage': 'granted',\n                    });\n                }\n                <t t-if="website._allConsentsGranted()">\n                    allConsentsGranted();\n                </t>\n                <t t-else="">\n                    document.addEventListener(\n                        "optionalCookiesAccepted",\n                        allConsentsGranted,\n                        {once: true}\n                    );\n                </t>\n            </script>\n        </t>\n        <t t-if="website.plausible_shared_key and not editable">\n            <script id="plausible_script" name="plausible" defer="defer" t-att-data-domain="website.plausible_site" t-att-src="website._get_plausible_script_url()"/>\n        </t>\n    </xpath>\n\n    <!-- Page options -->\n    <xpath expr="//div[@id='wrapwrap']" position="before">\n        <!-- Todo: Refactor this part. These inputs were initially used for multiple use cases but are now only used to determine if a given option is activated on the page. We should probably implement the feature using an RPC. -->        \n        <t groups="website.group_website_restricted_editor">\n            <t t-foreach="['header_overlay', 'header_color', 'header_text_color', 'header_visible', 'footer_visible']" t-as="optionName">\n                <!-- Firefox autocomplete is too aggressive and works on hidden inputs,\n                so we need to disable it (https://bugzilla.mozilla.org/show_bug.cgi?id=520561) -->\n                <input t-if="optionName in main_object" type="hidden" class="o_page_option_data" autocomplete="off" t-att-name="optionName" t-att-value="main_object[optionName]"/>\n            </t>\n        </t>\n\n        <t t-set="header_bg_color" t-value="'header_color' in main_object and main_object.header_color or ''"/>\n        <t t-set="header_bg_color_is_class" t-value="'bg-' in header_bg_color"/>\n        <t t-set="header_bg_color_class" t-value="header_bg_color_is_class and header_bg_color or ''"/>\n        <t t-set="header_bg_color_style" t-value="(not header_bg_color_is_class) and header_bg_color or ''"/>\n\n        <t t-set="header_text_color" t-value="'header_text_color' in main_object and main_object.header_text_color or ''"/>\n        <t t-set="header_text_color_is_class" t-value="'text-' in header_text_color"/>\n        <t t-set="header_text_color_class" t-value="header_text_color_is_class and header_text_color or ''"/>\n        <t t-set="header_text_color_style" t-value="(not header_text_color_is_class) and header_text_color or ''"/>\n\n        <div groups="base.group_user" class="o_frontend_to_backend_nav position-fixed d-none">\n            <svg xmlns="http://www.w3.org/2000/svg" class="o_frontend_to_backend_icon position-absolute" width="24px" height="24px" viewBox="-7 -7 24 24" preserveAspectRatio="xMinYMin">\n                <path fill="#FFF" d="M8 8V1a1 1 0 1 1 2 0v8a1 1 0 0 1-1 1H1a1 1 0 1 1 0-2h7z"/>\n            </svg>\n            <div class="o_frontend_to_backend_buttons d-flex">\n                <a href="#" title="Go to your Odoo Apps" class="o_frontend_to_backend_apps_btn fa fa-th d-flex align-items-center justify-content-center text-decoration-none" data-bs-toggle="dropdown"/>\n                <div class="dropdown-menu o_frontend_to_backend_apps_menu" role="menu">\n                    <a role="menuitem" class="dropdown-item" t-esc="menu['name']" t-as="menu" t-foreach="env['ir.ui.menu'].with_context(force_action=True).load_menus_root()['children']" t-attf-href="/odoo/action-#{menu['action'] and menu['action'].split(',')[1] or ''}"/>\n                </div>\n                <a groups="website.group_website_restricted_editor" href="#" title="Edit this content" class="o_frontend_to_backend_edit_btn px-3 d-flex align-items-center justify-content-center text-decoration-none">\n                    <img src="/website/static/description/icon.png" alt=""/>Editor\n                </a>\n            </div>\n        </div>\n    </xpath>\n    <xpath expr="//div[@id='wrapwrap']" position="attributes">\n        <attribute name="t-attf-class" add="#{'o_header_overlay' if 'header_overlay' in main_object and main_object.header_overlay else ''}" separator=" "/>\n    </xpath>\n    <xpath expr="//header" position="attributes">\n        <attribute name="t-attf-class" add="#{header_bg_color_class}" separator=" "/>\n        <attribute name="t-attf-style" add="#{header_bg_color_style and ('background-color: %s;' % header_bg_color_style)}" separator=" "/>\n        <attribute name="t-attf-class" add="#{header_text_color_class}" separator=" "/>\n        <attribute name="t-attf-style" add="#{header_text_color_style and ('color: %s;' % header_text_color_style)}" separator=" "/>\n    </xpath>\n    <xpath expr="//header" position="attributes">\n        <attribute name="t-attf-class" add="#{'d-none o_snippet_invisible' if 'header_visible' in main_object and not main_object.header_visible else ''}" separator=" "/>\n        <attribute name="t-att-data-invisible">'1' if 'header_visible' in main_object and not main_object.header_visible else None</attribute>\n    </xpath>\n    <xpath expr="//footer[@id='bottom']" position="attributes">\n        <attribute name="t-attf-class" add="#{'d-none o_snippet_invisible' if 'footer_visible' in main_object and not main_object.footer_visible else ''}" separator=" "/>\n        <attribute name="t-att-data-invisible">'1' if 'footer_visible' in main_object and not main_object.footer_visible else None</attribute>\n        <attribute name="t-cache" add="main_object.footer_visible if 'footer_visible' in main_object else True" separator=","/>\n    </xpath>\n</data>\n\n	f	t	2025-07-20 21:14:37.445508	2025-07-20 21:14:37.445508	f	\N	\N	\N	\N	\N	\N	\N	\N	\N	f	f
