Витрина Магазина на OpenCart

Просмотр витрины магазина на OpenCart

Это руководство предназначено для использования в качестве введения в стандартную витрину магазина OpenCart. Витрина магазина показывает, как клиент просматривает магазин и взаимодействует с ним.

Шаблон по умолчанию

OpenCart поставляется с темой по умолчанию после новой установки

Продукты, представленные выше, при установке OpenCart включены в качестве примера товаров. Эти продукты можно легко убрать и впоследствии заменить продуктами вашего магазина.

В этом руководстве будут рассмотрены основы просмотра магазина с темой по умолчанию. Вы можете найти постоянно расширяющийся список доступных тем в каталоге расширений OpenCart.

Навигация по магазину

Шаблон OpenCart по умолчанию делает навигацию по продуктам магазина легко доступной для его клиентов.

Анатомия главной страницы

Домашняя страница, возможно, является самой важной страницей в магазине, с точки зрения презентации. В большинстве случаев это будет первая страница, с которой взаимодействует покупатель (особенно если он направлен на Сайт Магазина из поисковой системы). Домашняя страница магазина должна быть удобной для пользователя, и в то же время подчеркивать продукты магазина.

Первым шагом в знакомстве с витриной магазина является понимание анатомии домашней страницы OpenCart по умолчанию.

Заголовок (шапка сайта)

Шапка сайта будет отображаться в верхней части страницы, на каждой странице магазина, а не только на главной странице.

Шапка сайта имеет следующие параметры навигации:

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

Верхнее основное меню

В категории верхнего меню отображаются только верхние родительские категории продуктов. Дополнительные сведения о создании и назначении категорий продуктов см. В разделе Категории.

Как и заголовок, верхнее меню будет отображаться на каждой странице. При наведении мыши на категорию в раскрывающемся меню отображаются подкатегории для этой родительской категории.

Если щелкнуть родительскую категорию, клиент будет перенаправлен на страницу категории, на которой отображаются все продукты в этой категории.

Слайд-шоу

Слайд-шоу отображает несколько баннеров продукта по вашему выбору, чередуя изображения. Через некоторое время один баннер сменяется другим. Баннеры в этом слайд-шоу полезны для выделения определенных продуктов, которые будут легко доступны клиенту. При нажатии на баннер, клиент будет направлен на страницу товара, рекламируемого на баннере.

В отличие от верхнего меню и заголовка, слайд-шоу в OpenCart по умолчанию можно просматривать только на главной странице.

Рекомендуемые Товары

OpenCart дает вам возможность показывать конкретные продукты по своему выбору на главной странице.

Раздел рекомендуемые включает в себя изображение продукта, название, цену и возможность добавить продукт непосредственно в корзину.

Футер - Подвал Сайта

Нижний колонтитул расположен в нижней части каждой страницы, а не только на главной странице. Этот блок различных ссылок полезен при сортировке релевантных страниц для клиента, которые логически не могут быть отсортированы в другом месте.

Организационную схему нижнего колонтитула можно разделить на следующие разделы:

• Информация: "О нас", "Информация о доставке", "Политика конфиденциальности", " Условия и положения"
• Обслуживание Клиентов: "Связаться с нами", "Возврат", " Карта сайта"
• Дополнительно: "Бренды", "Подарочные сертификаты", "Филиалы", " Специальные предложения"
• Мой Аккаунт: "Мой Аккаунт", "История заказов", "Список пожеланий", " Рассылка"

Страница товара - Карточка Товара

Страницу продукта можно разделить на следующие разделы:

• Изображение товара: изображение продукта может отображаться под заголовком на левой стороне, под ним в меньшем поле находятся альтернативные изображения продукта. Нажатие на главное изображение развернет изображение в окне для клиента, чтобы он мог рассмотреть его более подробно.
• Сведения о товаре: код продукта, доступность и цена отображаются прямо на изображении продукта.
• Корзина: клиент может выбрать количество и добавить продукт в свою корзину, список пожеланий или список сравнения.
• Рейтинг и блок поделиться: под корзиной можно оценить продукт и / или поделиться продуктом на разных сайтах социальных сетей.
• Вкладка описание: область под основной информацией о продукте для предоставления подробного описания продукта.
• Вкладка отзывы: область для клиента, чтобы написать отзыв о продукте.

