Меню

Opencart настройка отображения товара



Создание настраиваемых товаров в OpenCart с помощью опций

Дата публикации: 2017-10-24

От автора: В OpenCart опции – это одна из множества полезных функций. В этом уроке вы узнаете, как с помощью опций создавать различные вариации одного товара без необходимости создавать отдельный товар. В частности, вы узнаете, как создавать настраиваемые товары на front end, чтобы пользователь мог выбирать различные доступные варианты одного товара на его странице. Детально разберем опции в панель администратора. Закончим этот урок демо настраиваемого товара.

Базовое понятие опций

Вы когда-нибудь попадали в ситуацию, когда вам нужно создать несколько товаров с небольшими различиями в атрибутах? Опции в OpenCart созданы именно для этого! С их помощью можно создавать версии одного товара, а также менять их цену.

Давайте разберем парочку реальных примеров, чтобы понять. Скажем, вам нужно предоставить разные цвета для товара «футболка» в своем магазине. Вы также хотите получать немного больше денег с самых популярных цветов. Добиться этого можно с помощью опции select в OpenCart. После настройки цветов в панели администратора, пользователю будет предоставлен выбор цветов на странице одного товара. И да, цена будет меняться в зависимости от выбранного цвета!

Более продвинутый пример — Graphic Tee. Здесь пользователям необходимо разрешить загрузку изображений, которые можно печатать на футболках. Для этого можно использовать опцию file. Иногда от пользователя нужны некоторые данные типа «ваше имя», которые будут распечатаны на брелке. Здесь вам поможет опция text.

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

Бесплатный курс по PHP программированию

Освойте курс и узнайте, как создать динамичный сайт на PHP и MySQL с полного нуля, используя модель MVC

В курсе 39 уроков | 15 часов видео | исходники для каждого урока

Различные типы опций

Рассмотрим различные типы опций в OpenCart.

Text и textarea

С помощью этого типа от пользователя получаются текстовые данные. Text даст вам текстовый бокс, а textarea – текстовое поле, в которые пользователь может ввести необходимые данные.

Загрузка файлов

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

Date и time

Как вы могли догадаться, этот тип попросит пользователя ввести дату и время. Есть три разных типа. Тип date & time позволяет вводить дату и время вместе. Date позволяет вводить только дату. Time – только время. Опция полезна, когда необходимо уточнить у пользователя дату доставки.

Выборочные данные

В этом типе опций пользователю даются на выбор различные элементы. Есть 4 выбираемых типа:

Select – выпадающий список с различными опциями

Radio – радиокнопка для каждой опции

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

Image – схож с radio, только пользователь выбирает из разных изображений, а не текста

С типами опций закончили. Хватит теории, перейдем к действию!

Создание настраиваемого товара

В этом разделе мы создадим настраиваемый товар в панели администратора. Сначала создайте простой товар Graphic T­-Shirt через back end. Заполните стандартную информацию о товаре и выберите категорию. Детали не важны, так как мы будем работать только с вкладкой option в интерфейсе редактирования товара. Вернусь к этому в конце раздела.

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

Опция color

Перейдите в back end и далее в Catalog > Options. Откроются существующие опции. Для создания новой опции color кликните на insert.

Заполните значения, как на скриншоте сверху. В Option Name мы указали color. Это будет заголовок. Далее поле type, для которого мы выбрали select, так как нам нужен выпадающий список для цветов. Sort order используется для сортировки отображения опций. Пока что введем 1 в это поле.

После заполнения базовой информации необходимо ввести значений опции. У нас это будут разные цвета. Кликните на add option value, чтобы добавить значения для опции color. На скриншоте сверху мы указали red в Option Value Name и Sort Order 1. Поле image трогать не будем для упрощения. Так же добавьте 2 цвета blue и green.

Бесплатный курс по PHP программированию

Освойте курс и узнайте, как создать динамичный сайт на PHP и MySQL с полного нуля, используя модель MVC

В курсе 39 уроков | 15 часов видео | исходники для каждого урока

Читайте также:  Гидроник настройка пульта управления

Опция slogan text

Давайте настроим опцию Slogan Text. Кликните на Insert на странице Catalog > Options.

В поле option name мы ввели Slogan Text. Type установлен text. Sort order 2.

Опция T­shirt Image

Последняя опция T¬-Shirt Image – добавьте ее опять же по кнопке insert.

В поле option name мы ввели T­-Shirt Image. Type равен file, sort order 3.

