Новости

документація

  1. Примітка
  2. Додавання блоків
  3. site.phones
  4. важливо
  5. site.about
  6. site.uslugi
  7. site.footer_phones
  8. приклад використання
  9. home.vk.html
  10. приклад використання
  11. home.fb.html
  12. приклад використання
  13. home.photos.html
  14. приклад використання
  15. home.maintext.html
  16. приклад використання
  17. home.blog.html
  18. приклад використання
  19. home.productset.html
  20. приклад використання
  21. home.services.html
  22. приклад використання
  23. home.productslider.html
  24. приклад використання
  25. home.bannerslider.html
  26. приклад використання
  27. home.parallax.html
  28. приклад використання
  29. приклад використання
  30. приклад використання
  31. приклад використання
  32. приклад використання
  33. 1.1. структура сайту
  34. 1.2. Авторизація / реєстрація
  35. 1.3. Головне меню
  36. 1.4. Каталог
  37. 1.5. Загальні настройки теми
  38. Для роботи установки необхідно
  39. Для роботи установки необхідно
  40. Для роботи установки необхідно
  41. Для роботи установки необхідно
  42. 1.6. Завантаження файлів
  43. 2.1. Налаштування категорій
  44. Куди вказувати параметри?
  45. У додаткових параметрах
  46. Розглянемо приклад каталогу
  47. Розставимо додаткові параметри:
  48. типи слайдеров
  49. 2.2.0. Зміна фону слайдера паралакса
  50. доступні зображення
  51. 2.3. Слайдери списків товарів
  52. Як створити список товарів
  53. Як додати товари в список
  54. 2.4. Текст на головній сторінці
  55. 2.5. сторінка категорії
  56. 3.1. створення альбому
  57. 3.2. Завантаження фотографій
  58. 4.1. створення блогів
  59. Навіщо створювати блоги?
  60. 4.2. створення посади
  61. Зображення новинної стрічки
  62. Примітка до зображення
  63. Дивимося що вийшло
  64. 5.1. Загальні налаштування
  65. 5.2. віджети спільнот
  66. Як дізнатися ідентифікатор спільноти?
  67. 6.1. Швидкий перегляд
  68. 6.2. Приховування опису категорії
  69. 6.3. святкове оформлення

Блоки використовуються для зберігання інформації, яку можна вивести в певному місці шаблону. При оновленні шаблону вам не доведеться відновлювати ключову інформацію повторно.

У шаблоні «Дизайн зі смаком 2.0» визначено такі блоки:

  • site.phones - блок телефонів в шапці сайту
  • site.footer_phones - блок контактної інформації в підвалі сайту
  • site.copyright - блок копірайту
  • site.uslugi - блок виведення Оплата, Доставка, Як замовити під банером головною
  • site.about - блок текст Про компанію на головній

Примітка

Блоки можна використовувати для виведення лічильників, метрики

Додавання блоків

Для додавання блоку необхідно виконати наступні дії (див. Малюнок):

  1. Перейти в додаток «Сайт»
  2. Розділ «Блоки»
  3. Тиснемо на Новий блок
  4. Вводимо ID блоку
  5. Вводимо текст блоку
Блоки використовуються для зберігання інформації, яку можна вивести в певному місці шаблону

створення блоку

site.phones

site.phones виводить телефони в шапці сайту. Приклад зразкового коду блоку site.phones наведено нижче

<Li> {if $ wa-> shop} {$ wa-> shop-> settings ( 'phone')} {/ if} </ li> <li> <a href="tel:+88000004040"> 8 ( 800) 000-40-40 </a> </ li> <li> <a href="skype:username?add"> Додати в скайп </a> </ li> <li> <a href = "skype : username? call "> Зателефонувати по скайпу </a> </ li>

важливо

В атрибуті href використовувати одинарні лапки, інакше можу бути проблеми з виведенням в мобільній версії.

site.about

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

<Div class = "headline"> <h1 class = "theme-border-color"> Ласкаво просимо в «{$ wa-> shop-> settings ( 'name')}» </ h1> </ div> <p > "Мій магазин" - це професійний і красивий шаблон, розроблений на основі Twitter Bootstrap, професійною командою розробників. Чому ви повинні вибрати нас: <ul class = "list-unstyled"> <li> <i class = "fa fa-check"> </ i> Адаптапція для смартфонів і планшетів (технологія Bootstrap 3). </ Li> < li> <i class = "fa fa-check"> </ i> Безкоштовна оперативна підтримка і допомога в налаштуванні магазину. </ Li> <li> <i class = "fa fa-check"> </ i> Регулярні безкоштовні оновлення розширюють функціонал. </ Li> <li> <i class = "fa fa-check"> </ i> 50 текстур для заднього фону і 14 колірних оформлень + свій колір. </ li> <li> <i class = "fa fa-check"> </ i> Коректне відображення у всіх популярних браузерах. </ li> <li> < i class = "fa fa-check"> </ i> Тема разработа під додатки WebAsyst (магазин, сайт, фото, блог). </ li> </ ul> </ p> <blockquote> <p> Ми більше 7 років спеціалізуємося на створенні, обслуговуванні інтернет-магазинів. Якісний і зручний дизайн підходить для будь-якої сфери діяльності. З нашого боку ми гарантуємо якісну підтримку, регулярні оновлення з метою поліпшення візуальних і функціональних вимог. </ P> <small> © «Дизайн зі смаком» </ small> </ blockquote>

