diff --git a/addons/website/static/src/js/website.tour.banner.js b/addons/website/static/src/js/website.tour.banner.js
index 5e4ffbf0629..42e7a9cbcec 100644
--- a/addons/website/static/src/js/website.tour.banner.js
+++ b/addons/website/static/src/js/website.tour.banner.js
@@ -78,41 +78,94 @@
title: "Customize the banner",
content: "You can customize characteristic of any blocks through the Customize menu. For instance, change the background of the banner.",
template: self.popover({ next: "Continue" }),
+ },
+ {
+ stepId: 'add-three-cols',
+ element: 'button[data-action=snippet]',
+ placement: 'bottom',
+ title: "Add Another Block",
+ content: "Let's add another building block to your page.",
triggers: function () {
- $('.dropdown-menu [name=carousel-background]').one('click', function () {
+ $('button[data-action=snippet]').on('click', function () {
+ self.moveToNextStep();
+ });
+ }
+ },
+ {
+ stepId: 'drag-three-columns',
+ element: '#website-top-navbar [data-snippet-id=three-columns].ui-draggable',
+ placement: 'bottom',
+ title: "Drag & Drop a Block",
+ content: "Drag the '3 Columns' block and drop it below the banner.",
+ triggers: function () {
+ self.onSnippetDraggedAdvance('three-columns');
+ },
+ },
+ {
+ stepId: 'activate-text-block-title',
+ element: '#wrap [data-snippet-id=three-columns] .text-center[data-snippet-id=colmd]',
+ placement: 'top',
+ title: "Edit an Area",
+ content: "Select any area of the page to modify it. Click on this subtitle.",
+ triggers: function () {
+ $('#wrap [data-snippet-id=three-columns] .text-center[data-snippet-id=colmd]').one('click', function () {
self.moveToNextStep();
});
},
},
+ {
+ stepId: 'remove-text-block-title',
+ element: '.oe_snippet_remove:last',
+ placement: 'top',
+ reflex: true,
+ title: "Delete the Title",
+ content: "From this toolbar you can move, duplicate or delete the selected zone. Click on the cross to delete the title.",
+ },
{
stepId: 'save-changes',
element: 'button[data-action=save]',
placement: 'right',
reflex: true,
title: "Save your modifications",
- content: "Once you click on save, your website page is updated.",
+ content: "Publish your page by clicking on the 'Save' button.",
},
{
stepId: 'part-2',
orphan: true,
title: "Congratulation!",
- content: "Your homepage have been updated. Now, we suggest you insert another snippet to overview possible customization.",
+ content: "Your homepage has been updated.",
template: self.popover({ next: "Continue" }),
},
+ {
+ stepId: 'show-mobile',
+ element: 'a[data-action=show-mobile-preview]',
+ placement: 'bottom',
+ reflex: true,
+ title: "Test Your Mobile Version",
+ content: "Let's check how your homepage looks like on mobile devices.",
+ },
+ {
+ stepId: 'show-mobile-close',
+ element: 'button[data-dismiss=modal]',
+ placement: 'right',
+ reflex: true,
+ title: "Close Mobile Preview",
+ content: "Scroll in the mobile preview to test the rendering. Once it's ok, close this dialog.",
+ },
{
stepId: 'show-tutorials',
element: '#help-menu-button',
placement: 'left',
reflex: true,
- title: "Help is always available",
- content: "You can always click here if you want more helps or continue to build and get more tips about your website contents like page menu, ...",
- template: self.popover({ end: "Close" }),
+ title: "More Tutorials",
+ content: "Get more tutorials through this 'Help' menu or click on the left 'Edit' button to continue modifying this page.",
+ template: self.popover({ end: "Close Tutorial" }),
}
];
return this._super();
},
resume: function () {
- return (this.isCurrentStep('part-2') || this.isCurrentStep('show-tutorials')) && !this.tour.ended();
+ return (this.isCurrentStep('show-tutorials')) && !this.tour.ended();
},
});
diff --git a/addons/website_blog/static/src/js/website.tour.blog.js b/addons/website_blog/static/src/js/website.tour.blog.js
index a37715dcc20..ba681972d0f 100644
--- a/addons/website_blog/static/src/js/website.tour.blog.js
+++ b/addons/website_blog/static/src/js/website.tour.blog.js
@@ -20,24 +20,24 @@
stepId: 'welcome-blog',
orphan: true,
backdrop: true,
- title: "Blog",
- content: "We will show how to create a new blog post.",
- template: self.popover({ next: "Start Tutorial", end: "Skip It" }),
+ title: "New Blog Post",
+ content: "Let's go through the first steps to write beautiful blog posts.",
+ template: self.popover({ next: "Start Tutorial", end: "Skip" }),
},
{
stepId: 'content-menu',
element: '#content-menu-button',
placement: 'left',
reflex: true,
- title: "Edit the content",
- content: "Click here to add content to your site.",
+ title: "Add Content",
+ content: "Create new pages, blogs, menu items and products through the 'Content' menu.",
},
{
stepId: 'new-post-entry',
element: 'a[data-action=new_blog_post]',
placement: 'left',
- title: "New blog post",
- content: "Click here to create a blog post.",
+ title: "New Blog Post",
+ content: "Select this entry to create a new blog post.",
triggers: function () {
var $doc = $(document);
function stopNewBlog () {
@@ -57,8 +57,8 @@
stepId: 'choose-category',
element: '.modal select',
placement: 'right',
- title: "Choose the post category",
- content: "Select the 'News' category and click 'Continue'.",
+ title: "Which Blog?",
+ content: "Blog posts are organized in multiple categories (news, job offers, events, etc). Select News and click Continue.",
triggers: function () {
function newsSelected () {
var $this = $(this);
@@ -74,31 +74,30 @@
stepId: 'continue-category',
element: '.modal button.btn-primary',
placement: 'right',
- title: "Choose the post category",
- content: "Click 'Continue' to create the post.",
+ title: "Create Blog Post",
+ content: "Click Continue to create the blog post.",
},
{
stepId: 'post-page',
orphan: true,
- backdrop: true,
- title: "New blog post created",
- content: "You just created a new blog post. We are now going to edit it.",
- template: self.popover({ next: "OK" }),
+ title: "Blog Post Created",
+ content: "This is your new blog post. We will edit your pages inline. What You See Is What You Get. No need for a complex backend.",
+ template: self.popover({ next: "Continue" }),
},
{
stepId: 'post-title',
element: 'h1[data-oe-expression="blog_post.name"]',
placement: 'top',
- title: "Pick a title",
- content: "Choose a catchy title for your blog post.",
+ title: "Pick a Title",
+ content: "Click on this area and set a catchy title.",
template: self.popover({ next: "OK" }),
},
{
stepId: 'add-image-text',
element: 'button[data-action=snippet]',
placement: 'bottom',
- title: "Layout your blog post",
- content: "Insert blocks like text-image to layout the body of your blog post.",
+ title: "Layout Your Blog Post",
+ content: "Use well designed building blocks to structure the content of your blog.",
triggers: function () {
$('button[data-action=snippet]').one('click', function () {
self.moveToNextStep();
@@ -109,8 +108,8 @@
stepId: 'drag-image-text',
element: '#website-top-navbar [data-snippet-id=image-text].ui-draggable',
placement: 'bottom',
- title: "Drag & Drop a block",
- content: "Drag the 'Image Text' block and drop it in your page.",
+ title: "Drag & Drop a Block",
+ content: "Drag the 'Image-Text' block and drop it in your page.",
triggers: function () {
self.onSnippetDraggedAdvance('image-text');
},
@@ -119,8 +118,8 @@
stepId: 'add-text-block',
element: 'button[data-action=snippet]',
placement: 'bottom',
- title: "Add another block",
- content: "Let's add another blog to your post.",
+ title: "Add Another Block",
+ content: "Let's add another block to your post.",
triggers: function () {
$('button[data-action=snippet]').on('click', function () {
self.moveToNextStep();
@@ -132,7 +131,7 @@
element: '#website-top-navbar [data-snippet-id=text-block].ui-draggable',
placement: 'bottom',
title: "Drag & Drop a block",
- content: "Drag the 'Text Block' block and drop it below the image block.",
+ content: "Drag the 'Text Block' block and drop it below the image block.",
triggers: function () {
self.onSnippetDraggedAdvance('text-block');
},
@@ -141,8 +140,8 @@
stepId: 'activate-text-block-title',
element: '#wrap [data-snippet-id=text-block] .text-center[data-snippet-id=colmd]',
placement: 'top',
- title: "Activate on the title",
- content: "Click on the title to activate it.",
+ title: "Edit an Area",
+ content: "Select any area of the page to modify it. Click on this subtitle.",
triggers: function () {
$('#wrap [data-snippet-id=text-block] .text-center[data-snippet-id=colmd]').one('click', function () {
self.moveToNextStep();
@@ -154,24 +153,32 @@
element: '.oe_snippet_remove:last',
placement: 'top',
reflex: true,
- title: "Delete the title",
- content: "Click on the cross to delete the title.",
+ title: "Delete the Title",
+ content: "From this toolbar you can move, duplicate or delete the selected zone. Click on the cross to delete the title.",
},
{
stepId: 'publish-post',
element: 'button.js_publish_btn',
placement: 'right',
reflex: true,
- title: "Publish your blog post",
- content: "Click to publish your blog post.",
+ title: "Publish Your Post",
+ content: "Your blog post is not yet published. You can update this draft version and publish it once you are ready.",
},
{
stepId: 'save-changes',
element: 'button[data-action=save]',
placement: 'right',
reflex: true,
- title: "Save your modifications",
- content: "Once you click on save, your post is updated.",
+ title: "Save Your Blog",
+ content: "Click the Save button to record changes on the page.",
+ },
+ {
+ stepId: 'end-tutorial',
+ orphan: true,
+ backdrop: true,
+ title: "Thanks!",
+ content: "This tutorial is finished. To discover more features, improve the content of this page and try the Promote button in the top right menu.",
+ template: self.popover({ next: "Close Tutorial" }),
},
];
return this._super();
diff --git a/addons/website_event/static/src/js/website.tour.event.js b/addons/website_event/static/src/js/website.tour.event.js
index 796e748197e..4a3c22af337 100644
--- a/addons/website_event/static/src/js/website.tour.event.js
+++ b/addons/website_event/static/src/js/website.tour.event.js
@@ -20,8 +20,8 @@
stepId: 'welcome-event',
orphan: true,
backdrop: true,
- title: "Event",
- content: "We will show how to create a new event.",
+ title: "Create an Event",
+ content: "Let's go through the firsts step to publish a new event.",
template: self.popover({ next: "Start Tutorial", end: "Skip It" }),
},
{
@@ -29,15 +29,15 @@
element: '#content-menu-button',
placement: 'left',
reflex: true,
- title: "Edit the content",
- content: "Click here to add content to your site.",
+ title: "Add Content",
+ content: "The Content menu allows to create new pages, events, menus, etc.",
},
{
stepId: 'new-post-entry',
element: 'a[data-action=new_event]',
placement: 'left',
- title: "New event",
- content: "Click here to create an event.",
+ title: "New Event",
+ content: "Click here to create a new event.",
triggers: function () {
var $doc = $(document);
function stopNewEvent () {
@@ -57,15 +57,14 @@
stepId: 'choose-name',
element: '.modal input',
placement: 'right',
- title: "Choose the event name",
- content: "Choose a name for the new event and click 'Continue'.",
+ title: "Choose an Event Name",
+ content: "Choose a name for your new event and click 'Continue'. e.g: Technical Training",
},
{
stepId: 'event-page',
orphan: true,
- backdrop: true,
- title: "New event created",
- content: "You just created a new event. We are now going to edit it.",
+ title: "New Event Created",
+ content: "This is your new event page. We will edit the event presentation page.",
template: self.popover({ next: "OK" }),
},
{