0 0 0 EN
RU

Собственные кнопки меню на главной

"+ ""+ "\""+alt+"\""+ "" ); wnd.document.close(); wnd.focus(); }
Страницы: 1 2 3 След.
RSS
Собственные кнопки меню на главной, Пример как можно оформить главную страницу вашего приложения используя css и функции "Свой код", "Своя страница"
 
Для настройки и отображения главной страницы мы выбрали макет меню LAYOUT 1 и в опции макета ставим галочку (видна главная страница).

На примере мы используем функцию " Свой код", ставим её первой в нашем списке функций и вставляем наш код:
Код
<script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@4.7.4/dist/ionic/ionic.esm.js"></script>
<script nomodule src="https://cdn.jsdelivr.net/npm/@ionic/core@4.7.4/dist/ionic/ionic.js"></script>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@4.7.4/css/ionic.bundle.css"/>
<script nomodule src="https://cdn.jsdelivr.net/npm/ionicons@4.7.4/dist/ionicons/ionicons.js"></script>

<ion-content>
   <img class="headimg" src="data:image/jpg;base64,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">
   <div>
      <section>
         <ion-button fill="outline" color="dark" href="#5d98942e985d8/appointment/mobile_view/index/value_id/9836" target="_top" expand="block"><ion-icon slot="start" name="calendar"></ion-icon>Записаться</ion-button>
      </section>
      <section>
         <ion-button fill="outline" color="dark" href="tel:+79653969744" target="_top" expand="block"><ion-icon slot="start" name="call"></ion-icon>Позвонить</ion-button>
      </section>
   </div>
</ion-content>
<style>
  div {
    padding-top: 50%;
  }
  section {
    padding-left: 50px;
    padding-right: 50px;
    padding-bottom: 10px;
  }
  .headimg {
    width: 100%;
    padding: 5px;
  }
</style>

Как видно на экране девайса у нас появились две кнопки и баннер, первая "Записаться" - перенаправляет нас на внутреннюю функцию бронирования и вторая "Позвонить" позволяет пользователю сделать прямой вызов на номер телефона заведения.

Таким образом Вы сможете настроить отображение главной страницы с переходом на нужные вам функции, кнопки можно сделать и в виде картинок или иконок.
 
На этом примере мы используем функцию " Своя страница", ставим её первой в нашем списке функций и в этом примере мы будем использовать текстовый блок вставляя наш код:

Первым мы добавили наш баннер использую функцию обложка, затем, для каждой кнопки мы активируем текстовые блоки (что бы получить отступ между кнопками:
Код
<p style="text-align:center;"><a class="nailbutton1" data-offline="false" data-params="value_id:9836" data-state="appointment-view"><i class="icon ion-ios-calendar-outline" style="font-size:16px;"></i>   <span style="font-size:16px;"><strong>ЗАПИСАТЬСЯ</strong></span></a></p>
Используя функции "Своя страница", нам так же потребуется внести некоторые изменения в стилях.
Для этого, переходим во вкладку "СТИЛИ" и в самом низу ( вводим свой SCSS код):
Код
.nailbutton1 {
    position: fixed;
    left: 0;
    right: 0;
    width: 100%;
    line-height: 45px;
    top: 0;
    bottom: 5px;
    text-align: center !important;
}
.nailbutton2 {
    position: fixed;
    left: 0;
    right: 0;
    width: 100%;
    line-height: 45px;
    top: 0;
    bottom: 5px;
    text-align: center !important;
}
div[sb-cms-text] {
    padding-left: 50px !important;
    padding-right: 50px !important;
    height: 40px;
}
div[sb-cms-text]>div {
    border-radius: 8px !important;
}
 
Здравствуйте, это можно сделать только с LAYOUT 1 ?
Как насчёт макета меню POPUP MENU ?
Страницы: 1 2 3 След.