site.uslugi

site.uslugi виводить блоки Доставка, Оплата, Як замовити на головній сторінці магазину. Приклад стандартного коду блоку site.uslugi наведено нижче

<Div class = "col-md-4"> <div class = "service"> <a href="http://v2.designsovkusom.ru/site/dostavka/"> <i class = "fa fa-paper -plane service-icon theme-color "> </ i> <div class =" desc "> <h4> Моя Доставка </ h4> <p> Доставка здійснюється по всій Росії і країнам ближнього зарубіжжя. Тільки у нас при замовленні від 5 000 рублів, доставка замовлення доставляється беслплатно! </ P> </ div> </a> </ div> </ div> <div class = "col-md-4"> <div class = "service"> <a href="http://v2.designsovkusom.ru/site/sposoby-oplaty/"> <i class = "fa fa-credit-card service-icon theme-color"> </ i > <div class = "desc"> <h4> Моя Оплата </ h4> <p> Оплатити замовлення ви можете будь-яким зручним для вас способом: готівковий розрахунок, кредит на місці, платіжною карткою, yandex гроші, paypal, безготівковий розрахунок і ін ... </ p> </ div> </a> </ div> </ div> <div class = "col-md-4"> <div class = "service"> <a href = "http: //v2.designsovkusom.ru/site/kak-zakazat / "> <i class =" fa fa-question-circle service-icon theme-color "> </ i> <div class =" desc "> <h4> як замовити </ h4> <p> Зробити замовлення в нашому магазині дуже просто, за Повна форма замовлення на сайті або скористатися формою замовлення в один клік. Або зателефонувавши за телефоном 8-800-999-99-40. </ P> </ div> </a> </ div> </ div>

site.footer_phones

site.footer_phones виводить контактну інформацію в підвалі магазину. Приклад стандартного коду блоку site.footer_phones наведено нижче.

<Li> г. Москва, вул. Вигадана д.8, корп. 42, офіс. 405 </ li> <li> Телефони: +7 (888) 555-12-34; +1 (111) 555-55-55; </ li> <li> Факс: +7 (111) 555-12-34 </ li> <li> Email: <a href = "mailto: {$ wa- > shop-> settings ( 'email')} "> {$ wa-> shop-> settings ( 'email')} </a> </ li>

site.copyright виводить текст копірайту в підвалі магазину. Приклад стандартного коду блоку site.copyright наведено нижче.

Copyright © {if $ wa-> shop} {$ wa-> shop-> settings ( 'name')} {/ if}, {time () | wa_datetime: "Y"}.

У темі дизайну «Дизайн зі смаком 2.0» додані різні допоміжні шаблони для скорочення обсягу коду і спрощення їх конфігурації, шляхом зміни різних параметрів.

footer.list.html - висновок списків посилань в підвалі.

Таблиця «Доступні параметри шаблону footer.list.html»

Параметр Призначення array Масив, що містить елементи з полями url і name. mytitle Тема списку. За замовчуванням порожньо. hide Параметр елементу для приховування його зі списку. class Клас (и) списку (ul). За замовчуванням порожньо. md Ширина списку на середньому екрані. Приймає значення від 1 до 12. За замовчуванням 4 (третину простору). sm Ширина списку на маленькому екрані. Приймає значення від 1 до 12. За замовчуванням 6 (половина простору). xs Ширина списку на телефоні (портретне положення). Приймає значення від 1 до 12. За замовчуванням 6 (половина простору).

приклад використання

Показати сторінки додатка Сайт і приховати сторінки з доп. параметром nofooter. Список буде займати третину простору на середніх екранах (значення за замовчуванням 4), а на маленьких половину (значення за замовчуванням 6), так як параметри не задані.

{Include file = "footer.list.html" array = $ wa-> site-> pages () mytitle = "Сторінки додатки сайт" hide = "nofooter" class = "simple-list"}

home.vk.html

home.vk.html - висновок спільноти ВК на головній.

Таблиця «Доступні параметри шаблону home.vk.html»

