hunk.code_window:         }, {
               trigger: "#wrap h1",
               extra_trigger: ".js_publish_management button.js_publish_btn.btn-success:visible",
               content: _t("This tutorial is over. To discover more features and improve the content of this page, go to the upper left customize menu. You can also add some cool content with your text in the edit mode with the upper right button."),
               position: "top",
               width: 500,
           }]);
       });
  
hunk.labels: keep replace replace replace replace keep keep keep
hunk.after_edit:             trigger: "#customize-menu-button",
               extra_trigger: "body:not(.editor_enable) .js_publish_management button.js_publish_btn.btn-success:visible",
               content: _t("<p><b>This tutorial is over.</b> Use this button to discover more features and improve the content of this page.</p><p>You can also add some cool content with your text in edit mode or keep adding pages with the upper right buttons.</p>"),
               position: "bottom",
  
hunk.file_path: addons/website_blog/static/src/js/website.tour.blog.js
hunk.type: replace
file: odoo.define("website.tour.banner", function (require) {
      "use strict";
  
      var core = require("web.core");
      var Tour = require('web.Tour');
      var tour = require("web_tour.tour");
      var base = require("web_editor.base");
  
      var _t = core._t;
  
      base.ready().done(function () {
          Tour.register({
              id:   'banner',
              mode: 'test',
              name: _t("Build a page"),
              path: '/page/homepage',
              steps: [
                  {
                      waitNot:   'body.editor_enable',
                      title:     _t("Welcome to your website!"),
                      content:   _t("This tutorial will guide you to build your home page. We will start by adding a banner."),
                      popover:   { next: _t("Start Tutorial"), end: _t("Skip It") },
                  },
                  {
                      waitNot:   '.popover.tour',
                      element:   'a[data-action=edit]',
                      placement: 'bottom',
                      title:     _t("Edit this page"),
                      content:   _t("Every page of your website can be modified through the <i>Edit</i> button."),
                      popover:   { fixed: true },
                  },
                  {
                      snippet:   '#snippet_structure .oe_snippet:eq(1)',
                      placement: 'bottom',
                      title:     _t("Drag & Drop a Banner"),
                      content:   _t("Drag the Banner block and drop it in your page."),
                      popover:   { fixed: true },
                  },
                  {
                      waitFor:   '.oe_overlay_options .oe_options:visible',
                      element:   '#wrapwrap .s_text_block_image_fw h2',
                      placement: 'top',
                      title:     _t("Customize banner's text"),
                      content:   _t("Click in the title text and start editing it."),
                      sampleText: 'Here, a customized text',
                  },
                  {
                      waitFor:   '#wrapwrap .s_text_block_image_fw h2:not(:containsExact(\"Headline\"))',
                      element:   '.oe_snippet_parent:visible',
                      placement: 'bottom',
                      title:     _t("Get banner properties"),
                      content:   _t("Select the parent container to get the global options of the banner."),
                      popover:   { fixed: true },
                  },
                  {
                      element:   '.oe_overlay_options .oe_options:visible',
                      placement: 'bottom',
                      title:     _t("Customize the banner"),
                      content:   _t("Customize any block through this menu. Try to change the background of the banner."),
                      popover:   { next: _t("Continue") },
                  },
                  {
                      waitNot:   '.popover.tour',
                      snippet:   '#snippet_structure .oe_snippet:eq(6)',
                      placement: 'bottom',
                      title:     _t("Drag & Drop This Block"),
                      content:   _t("Drag the <em>'Features'</em> block and drop it below the banner."),
                      popover:   { fixed: true },
                  },
                  {
                      waitFor:   '.oe_overlay_options .oe_options:visible',
                      element:   'button[data-action=save]',
                      placement: 'bottom',
                      title:     _t("Save your modifications"),
                      content:   _t("Publish your page by clicking on the <em>'Save'</em> button."),
                      popover:   { fixed: true },
                  },
                  {
                      waitNot:   'body.editor_enable',
                      title:     _t("Good Job!"),
                      content:   _t("Well done, you created your homepage."),
                      popover:   { next: _t("Continue") },
                  },
                  {
                      waitNot:   '.popover.tour',
                      element:   'a[data-action=show-mobile-preview]',
                      placement: 'bottom',
                      title:     _t("Test Your Mobile Version"),
                      content:   _t("Let's check how your homepage looks like on mobile devices."),
                      popover:   { fixed: true },
                  },
                  {
                      element:   '.modal-dialog:has(#mobile-viewport) button[data-dismiss=modal]',
                      placement: 'right',
                      title:     _t("Check Mobile Preview"),
                      content:   _t("Scroll to check rendering and then close the mobile preview."),
                  },
                  {
                      waitNot:   '.modal-dialog:has(#mobile-viewport)',
                      element:   '#content-menu-button',
                      placement: 'right',
                      title:     _t("Pages and menus"),
                      content:   _t("The 'Content' menu allows you to rename and delete pages or add them to the top menu."),
                      popover:   { next: _t("Continue") },
                  },
                  {
                      waitNot:   '.popover.tour',
                      element:   '#oe_main_menu_navbar a[data-action=new_page]',
                      placement: 'bottom',
                      title:     _t("Add new pages"),
                      content:   _t("Use this button to add pages"),
                      popover:   { next: _t("Close Tutorial") },
                  },
              ]
          });
  
          tour.register("banner", {
              url: "/",
          }, [{
              trigger: "a[data-action=edit]",
              content: _t("Every page of your website can be modified through the <b>Edit</b> button."),
              position: "bottom",
          }, {
              trigger: "#snippet_structure .oe_snippet:eq(1) .oe_snippet_thumbnail",
              content: _t("Drag the Cover block and drop it in your page."),
              position: "bottom",
              run: "drag_and_drop",
          }, {
              trigger: "#wrapwrap .s_text_block_image_fw h2",
              extra_trigger: ".oe_overlay_options .oe_options",
              content: _t("Click in the title text and start editing it."),
              position: "left",
              run: "text",
          }, {
              trigger: ".oe_overlay_options .oe_options",
              extra_trigger: "#wrapwrap .s_text_block_image_fw h2:not(:containsExact(\"Headline\"))",
              content: _t("Customize any block through this menu. Try to change the background of the banner."),
              position: "bottom",
          }, {
              trigger: "#snippet_structure .oe_snippet:eq(3) .oe_snippet_thumbnail",
              content: _t("Drag another block in your page, below the cover."),
              position: "bottom",
              run: "drag_and_drop",
          }, {
              trigger: "button[data-action=save]",
              extra_trigger: ".oe_overlay_options .oe_options",
              content: _t("Publish your page by clicking on the <b>Save</b> button."),
              position: "bottom",
          }, {
              trigger: "a[data-action=show-mobile-preview]",
              content: _t("Well done, you created your homepage.<br/>Let's check how your homepage looks like on mobile devices."),
              position: "bottom",
          }, {
              trigger: ".modal-dialog:has(#mobile-viewport) button[data-dismiss=modal]",
              content: _t("Scroll to check rendering and then close the mobile preview."),
              position: "right",
          }, {
              trigger: "#content-menu-button",
              extra_trigger: "body:not(.modal-open)",
              content: _t("The <b>Content</b> menu allows you to rename and delete pages or add them to the top menu."),
              position: "bottom",
          }, {
              trigger: "#oe_main_menu_navbar a[data-action=new_page]",
              content: _t("Use this button to add pages"),
              position: "bottom",
          }]);
      });
  });
  