Одностраничный сайт

Добрый день!
Только начал изучение Joomla, очень хочу научиться создавать одностраничный сайт. Посмотрел видеообучения, читал материалы, в том числе и здесь. Но как я понял, в основном сводится всё к тому, чтобы изменить текст и картинки, не меняя пункты меню и их функциональность.
Конкретно в моем случае, очень понравился шаблон JB Flux. Загружая чистый шаблон и меняя в настройках шаблона отображение на One Page, не могу понять как по щелчку мыши на пункт меню, экран пролистывает до нужного места на странице. Кстати, тоже самое у меня и на JXTC Citylife и на других подобных шаблонах.
Очень хочу понять принцип и не переделывать уже готовый quickstart, а создать самому такого рода меню.
Буду очень признателен за помощь.
P.S. читал здесь и смотрел видео, но, может конечно невнимательно смотрел, увидел изменение картинок и текста, без создания подобного меню.

 

Спасибо!

 

Спасибо за неравнодушие! Начал изучать. Вопрос такой остался. Если я в шаблоне создам пункт меню, то нужно будет выбирать там же в Joomla тип пункта меню HTML и там соответственно всё прописать? Или как?

 

Огромное спасибо!

 

И здрасьте. Можно вопрос не по Джумле?
Есть одностраничный сайт на HTML.Там есть форма для отправки сообщений.
Что нужно сделать чтобы с сайта сообщение отправлялось на почту?

 

Признаюсь, не силен.Читал, вникал, видел примеры...Не осилил. Пробовал вариант с добавлением парочки скриптов, но ничего не получилось.
Вернул пока все назад как было. На сайте есть форма.

Спойлер: форма сообщения

Код (PHP):

1. <div id="fields">
2.                                 <form id="ajax-contact-form" action="#">
3.                                     <input type="text" name="name" value="Your Name *" title="Your Name *" />
4.                                     <input type="text" name="email" value="Your Mail *" title="Your Mail *" />
5.                                     <input type="text" name="subject" value="Your Subject" title="Your Subject" />                          
6.                                     <textarea name="message" id="message" title="Your Message *">Your Message *</textarea>
7.                                     <input class="send_btn" type="submit" value="Send message!">
8.                                 </form>
9.                             </div>

И скрипт, который я так понимаю её обрабатывает.

Спойлер: скрипт

Код (javascript):

1. $("#ajax-contact-form").submit(function() {
2.         var str = $(this).serialize();      
3.         $.ajax({
4.             type: "POST",
5.             url: "contact_form/contact_process.php",
6.             data: str,
7.             success: function(msg) {
8.                 // Message Sent - Show the 'Thank You' message and hide the form
9.                 if(msg == 'OK') {
10.                     result = '<div class="notification_ok">Your message has been sent. Thank you!</div>';
11.                     $("#fields").hide();
12.                 } else {
13.                     result = msg;
14.                 }
15.                 $('#note').html(result);
16.             }
17.         });
18.         return false;
19.     });

Насколько я могу понимать, то нужен скрипт, который должен отправлять сообщение на почту.И к тому же с помощью какого-то почтового сервиса.
Сайт сейчас на локалке. Использую Опен Сервер. Кстати в настройках Опен Сервера - Способ отправки почты указал - отправлять через удалённый smtpсервер и прописал все настройки.

 

К сожалению такого скрипта нет. Это видимо заготовка просто.
И дальше не получается. Поэтому думаю по новому как-то сделать отправку сообщения формы.

--- добавлено: 01.10.2017, первое сообщение размещено: 01.10.2017 ---

Пробовал такой вариант. После нажатия отправить сообщение, выводится модальное окно с сообщением - Спасибо за Ваше сообщение.
Поля в форме обнуляются. Но на почту ничего не приходит.
Добавил в корень два скрипта, подключил их.
"admin_email" - прописал свою почту.

Спойлер: script.js

Код (javascript):

1. $(document).ready(function() {
2.  
3.     //E-mail Ajax Send
4.     $("form").submit(function() { //Change
5.         var th = $(this);
6.         $.ajax({
7.             type: "POST",
8.             url: "mail.php", //Change
9.             data: th.serialize()
10.         }).done(function() {
11.             alert("Спасибо за Ваше сообщение!");
12.             setTimeout(function() {
13.                 // Done Functions
14.                 th.trigger("reset");
15.             }, 1000);
16.         });
17.         return false;
18.     });
19.  
20. });

Спойлер: mail.php

Код (PHP):

1. <?php
2.  
3. $method = $_SERVER['REQUEST_METHOD'];
4.  
5. //Script Foreach
6. $c = true;
7. if ( $method === 'POST' ) {
8.  
9.     $project_name = trim($_POST["project_name"]);
10.     $admin_email  = trim($_POST["admin_email"]);
11.     $form_subject = trim($_POST["form_subject"]);
12.  
13.     foreach ( $_POST as $key => $value ) {
14.         if ( $value != "" && $key != "project_name" && $key != "admin_email" && $key != "form_subject" ) {
15.             $message .= "
16.            " . ( ($c = !$c) ? '<tr>':'<tr style="background-color: #f8f8f8;">' ) . "
17.                <td style='padding: 10px; border: #e9e9e9 1px solid;'><b>$key</b></td>
18.                <td style='padding: 10px; border: #e9e9e9 1px solid;'>$value</td>
19.            </tr>
20.            ";
21.         }
22.     }
23. } else if ( $method === 'GET' ) {
24.  
25.     $project_name = trim($_GET["project_name"]);
26.     $admin_email  = trim($_GET["admin_email"]);
27.     $form_subject = trim($_GET["form_subject"]);
28.  
29.     foreach ( $_GET as $key => $value ) {
30.         if ( $value != "" && $key != "project_name" && $key != "admin_email" && $key != "form_subject" ) {
31.             $message .= "
32.            " . ( ($c = !$c) ? '<tr>':'<tr style="background-color: #f8f8f8;">' ) . "
33.                <td style='padding: 10px; border: #e9e9e9 1px solid;'><b>$key</b></td>
34.                <td style='padding: 10px; border: #e9e9e9 1px solid;'>$value</td>
35.            </tr>
36.            ";
37.         }
38.     }
39. }
40.  
41. $message = "<table style='width: 100%;'>$message</table>";
42.  
43. function adopt($text) {
44.     return '=?UTF-8?B?'.Base64_encode($text).'?=';
45. }
46.  
47. $headers = "MIME-Version: 1.0" . PHP_EOL .
48. "Content-Type: text/html; charset=utf-8" . PHP_EOL .
49. 'From: '.adopt($project_name).' <'.$admin_email.'>' . PHP_EOL .
50. 'Reply-To: '.$admin_email.'' . PHP_EOL;
51.  
52. mail($admin_email, adopt($form_subject), $message, $headers );

 

Не ругайте строго. Нашел в нете. Типа советы как настроить отправку сообщений с сайта.

Да, модальное окно с алерт.
Очищаются данные, которые ввожу при заполнении формы. Очищаются при закрытии модального алерт