Параметр Призначення md Ширина блоку на середньому екрані. Число від 1 до 12. Значення за замовчуванням 6 (половина простору). mytitle Тема блоку. Значення за замовчуванням "Вконтакте".

приклад використання

Вивести співтовариство ВК з заголовком "Спільнота вк", що займає всю ширину.

{Include file = "home.vk.html" mytitle = "Спільнота вк" md = 12}

home.fb.html

home.fb.html - висновок сторінки facebook на головній.

Таблиця «Доступні параметри шаблону home.fb.html»

Параметр Призначення md Ширина блоку на середньому екрані. Число від 1 до 12. Значення за замовчуванням 6 (половина простору). mytitle Тема блоку. Значення за замовчуванням "Facebook".

приклад використання

Вивести сторінку Facebook з заголовком "Ми в facebook", що займає всю ширину.

{Include file = "home.fb.html" mytitle = "Ми в facebook" md = 12}

home.photos.html

home.photos.html - висновок останніх фотографій на головній.

Таблиця «Доступні параметри шаблону home.photos.html»

Параметр Призначення mytitle Тема блоку. Значення за замовчуванням "Останні фотографії" timer Інтервал між перегортанням в мілісекундах (5000 = 5 сек). Значення за замовчуванням "false" або відключений. pause Пауза при наведенні курсору на слайдер (1 - включена, 0 - вимкнено). Значення за замовчуванням 0.

приклад використання

Вивести останні фотографії з автоматичним перегортанням через кожні 7 секунд. При наведенні курсора, перегортання призупиняється.

{Include file = "home.photos.html" mytitle = "Фотозвіт" timer = 7000 pause = 1}

home.maintext.html

home.maintext.html - шаблон, який відповідає за виведення тексту на головній. Винесено окремо для спрощення переміщення елементів головної сторінки.

приклад використання

{Include file = "home.maintext.html"}

home.blog.html

home.blog.html - шаблон виводу останніх постів.

Таблиця «Доступні параметри шаблону home.blog.html»

Параметр Призначення mytitle Тема блоку. Значення за замовчуванням "Останні новини" blog_id Ідентифікатор блога, звідки будуть виводитися записи. Значення за замовчуванням null (виводити новини з усіх блогів). blog_count Кількість записів. Значення за замовчуванням 4.

приклад використання

Вивести 8 записів з блогу з id = 2 з заголовком "Статті з програмування".

{Include file = "home.blog.html" mytitle = "Статті з програмування" blog_id = 2 blog_count = 8}

home.productset.html

home.productset.html - шаблон виводу списків товарів.

Таблиця «Доступні параметри шаблону home.productset.html»

Параметр Призначення set Ідентифікатор списку (promo, bestsellers, ...). Значення за замовчуванням "promo". mytitle Тема списку. Значення за замовчуванням "Промо". auto Автоматичне перегортання (значення 1 = включено). Значення за замовчуванням "false" (вимкнено). pause Інтервал між перегортанням. Значення за замовчуванням 4000 (4 сек). Для роботи необхідно вказати параметр auto = 1. move Кількість товарів, на які буде перегорнути слайдер. Значення за замовчуванням 1. У мобільній версії завжди значення 1. limit Кількість товарів в списку. Значення за замовчуванням null (без обмеження).

приклад використання

Вивести 20 товарів зі списку promo (значення за замовчуванням), автопрокручіваніе 5 товарів з інтервалом 5 секунд, заголовок "Товари зі знижкою".

{Include file = "home.productset.html" mytitle = "Товари зі знижкою" auto = 1 pause = 5000 move = 5 limit = 20}

home.services.html

home.services.html - шаблон виводу послуг. Винесено окремо для спрощення переміщення елементів головної сторінки.

приклад використання

{Include file = "home.services.html"}

home.productslider.html

home.productslider.html - слайдер продуктів.

Таблиця «Доступні параметри шаблону home.productslider.html»

Параметр Призначення set Ідентифікатор списку (promo, bestsellers, ...). Значення за замовчуванням "promo". limit Кількість товарів в списку. Значення за замовчуванням null (без обмеження).

приклад використання

Вивести 5 товарів з списку кращу пропозицію (id списку bestsellers).

{Include file = "home.productslider.html" set = "bestsellers" limit = 5}

home.bannerslider.html

home.bannerslider.html - слайдер банерів.

Таблиця «Доступні параметри шаблону home.bannerslider.html»

Параметр Призначення album Ідентифікатор альбому. Значення за замовчуванням береться з налаштування теми дизайну.

приклад використання

Вивести банери з альбому з ідентіфікітором 3.

{Include file = "home.bannerslider.html" album = 3}

home.parallax.html

home.parallax.html - слайдер товарів паралакс.

Таблиця «Доступні параметри шаблону home.parallax.html»

