How to change a template

Find a template name

1. Open the website and start the developer tools;

2. Select an element;

3. Try to find a parent element with the attribute data-tmpl -- the corresponding value is a template name. In the example, the parent is <form class="tab-pane position-relative active" data-tmpl='search-package-tab-body-template'> and the template's name is search-package-tab-body-template;

Find original template

1. Inside developer tools look at the Network tab and find all requests for /Templates ;

2. This is the hardest part: we need to find the template name inside all templates requests. In this case, we search for the template name data-mvc-template='search-package-tab-body-template'.

   Tip: try the last template request in the first place -- in most cases the template is there;

3. Copy the desired template to the clipboard, so you can use it later on as the basis of your customized template.

Make changes

1. Now open Tripoint and select the desired page, then create a new multimedia content and paste the original template html code in it;

   

   Note: Inside the template you can see the special function t (<%- t('search.submit')%>), this function allows us to translate the labels inside the templates.

2. Make some changes; for this example we are removing the catalog dropdown and airport preferred link. Save all modifications;

3. Finally, reload the page and see the results;