{"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>"}