Параметр Призначення set Ідентифікатор списку (promo, bestsellers, ...). Значення за замовчуванням "promo". set_limit Кількість товарів в списку. Значення за замовчуванням null (без обмеження).

приклад використання

Сформувати слайдер паралакс зі списку товарів з ідентифікатором customlist.

{Include file = "home.parallax.html" set = "customlist"}

sidebar.photos.html - шаблон виводу останніх фотографій в бічній панелі.

Таблиця «Доступні параметри шаблону sidebar.photos.html»

Параметр Призначення mytitle Тема блок. Значення за замовчуванням Останні фотографії (Latest Photos). condition Умови вибору фотографій. Значення за замовчуванням null (без умови). приклад:
"Tag / vacations" - всі фотографії з тегом vacations;
"Album / 12" - всі фотографії з альбому з id = 12;
"Id / 1,5,7" - фотографії з id = 1,5,7. limit Максимальна кількість фотографій у вибірці. Значення за замовчуванням 16.

приклад використання

Альбом "Природа" (id = 5). Вивести 20 останніх фотографій з альбому "Природа" з заголовком "Фотозвіт".

{Include file = "sidebar.photos.html" condition = "album / 20" mytitle = "Фотозвіт" limit = 20}

sidebar.tags.html - шаблон виводу тегів в бічній панелі.

Таблиця «Доступні параметри шаблону sidebar.tags.html»

Параметр Призначення mytitle Тема блок. Значення за замовчуванням Теги (Tags). limit Максимальна кількість тегів у вибірці. Значення за замовчуванням 10.

приклад використання

Вивести 20 найпопулярніших тегів з заголовком "Популярні теги".

{Include file = "sidebar.tags.html" limit = 20 mytitle = "Популярні теги"}

sidebar.pages.html - шаблон виводу інформаційних сторінок в бічній панелі.

Таблиця «Доступні параметри шаблону sidebar.pages.html»

Параметр Призначення array Масив, що містить елементи з полями url і name. mytitle Тема списку. Значення за замовчуванням Інформація (Information). hide Параметр елементу для приховування його зі списку.

приклад використання

Показати сторінки додатка Магазин з заголовком "FAQ". Сторінки з параметром nomenu повинні бути приховані (nomenu = 1).

{Include file = "sidebar.pages.html" array = $ wa-> shop-> pages () mytitle = "FAQ" hide = "nomenu"}

sidebar.blog.html - шаблон виводу постів в бічній панелі.

Таблиця «Доступні параметри шаблону sidebar.blog.html»

Параметр Призначення blog_id Ідентифікатор блога. Значення за замовчуванням null (всі блоги). limit Максимальна кількість постів. Значення за замовчуванням 4. mytitle Тема блоку. Значення за замовчуванням Останні новини (Latest posts).

приклад використання

Вивести 5 останніх новин з блогу Статті (id = 5) з заголовком статті.

{Include file = "sidebar.blog.html" blog_id = 5 limit = 5 mytitle = "Статті"}

1.1. структура сайту

Структура сайту можна змінити в Додаток «Сайт» Структура. Приблизну структуру сайту можна подивитися на Рис. 1. Структура сайту можна змінити в Додаток «Сайт» Структура Мал. 1 - Структура сайту

  • Всі правила повинні закінчувати на символ *.
  • Правило, яке містить тільки символ *, має бути останнім у списку.

1.2. Авторизація / реєстрація

Для включення авторизації виконайте наступну послідовність дій (див. Рис. 2)

  1. Перейти в додаток «Сайт»
  2. Особистий кабінет
  3. налаштування авторизації
  4. увімкнути
  5. Натиснути кнопку налаштувати
  6. Вибрати додаток «Сайт» і натиснути Зберегти

Мал Мал. 2 - Авторизація

1.3. Головне меню

Головне меню формується з інформаційних сторінок додатку «Сайт». Для додавання пунктів меню виконайте послідовність дій (див. Рис. 3)

  1. Перейти в додаток «Сайт»
  2. сторінки
  3. Тиснемо на поруч з необхідним поселенням, заповнюємо форму і тиснемо Зберегти

Мал Мал. 3 - Головне меню

Для редагування меню додатків виконайте послідовність дій (див. Рис. 4).

  1. Перейдіть в додаток «Сайт»
  2. налаштування
  3. налаштувати
  4. Тиснемо на поруч з необхідним додатком, редагуємо і натискаємо Зберегти

Мал Мал. 4 - Меню програм

1.4. Каталог

Каталог формується з категорій додатки «Магазин». Щоб додати категорію, виконайте наступні дії (див. Рис. 5).

  1. Перейдіть в додаток «Магазин»
  2. Вкладка «Товари»
  3. Тиснемо на, заповнюємо форму і натискаємо Зберегти