Категории Товаров

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

Как видно выше, блок категории отображается слева, как и на странице продукта. Под заголовком категории вверху есть место, чтобы добавить описание к категории. "Расширенный поиск" ссылается на подкатегории этой категории для просмотра пользователем. Продукты могут отображаться в соответствии с предпочтениями клиента: в виде списка или сетки. Приведенное выше изображение отсортировано в формате списка. Продукты можно сортировать по названию, цене, рейтингу или модели в поле "Сортировать по". Количество продуктов, отображаемых в списке, может быть изменено в разделе "показать" с 15 до 100.

Раздел продукта дает пространство для каждого из продуктов в категории, предоставляя изображение продукта, описание, цену и опцию добавления в корзину. Существует возможность добавить продукт в список пожеланий. Другой вариант для продукта - "добавить Для сравнения".

Сравнение Товаров

Функция "Добавить Для сравнения" в разделе продукта позволяет клиенту сравнить различные спецификации, характеристики и цену ряда продуктов, которые могут его заинтересовать.

Клиенту предоставляется возможность добавить один из сравниваемых продуктов в корзину, если он этого хочет. Нажатие кнопки "Продолжить" вернет пользователя на главную страницу.

Страница Корзины

После того, как покупатель добавляет продукт в корзину, он может получить доступ к корзине покупок в заголовке в разделе "Корзина".

В корзине отображаются общие сведения о выбранном продукте, включая категории "Изображение", "Название продукта", "Модель", "Количество", "Цена единицы" и "Всего". Покупатель имеет возможность добавить код купона или подарочный сертификат, оценить доставку и налоги, прежде чем перейти к оформлению заказа. Кнопка "Продолжить покупки" возвращает его на главную страницу.

Создание учетной записи

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

Есть несколько способов, которыми клиент может создать учетную запись:

1. Оформление заказа
   image/store-front/front-checkout.png

   Шаг 1 процесса проверки позволяет пользователю создать учетную запись, прежде чем продолжить оплату. Выбор "Зарегистрировать учетную запись" изменит Шаг 2 оформления заказа с «Оплата» на «Учетная запись и платежные данные». «Учетная запись и платежные данные» запрашивает те же личные данные, что и «Оплата», за исключением того, что он просит пользователя создать пароль для своей учетной записи. После завершения шага 2 клиент может продолжить процесс оформления заказа.

2. Шапка сайта - "Мой Аккаунт"
   image/store-front/front-account.png

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

Оформление Заказа

После добавления товара в корзину покупатель может перейти к оформлению заказа, чтобы совершить покупку товара. Страница "Оформить заказ" доступна в разделе заголовка каждой страницы (находится под полем поиска). Оформление покупки с помощью OpenCart - это простой процесс, который может быть завершен в 6 шагов.

1. Шаг 1: Варианты оформления заказа

   Клиент может войти в систему или зарегистрировать свою учетную запись (как описано выше), или выбрать гостевой заказ.

2. Шаг 2: Платежные реквизиты

   Личные данные, включая "имя", "фамилия", "электронная почта" и "телефон" заполняются в форме. Также требуются данные об адресе клиента.

3. Шаг 3: Детали доставки

   В разделе «Платежные реквизиты» пользователь может установить флажок, чтобы указать, что данные о доставке и платежные данные совпадают. Это позволит ему пропустить этот шаг до "Способа доставки". Если данные о доставке отличаются от реквизитов для выставления счетов, клиент может ввести эту информацию в форме в этом разделе.

4. Шаг 4: Способ доставки

   Здесь выбирается способ доставки.Также есть возможность заполнить поле для комментариев, чтобы добавить какую-либо информацию к своему заказу.

5. Шаг 5: Способ оплаты

   На этом этапе покупатель выбирает свой способ оплаты и может добавить информацию в поле для комментариев.

6. Шаг 6: подтвердите заказ

   На этом последнем шаге клиент увидит общие сведения о своей покупке, включая описание продукта, количество и цену (с учетом налогов и доставки).

Настройка витрины магазина с помощью панели администратора

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