Настройку опция закончили. Теперь необходимо связать наши опции с товаром, чтобы они отображались на front end. Надеюсь, вы уже создали товар Graphic T¬-Shirt, как я говорил ранее. Если еще нет, создайте прежде чем продолжить!

Назначение опции товару

Давайте отредактируем товар Graphic T-­Shirt и добавим опции. Перейдите на вкладку option в интерфейсе редактирования. Слева будет текстовый бокс с автокомплитером. Если ввести color, в выпадающем списке значений автокомплитера отобразится опция color, которую мы добавили ранее.

Если кликнуть на color, добавится новая строка для цвета, как показано на скриншоте. В этом разделе вы можете добавить разные значения опции, которые необходимо отобразить для color на front end. Добавьте разные опции color по кнопке add option value.

Я добавил три опции: blue, green и red. Price – еще одно важное поле. Для всех опций можно менять цену с помощью знаков +/- для введенного значения. Последнее – нужно задать quantity для каждого типа опции. Если этого не сделать, она не будет отображаться на front end. С опцией color мы закончили.

Теперь давайте назначим slogan text таким же образом. Для этого поля не нужны настройки, так как это просто текстовый бокс.

И давайте назначим T-Shirt Image. Для этой опции также не нужны настройки, так как это просто поле загрузки файла.

После назначения всех трех опций товару, сохраните его. И все!

Тест-драйв front end

Давайте сразу перейдем к странице одного товара на front end!

Смотрится круто, правда? Таким образом, вы только что создали настраиваемый товар T-shirt, в котором пользователи могут выбрать цвет, ввести текст слогана и загрузить изображение. Вы могли заметить, что за другие цвета берется другая сумма. Все по настройкам back end! Теперь вы должны знать, что такое опции, и уметь создавать настраиваемые товары в OpenCart. На сегодня все!

Автор: Sajal Soni

Редакция: Команда webformyself.

Бесплатный курс по PHP программированию

Освойте курс и узнайте, как создать динамичный сайт на PHP и MySQL с полного нуля, используя модель MVC

В курсе 39 уроков | 15 часов видео | исходники для каждого урока

Хотите узнать, что необходимо для создания сайта?

Посмотрите видео и узнайте пошаговый план по созданию сайта с нуля!

Источник

Базовые настройки интернет-магазина

Категории

Первоначальные настройки магазина

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

Общие настройки данных магазина

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

После нажатия на кнопку откроется страница редактирования данных

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

Как мы можем увидеть – в данном разделе осуществляется редактирование метаданных главной страницы магазины: title (заголовок), (описание главной страницы), keywords (ключевые запросы). Эти данные необходимы для поисковых систем. Также в данном разделе задаются макет и тема страницы. Как правило макет и тема остаются стандартными по умолчанию, за исключением случаев, когда имеется специально разработанный макет для главной страницы и он загружен на сервер.

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

Также указываются координаты магазина (долгота и широта, либо другие координаты) – GeoCode, электронный адрес, номер телефона и факса. Эти данные могут быть отредактированы в любой момент, поэтому при смене телефона и адреса вам не потребуется обращаться к разработчику для их изменения на сайте. Кроме этого в данном разделе можно добавить логотип вашего магазина, прописать режим работы и указать другие дополнительные комментарии.

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

Читайте также:  Настройка кнопок мыши sven

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

В данном разделе задаются одни из главных настроек, определяющих работу с сайтом: оформление заказов, налоги, комментарии, остатки на складе, статусы заказов, возвраты и другое.

Товары. Количество товаров в категории – эта функция позволяет показывать сколько товаров находится в категории. Лимит элементов – сколько товаров/заказов/отзывов и др. данных отображается на одной странице в административной части.

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

В данном разделе можно установить минимальную и максимальную стоимость реализуемого на сайте подарочного сертификата.

В данном разделе осуществляется выбор режима показа цен – с отображением налога или без него. Если будет выбрано отображать цены с налогом, то на карточке товара будет демонстрироваться два типа цены.

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

Аккаунт. Большой раздел по редактированию сбора данных о пользователях и их поведении на сайте и в личном кабинете, определению групп пользователей на сайте. Он включает в себя: отслеживание клиентов онлайн и их активности, сбору и записи поисковых запросов на сайте от пользователей, определение групп покупателей (оптовые или розничные) по умолчанию и задаваемые вручную, регулирование показа цен только зарегистрированным пользователям сайта, количество попыток авторизации на сайте, а также определять документ для согласия при регистрации на сайте.

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