Мал Мал. 5 - Додавання категорії

1.5. Загальні настройки теми

Так як тема дизайну додатки «Сайт» є батьківської, то для зміни загальних (для всіх додатків) налаштувань теми дизайну необхідно виконати наступні дії (див. Рис. 6).

  1. Перейдіть в додаток «Сайт»
  2. Дизайн
  3. Зовнішній вигляд

Мал Мал. 6 - Установки програми Сайт

Таблиця 1. Загальні настройки додатків Webasyst

Налаштування Призначення Приклад Колірна гамма Визначає колірну гамму основних елементів (елементи управління, іконки, вкладки ...) в шаблоні Свій колір Налагодження визначає власний колір. Для вибору кольору натисніть на «?» Правіше поля
Приклади квітів: посилання посилання # 0000FF Свій колір при наведенні Налагодження визначає власний колір при наведенні на елементи колірної гами. Для вибору кольору натисніть на «?» Правіше поля
Приклади квітів: посилання посилання # 000066 Текстура заднього фону Налагодження визначає текстуру заднього фону.

Для роботи установки необхідно

в налаштуванні «Макет» вибрати значення Обмежено

Фонове зображення Налаштування визначає фонове зображення.

Для роботи установки необхідно

в налаштуванні «Макет» вибрати значення Обмежено

Своє фонове зображення Налаштування дозволяє завантажувати своє фонове зображення.

Для роботи установки необхідно

в налаштуванні «Макет» вибрати значення Обмежено

Своє фонове зображення Налаштування дозволяє завантажувати своє фонове зображення.

Для роботи установки необхідно

в налаштуванні «Макет» вибрати значення Обмежено

Колір фону зображення Налаштування визначає колір фону для призначеного для користувача зображення
Приклади квітів: посилання посилання #FFFFFF Макет Налаштування розтягує сайт на всю ширину або обмежує з боків Логотип компанії Налаштування дозволяє завантажувати логотип. Досить натиснути «Вибрати файл» і завантажити логотип і він відобразитися у всіх додатках.

  • Фон логотипу повинен бути прозорим або білим.
  • Максимальна ширина 260 пікселів. При завантаженні лого з великим розміром, логотип скоротиться, зберігаючи пропорції.

Слоган компанії Виводить слоган Сучасний інтернет-магазин Адреса сторінки
«Фейсбук»,
«ВКонтакте»,
«Google Plus»,
«Твіттер» Посилання на соціальні мережі в підвалі сайту

Якщо очистити поля соц. мереж, то відповідна іконка зникне

https: //www.facebook.com / ...
http: //vk.com / ... https: //twitter.com / ... ttps: //plus.google.com / ...

1.6. Завантаження файлів

Для завантаження файлів виконайте наступні дії (див. Малюнок).

  1. Перейдіть в додаток «Сайт»
  2. Файл-менеджер
  3. Натисніть на, створіть папку
  4. Перейдіть в створену папку
  5. Натисніть на завантажити файли

Перейдіть в додаток «Сайт»   Файл-менеджер   Натисніть на, створіть папку   Перейдіть в створену папку   Натисніть на завантажити файли

2.1. Налаштування категорій

Спочатку підкатегорії виводяться у вигляді меню, що випадає. Для того щоб сформувати висновок підкатегорій в декілька стовпців, необхідно вказати додаткові параметри.

Куди вказувати параметри?

Необхідно зайти в налаштування категорії, див. Рис. 7.

Мал Мал. 7 - Розширені можливості пошуку категорії

Таблиця 2. Можливі додаткові параметри категорії.

Назва параметра Опис і можливі значення Приклад col

Для категорії 1 рівня вказує ширину меню, що випадає підкатегорій

Для категорії 2 рівня вказує ширину даної категорії

Можливі значення: 2, 3, ширина 2 і 3 колонки відповідно

col = 2 split

Для категорії 2 рівня виводить підкатегорії в декількох колонках

Можливі значення: 2, 3, розбиває підкатегорії на 2 і 3 колонки відповідно

split = 2 icon

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

icon = wa-data / public / site / cat_icons / 1.png image

Параметр необхідний для вказівки зображення категорії, виводиться у підкатегорій на сторінці категорії

image = / wa-data / public / site / cat_icons / 1.png fa

Іконка шрифту font-awesome. класи іконок посилання

Параметр працює для категорій 3 рівня в каталозі з параметром col або в бічній панелі.

fa = fa-mobile

Виведе перед назвою категорії.

collapse

Параметр для категорій 1 і 2 рівня в бічній панелі, без параметра col.

Категорія з цим параметром завжди буде розкрита.

collapse = 1

У додаткових параметрах

кожен параметр прописується з нового рядка

