Файл: Курсовая работа Разработка интернет магазина дронов и экшенкамер.docx
Добавлен: 30.11.2023
Просмотров: 97
Скачиваний: 4
ВНИМАНИЕ! Если данный файл нарушает Ваши авторские права, то обязательно сообщите нам.
На главной странице появится плитка — картинки и название категорий, при клике на которую посетитель будет открывать страницу с категорией (смотрите рисунок 20).
Рисунок 20 – «Категории товаров»
Добавление товаров через Каталог товаров
Чтобы начать использовать Каталог, активируйте его в Настройках сайта → Еще → Подключаемые модули → Каталог товаров → Подключить (смотрите рисунок 21).
Рисунок 21 – «Подключение каталога»
Добавьте на страницу любой блок с карточками товаров, например, ST310N (смотрите рисунок 22).
Рисунок 22 – «Блок с карточками товаров»
П
ерейдите в Контент блока. В нем вы можете перейти в каталог товаров и выбрать часть каталога, которую нужно показывать в блоке (смотрите рисунок 23).
Рисунок 23 – «Вывод товаров из каталога»
Добавление и управление разделами
Каждый товар может принадлежать одному или нескольким разделам.
Назначить раздел можно в карточке отдельного товара. Чтобы управлять разделами, перейдите по ссылке «Разделы каталога» в верхнем меню (смотрите рисунок 24).
Рисунок 24 - «Создание разделов каталога»
Управляйте разделами, добавляя новые. Разделы нужны для более удобного управления товарами и для того, чтобы выводить только определенные разделы товаров в блоках с карточками магазина.
РАБОТА С КОРЗИНОЙ
Корзину можно использовать для продажи ассортимента товаров и для единственного товара или услуги
Добавление корзины на сайт
Добавьте на страницу блок «Корзина: ST100» из категории «Магазин» (смотрите рисунок 25).
Рисунок 25 – «Корзина»
Если страниц много и на каждой должна быть корзина, будет удобно один раз добавить корзину в Header или Footer. Она появится на всех страницах.
Настройка формы заказа
В
меню «Контент» и «Настройки» блока «Корзина: ST100» настройте форму заказа, которая будет отображаться при переходе в корзину (смотрите рисунок 26).
Рисунок 26 – «Настройка формы заказа»
Вы можете добавить поля, поменять подписи, отредактировать внешний вид формы, в которые будут отправляться заказы (смотрите рисунок 27). Для этого Вам необходимо нажать на кнопку «Контент» и открыть выпадающий список «Поля для ввода».
Рисунок 27 – «Редактирование полей ввода»
При нажатии на кнопку «Дополнительно» Вы можете настроить: изображение, заголовок окна корзины, текст кнопки оформления заказа, Текст над и под формой, Сообщение об успешной отправке данных, а также можете указать адрес страницы, по которому в случае успешной отправки данных будет перенаправлен пользователь. Смотрите рисунок 28.
Рисунок 28 – «кнопка Дополнительно»
Внешний вид корзины представлен на рисунке 29.
Рисунок 29 – «Внешний вид корзины»
ШАПКА И ПОДВАЛ САЙТА (HEADER и FOOTER)
Как добавить блок, который будет виден на всех страницах сайта.
Чтобы разместить блок сразу на всех страницах сайта (например, меню), нужно создать отдельную страницу, поместить на нее элементы, которые должны быть на всех страницах, перейти в Настройки сайта → Шапка и подвал и назначить созданную страницу как шапку или подвал (смотрите рисунок 30).
Рисунок 30 – «Шапка и Подвал страницы»
Header (хедер, хидер, шапка) – это блок в верхней части страницы сайта, который виден на всех страницах сайта.
Чтобы сделать хедер, создайте новую страницу и добавьте нужные элементы: меню или логотип. Перейдите Настройки сайта> Шапка и подвал и назначьте эту страницу как шапку (header).
Footer (футер, подвал) — блок в нижней части страницы. Содержит полезную, но не первостепенную информацию. Виден на всех страницах сайта. В футер можно вынести: копирайт, название студии, которая разрабатывала сайт, контакты. Футер создается аналогично хедеру.МЕНЮ
Ч
тобы добавить на сайт меню, нажмите на кнопку «Все блоки» (смотрите рисунок 31), после чего откроется библиотека блоков (смотрите рисунок 32). Далее выбираете подходящий блок с меню. Рисунок 31 – «Редактирование страницы»
Рисунок 32 – «выбор блока Меню»
Пункты в меню можно настроить двумя способами:
П
рописать название пунктов меню и ссылки вручную
(смотрите рисунок 33)
Рисунок 33 – «Название и ссылки для пунктов»
Укажите абсолютную ссылку на страницу, например, http://imma005.com/skidki, либо относительную: /skidki.
Адреса отдельных страниц задаются в настройках каждой страницы (смотрите рисунок 34):
Рисунок 34 – «Адреса страниц»
Воспользоваться помощником для расстановки ссылок
Наведите мышку на пункт меню. Вы увидите два варианта, как можно поставить ссылку: «Выбрать страницу» и «Выбрать блок». Если нажать «Выбрать страницу», то появится список страниц вашего сайта. Кликайте на нужную страницу, и ссылка подставится автоматически (смотрите рисунок 35).
Рисунок 35 – «Выбор страницы как ссылку»
Если нужно поставить ссылку к блоку на странице, нажмите «Выбрать блок». Вы переместитесь на страницу для выбора блока. Кликните в тот блок, к которому должен быть совершен переход, при нажатии на пункт меню ссылка подставится автоматически (смотрите рисунок 36).
Рисунок 36 – «Использование блока как ссылка»
Чтобы сделать меню сразу для всех страниц проекта (сайта), создайте пустую страницу, добавьте на нее блок меню и настройте его. Затем перейдите в настройки сайта, на вкладку «Шапка и подвал» и назначьте эту страницу как Header. Нажмите «Сохранить изменения» и «Опубликовать все страницы» (смотрите рисунок 37 и 38).
Рисунок 37 – «Назначение шапки и подвала»
Рисунок 38 – «Выбор страницы для шапки сайта»
Меню для перемещения внутри одной страницы
Рисунок 39 – «Номер блока»
Ч
тобы сделать меню для навигации внутри страницы, пропишите в ссылках номера блоков (ссылка будет выглядеть как #rec2081259), на которые должны переходить пользователи по нажатию на пункт меню. Номер каждого блока указан в настройках блока (см. рисунок 39). 
-
Руководство пользователя
После загрузки страницы Вы попадаете на главную страницу сайта Интернет-магазина мобильных аксессуаров. Главная страница представлена на рисунке 40.
Рисунок 40 – «Главная страница сайта»
Далее пользователь видит меню навигации, действующие акции и скидки на категории товаров и скидки на определенные товары.
В меню навигации для пользователя доступны:
-
Каталог. Нажимая на кнопку, пользователь взаимодействует с категориями товаров. Категории товаров представлены на рисунке 41;
Рисунок 41 "Категории товаров"
-
Оплата и доставка. При нажатии на эту кнопку пользователю отображается информация об оплате и доставке интернет – магазина мобильных аксессуаров. Смотрите рисунок 42;