Также на данной вкладке настройки магазина можно определить статусы заказа для только что оформленного (нового), находящегося в процессе оформления и завершенного заказов.

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

Также в данной вкладке настраивается API User для аукционных торговых площадок таких как Amazon, Ebay. Данный функционал, как правило не используется на территории Российской Федерации.

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

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

Еще одна важная область, которая настраивается в разделе опции: возврат. Здесь задается документация по условиям возврата и определяется статус заказа, который является возвратом.

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

Также для запуска магазина вам потребуется загрузить логотип компании. Логотип должен быть соответствующего размера подходящей вашему магазину тематике, рекомендуется использовать расширение jpg или png. Еще на данной вкладке вам необходимо подгрузить фавиконку для вашего сайта. Фавиконка – это миниатюрное изображение, которое размещается на вкладке браузера при заходе на ваш сайт. Для загрузки на opencart оно должно быть в формате png и размером 16*16.

Для работы с заказами вам потребуется настройка почты. Следующие параметры рекомендуем оставить без изменений:

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

Заключительный этап — настройка сервера.

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

Читайте также:  Мафия 1 при запуске настройки

Включить ЧПУ – позволяет включить SEO url для страниц сайта – товаров, категорий, статей. Но после включения данной опции настоятельно рекомендуется проверить правильность работы данного функционала.

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

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

Использовать SSL – переход сайта на работу по защищенному протоколу https. Помимо выбора данной характеристики в административной части интернет-магазина требуется в обязательном порядке подключить сертификат безопасности на хостинге.

Разрешить восстановление пароля – позволяет восстанавливать пароль для учетной записи администратора, на почту, указанную в качестве административной.

Использовать Shared Sessions – позволяет сохранять сессию при управлении несколькими магазинами через одну панель администрирования (разрешает работать с мультимагазинами).

Ключ шифрования – формируется автоматически при установке opencart. Изменения вносить не требуется

Кроме этого в разделе настроек сервера можно задать параметры загрузки файлов:

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

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

Разрешенные MIME типы – аналогично предыдущему пункту. Как правило оставляют стандартный набор. При необходимости дополняют.

И, наконец, в раздел Сервер определяется порядок действий для ошибок.

Показывать ошибки – показывает ошибки/сбои в работе сайта. Рекомендуется включать при разработке сайта, для оперативного исправления недочетов. После запуска магазина рекомендуется отключение данной опции.

Записывать ошибки – включает запись ошибок в специализированный файл.

Файл журнала ошибок – определяется имя файла, куда будет осуществляться запись ошибок. В целях безопасности рекомендуется изменить стандартное имя файла.

Настройка способов оплаты, доставки и налоговых ставок

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

В базовой версии опенкарт имеется большой перечень возможных способов оплаты. В зависимости от ваших бизнес-процессов вы можете выбрать: оплату курьеру (оплата при доставке), банковский перевод или оплату через платёжный шлюз. Или вы можете подключить несколько вариантов возможной оплаты.

Чтобы подключить нужные для вашего магазина варианты требуется открыть Меню – Модули/Расширения – Модули/Расширения – Оплата (выбрать в выпадающем списке)

Получим список следующего вида:

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

Для подключения нужного вида оплаты сначала требуется активация выбранного варианта:

А затем уже непосредственно его настройка с заполнением полей, форма вызывается кнопкой редактирование:

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

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

Для редактирования/создания налоговых ставок необходимо зайти в раздел Меню – Системы – Локализация – Налоги.

Для интернет-магазина также требуется настройка способов доставки товаров. Добавление/редактирование методов доступно в Меню — Модули/Расширения — Модули/Расширения — Доставка.

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

Данные на сайте

Важно помнить, что установленный на OpenСart уже имеет демонстрационные данные для показа возможностей сайта. Они включают в себя категории, товары, опции, атрибуты, а также баннеры на главной странице. Перед запуском вашего интернет-магазина необходимо заменить эти данные на ваши. Это можно сделать несколькими способами: вручную или с помощью импорта.

Расширения, модули и темы

Сайт на базе OpenCart гибкий и легкий в управлении. Последним шагом перед стартом работы вашего интернет-магазина является проверка правильности настроек необходимых модулей. Сделать это можно через Меню-Модули/Расширения- Модули/Расширения. Если все соответствует поставленным задачам – можно начинать работу.

Источник

Adblock
detector