Розглянемо приклад каталогу

В даному прикладі спочатку виводяться підкатегорії "Планшети" в 3 колонки, потім на другій сходинці виводяться підкатегорії "ПРИСТРОЇ ВВЕДЕННЯ", "МУЛЬТИМЕДІА", "ОРГ. ТЕХНІКА", кожна з яких займає по 1 колонці

Таблиця 3. Приклад оформлення каталогу.

Комп'ютери, ноутбуки та планшети (0 рівень) ПЛАНШЕТИ (1 рівень)
Apple iPad
Samsung
EXPLAY
ACER
ASUS
LENOVO
PRESTIGIO
SUPRA
SONY ПРИСТРОЇ ВВЕДЕННЯ (1 рівень)
миші
клавіатури
Комплекти клавіатура + миша
Ігрові маніпулятори
Килимки для миші МУЛЬТИМЕДІА (1 рівень)
Комп'ютерні колонки
Веб-камери
графічні планшети
Навушники
Мікрофони ОРГ. ТЕХНІКА (1 рівень)
Принтери
МФУ
факси
папір
Сканери
Монітори
колонки

Розставимо додаткові параметри:

  • Комп'ютери, ноутбуки та планшети 0 рівень
  • col = 3
  • ПЛАНШЕТИ 1 рівень
  • col = 3
  • split = 3

2.2. Налаштування слайдера

Для того щоб налаштувати слайдер, необхідно виконати наступні дії (див. Рис. 8).

  1. Перейти в додаток «Магазин»
  2. Вкладка «Вітрина»
  3. Дизайн
  4. Зовнішній вигляд, знайти розділ налаштувань Слайдер

Мал Мал. 8 - Налаштування слайдера

типи слайдеров

Таблиця 4. Типи слайдеров.

Назва слайдера Опис Вимоги Слайдер товарів з ефектом паралакса Даний вид слайдера прокручує товари зі списку з ідентифікатором «promo». У кожного слайда однаковий фон, який змінює своє положення в залежності від номера слайда.

  • Вказівка ​​додаткових параметрів
  • Товари повинні знаходитися в списку «promo»

Слайдер товарів Даний вид слайдера прокручує товари зі списку з ідентифікатором «promo». У кожного слайда можна встановити свій фон.

  • Вказівка ​​додаткових параметрів
  • Товари повинні знаходитися в списку «promo»

Слайдер банерів Даний вид слайдера прокручує зображення (банери) з альбому в додатку «Фото». Ідентифікатор альбому вкажіть у відповідній настройці.

  • Встановлене додаток «Фото»
  • Вказати ідентифікатор альбому в налаштуванні
  • Встановити налаштування в додатку «Фото» «Дозволити створення ескізів довільних розмірів на вимогу» і «Максимальний розмір ескізу» це 1920 (макет на всю ширину) або 1170 (макет обмежений)
  • Посилання необхідно вказувати в описі товару

Таблиця 5. Налаштування слайдера.

Назва настройки Опис Примітки Автоматична прокрутка слайдера Включає / відключає автоматичне прокручування слайдів Тільки для «слайдер товарів» і «слайдер банерів» Час показу слайда (в мілісекундах) Змінює тривалість показу слайда 1000 мілісекунд = 1 секунда Ідентифікатор альбому додатки «Фото» для слайдера банерів Ідентифікатор альбому вказано в адресної рядку браузера

Таблиця 6. Додаткові параметри для товарів зі списку «promo».

Назва параметра Опис Приклад header Заголовок слайда <i> Зроблено для </ i> <br> <i> музикантів </ i> text Текст слайда <i> Встановіть GoPro </ i> <br> <i> на гітару, барабани, </ i> <br> <i> програвачі </ i> slider Шлях до фонового зображення
Тільки для "слайдера товарів"
Як завантажити файл ПОСИЛАННЯ wa-data / public / site / slider / bg3.jpg

2.2.0. Зміна фону слайдера паралакса

Для зміни фону необхідно (див. Рис. 2.2.0):

  1. Перейдіть в додаток «Магазин»
  2. Вкладка «Вітрина»
  3. Пункт меню «Дизайн»
  4. Розділ «Шаблони»
  5. Знаходимо файл parallax-slider.css, вибираємо його
  6. Міняємо url фонового зображення (див. Рис. 2.2.0)

Мал Мал. 2.2.0 - Зміна фону слайдера

доступні зображення

  • 1city1.jpg
  • 2city2.jpg
  • 3city3.jpg
  • 4scifi.jpg
  • 5electronic1.jpg
  • 6electronic2.jpg
  • 7electronic3.jpg
  • 8electronic4.jpg
  • 9technology.jpg
  • 10glow.jpg
  • 11glow2.jpg
  • 12salute.jpg
  • 13wall.jpg
  • 14wall2.jpg
  • 'New_year / new year1.jpg'
  • 'New_year / new year2.jpg'

