Блок/Меню

Блок/Меню

Блок/Меню — це блок, у який ви зможете вставляти будь-які HTML-коди. Також ви зможете використовувати меню із заздалегідь заданими функціями, наприклад, кошик, пошуковий фільтр, хіти продажів, останні статті та інші.

Блок/Меню можна використовувати для створення власного стилю/дизайну сайту. Наприклад, ви можете створити Шапку сайту, розмістити в ній необхідні елементи (Логотип, Контакти, Посилання навігації по сайту, Пошукову форму тощо) і написати для них CSS-стилі в редакторі дизайну. За допомогою блоків/меню ви можете розміщувати скрипти, у тому числі й у мета-тегах, а також вмикати/вимикати відображення цих даних на певних сторінках або пристроях. У більшості випадків вам достатньо використовувати Header/Шапку та Footer/Низ сайту, а також, наприклад, лівий або правий Блок/Меню для розміщення пошукового фільтра. Скрипти сайту ви можете розмістити в одному Блоці/Меню та розташувати його, наприклад, у Службових тегах.

Блок меню можна розташувати в 7 основних частинах сайту:

HEADER
LEFT
TOP
 


BOTTOM
RIGHT
FOOTER
  • «Шапка сайту (Header)» — блок шапки сайту, відображається над основним блоком з контентом, усередині елемента «#hotengine-header».
  • «Низ сайту (Footer)» — блок низу сайту, відображається під основним блоком з контентом, усередині елемента «#hotengine-footer».
  • «Справа» — блок відображається справа, біля основного блоку з контентом, і не виходить за межі контенту. Блок оточений елементом «.hotengine-wrap-container-side-right».
  • «Зліва» — блок відображається зліва, біля основного блоку з контентом, і не виходить за межі контенту. Блок оточений елементом «.hotengine-wrap-container-side-left».
  • «Вгорі» — блок відображається вгорі контенту і не виходить за його область.
  • «Внизу» — блок відображається внизу контенту і не виходить за його область.
  • «Службові теги перед тегом Body (Header Meta)» — блок розташовується під службовими Meta-тегами та може використовуватися для вставки JavaScript, Meta-tags та інших службових даних.

До кожного створюваного Блоку/Меню додається class із зазначенням його положення та ID. Наприклад, «menu_position_left_12345».

Shortcode (автозаміна).


У тексті меню ви можете використовувати додаткові Короткі коди для автоматичної заміни даних, а також Віджети.
Список значень для автоматичної заміни



Функціональний блок/меню


Окрім створення довільного коду в Блоці/Меню, ви можете використовувати «Функціональне меню», яке може містити заздалегідь задані функції. Наприклад, Список останніх статей, перелік доданих у Кошик товарів, Пошукове меню або інші. Варіанти Функціональних меню ви можете дізнатися, натиснувши «Створити функціональне меню».


Приклад створення випадаючого списку категорій у головному меню


За замовчуванням «Головне меню» додається при створенні сайту. Якщо Блок/Меню — головне меню — відсутнє, то перейдіть у розділ "Мої Блоки/Меню". Натисніть «Додати блок/меню» та натисніть «Функціональне меню». У вікні, що з'явилося, оберіть «Головне меню». Якщо головне меню вже існує, то в розділі «Мої Блоки/Меню» оберіть у списку блок меню, позначений як «Головне меню», та натисніть «Редагувати».

Блок/Меню

Натиснувши «Додати пункт — категорію каталогу», ви можете обрати ту категорію магазину, дочірні категорії якої будуть відображені в головному меню.
Доступно кілька способів відображення пунктів категорій.

Приклад способу відображення категорій магазину в головному меню.



Стандартний випадаючий список категорій

Блок/Меню


Випадаючий список категорій і підкатегорій, розділений на колонки

Блок/Меню


Спливаюче вікно зі списком категорій і підкатегорій

Блок/Меню


Змінити спосіб відображення випадаючого списку з категоріями ви можете в «Редакторі дизайну» у вкладці «Головне меню» в пункті «Випадаючий список категорій».


Приклад додавання пункту категорії магазину в головне меню

Перейдіть у розділ «Мої блоки/Меню», створіть або відредагуйте «Головне меню» та вкажіть в одному з пунктів **відносний шлях** до потрібної категорії. Наприклад, якщо дочірні категорії знаходяться в рубриці «Магазин», використовуйте шлях цієї рубрики. Приклад відносного шляху: «/ua/pers_shop/store_ua/».



Характеристики товарів, пошуковий фільтр та порівнянняПідключення платіжної системи iPay.ua на BooStoreОплата онлайн