2.2.1. Налаштування слайдеров банера

Після того як ми створимо альбом в програму «Фотографії» і завантажимо фотографії, нам необхідно дізнатися ідентифікатор. Для цього слід виконати такі дії:

  1. Перейдіть в додаток «Фото»
  2. Вибираємо необхідний альбом
  3. Копіюємо ідентифікатор альбому з адресного рядка браузера

Мал Мал. 2.2.1 - Ідентифікатор альбому

Далі необхідно вказати цей ідентифікатор в налаштуваннях дизайну магазину (див. Рис. 2.2.2)

  1. Перейдіть в додаток «Магазин»
  2. вкладка вітрина
  3. Дизайн
  4. Зовнішній вигляд
  5. Скролл вниз до налаштувань слайдера
  6. Вибираємо тип слайдера - слайдер банерів
  7. вказуємо ідентифікатор

Мал Мал. 2.2.2 - Налаштування слайдера банерів

2.3. Слайдери списків товарів

Для відображення / приховання слайдеров товарів необхідно знайти в налаштуваннях "Відображати« Краща пропозиція »" і "Відображати« Лідери продажів »" ПОСИЛАННЯ

Як створити список товарів

Для створення списків виконайте наступні дії (див. Рис. 9)

  1. Перейдіть в додаток «Магазин»
  2. Вкладка «Товари»
  3. Натискаємо на поруч із заголовком «Списки», заповнюємо форму і тиснемо Зберегти

Для «Краща пропозиція» необхідно створити список з ID списку bestsellers

Для «Лідери продажів» необхідно створити список з ID списку leader

Мал Мал. 9 - Створення списків товарів

Як додати товари в список

Для додавання товарів в список виконайте наступні дії (див. Рис. 10)

  1. Перейдіть в додаток «Магазин»
  2. Вкладка «Товари»
  3. Виберіть необхідні товари (проставте галочки)
  4. Справа виберіть дію «Додати в список»

Мал Мал. 10 - Додавання товарів в список

2.4. Текст на головній сторінці

Текст головної сторінки редагується в шаблоні home.html (див. Рис. 11)

Мал Мал. 11 - Редагування тексту на головній сторінці

2.5. сторінка категорії

відображення сортування

Для відображення сортування необхідно виконати наступні дії (див. Рис. 2.5):

  1. Перейдіть в додаток «Магазин»
  2. Вкладка «Товари»
  3. Вибираємо необхідну категорію
  4. Тиснемо Налаштування категорії
  5. Ставимо галочку навпроти відвідувачі сайту можу вибирати порядок

Мал Мал. 2.5. - Сортування товарів в категорії

3.1. створення альбому

Для створення альбому необхідно виконати наступні дії (див. Рис. 3.1):

  1. Перейти в додаток «Фото»
  2. Натискаємо на поруч із заголовком "АЛЬБОМИ"
  3. Вводимо назву альбому
  4. Натискаємо Створити альбом

Мал Мал. 3.1 - Створення альбому

3.2. Завантаження фотографій

Для створення альбому необхідно виконати наступні дії (див. Рис. 3.2):

  1. Перейти в додаток «Фото»
  2. Вибираємо необхідний альбом
  3. Натискаємо на "Завантажити фотографії"
  4. Натискаємо Вибрати фотографії

Мал Мал. 3.2 - Завантаження фотографій

4.1. створення блогів

Для створення блогів виконайте наступні дії (див. Рис. 4.1)

  1. Перейдіть в додаток «Блог»
  2. Тиснемо на поруч із заголовком "Блоги"
  3. Вводимо назву блогу і заповнюємо необов'язкові параматри, якщо це необхідно
  4. натискаємо Зберегти

Мал Мал. 4.1 - Створення блогів

Навіщо створювати блоги?

Блоги необхідні для тематичного поділу новин. Наприклад, можна розділити новини і статті, а потім вивести їх окремо в певному місці магазину.

4.2. створення посади

Для створення запису в блозі виконайте наступні дії (див. Рис. 4.2)

  1. Перейдіть в додаток «Блог»
  2. Вибираємо необхідний блог
  3. Тиснемо на Новий запис
  4. Вводимо назву запису
  5. заповнюємо текст
  6. У необхідному місці, після якого буде виводитися кнопка "читати далі", вставляємо розрив

Мал Мал. 4.2 - Створення записи в блозі

Зображення новинної стрічки

Перш ніж вказувати зображення їх необхідно завантажити. Для завантаження зображення виконайте наступні дії:

Створіть папку для зображень (Рис. 4.3)

  1. Перейдіть в додаток «Сайт»
  2. Файл-менеджер
  3. Виділяємо батьківську папку
  4. натискаємо на
  5. Вводимо назву папки
  6. тиснемо Створити

Мал Мал. 4.3 - Створення папки для файлів

Завантажте зображення (Рис. 4.4)

  1. Перейдіть в додаток «Сайт»
  2. Файл-менеджер
  3. Виділяємо створену папку
  4. Переносимо заготовлену картинку в зазначену область
  5. Натискаємо на зображення
  6. виділяємо посилання
  7. копіюємо

Мал Мал. 4.4 - Завантаження зображень

Примітка до зображення

Бажано, щоб картинки preview були однаковими і формату 3х2. Інакше картинки блоку новин на головній Магазину будуть різної висоти.

Вкажіть зображення в пості (Рис. 4.2)

  1. Натискаємо редагувати мета дані
  2. Вводимо додатковий параметр preview = вставляємо посилання на зображення, відповідно до попереднього пункту. Значення параметра (preview) повинно починатися з wa-data. Приклад: preview = wa-data / public / site / Blog / 17.jpg
  3. тиснемо Зберегти

Дивимося що вийшло

  1. Preview зображення
  2. Місце, в якому вставили розрив
  3. Кнопка читати далі

Мал Мал. 4.5 - Результат

5.1. Загальні налаштування

Для зміни налаштувань відображення бічній панелі необхідно (див. Рис.5.1):

  1. Перейдіть в додаток «Сайт»
  2. Пункт меню «Дизайн»
  3. Вкладка «Зовнішній вигляд»
  4. Знаходимо настройку «Показати / приховати бічну панель». Нижче знаходяться настройки відображення окремих елементів бічній панелі
  5. тиснемо Зберегти

Мал Мал. 5.1 - Загальні настройки бічній панелі

5.2. віджети спільнот

Для настройки спільнот необхідно (див. Рис. 5.2.1):

  1. Перейдіть в додаток «Сайт»
  2. Пункт меню «Дизайн»
  3. Вкладка «Зовнішній вигляд»
  4. Знаходимо настройки Спільнота Вконтакте і Спільнота facebook та вказуємо необхідні дані.
  5. тиснемо Зберегти

Мал Мал. 5.2.1 - Налаштування віджетів спільнот

Як дізнатися ідентифікатор спільноти?

Необхідно пройти на сторінку віджету . Заповнити поле "Посилання на сторінку", потім в текстовому полі "Код для вставки" скопіювати id (див. Рис. 5.2.2)

Мал Мал. 5.2.2 - Ідентіфіктор спільноти вконтакте

6.1. Швидкий перегляд

"Швидкий перегляд" дозволяє прямо з каталогу подивитися ключову інформацію про товар і додати його в кошик.

Для включення даної опції необхідно (див. Рис. 6.1):

  1. Перейдіть в додаток «Магазин»
  2. Вкладка «Вітрина»
  3. Пункт меню «Дизайн»
  4. Вкладка «Зовнішній вигляд»
  5. Включити швидкий перегляд товарів
  6. тиснемо Зберегти

Мал Мал. 6.1 - Швидкий перегляд

6.2. Приховування опису категорії

Дана опція дозволяє приховувати довгий опис категорії з кнопкою "Детальніше". Для включення виконайте наступні дії:

  1. Перейдіть в додаток «Магазин»
  2. Вкладка «Вітрина»
  3. Пункт меню «Дизайн»
  4. Вкладка «Зовнішній вигляд»
  5. Приховувати довгий опис категорії
  6. тиснемо Зберегти

6.3. святкове оформлення

У розділі налаштувань свята будуть доступні святкові оформлення теми дизайну. На даний момент доступно новорічне оформлення.

  1. Перейдіть в додаток «Сайт»
  2. Пункт меню «Дизайн»
  3. Вкладка «Зовнішній вигляд»
  4. Використовувати новорічне оформлення
  5. тиснемо Зберегти

Мал Мал. 6.3 - Новорічне оформлення

Add"> Додати в скайп </a> </ li> <li> <a href = "skype : username?
Для вибору кольору натисніть на «?
Для вибору кольору натисніть на «?
Куди вказувати параметри?

Уважаемые партнеры, если Вас заинтересовала наша продукция, мы готовы с Вами сотрудничать. Вам необходимо заполнить эту форму и отправить нам. Наши менеджеры в оперативном режиме обработают Вашу заявку, свяжутся с Вами и ответят на все интересующее Вас вопросы.

Или позвоните нам по телефонам: (048) 823-25-64

Организация (обязательно) *

Адрес доставки

Объем

Как с вами связаться:

Имя

Телефон (обязательно) *

Мобильный телефон

Ваш E-Mail

Дополнительная информация: