JoomShopping: обзор и руководство по электронной коммерции Joomla

  1. Установка и первые настройки JoomShopping
  2. Создание категорий и продуктов
  3. Создание страниц на сайте
  4. SEO и JoomShopping

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

  • Тип магазина;
  • Продукты и их категории;
  • Тип клиентов, которым адресована продажа;
  • Продажи (например, если они только национальные или даже международные);
  • Цены и любые налоги;
  • Виды оплаты и доставки;
  • Любые скидки для клиентов.

JoomShopping является одним из наиболее используемых, наиболее полных и простых в использовании компонентов онлайн-покупок на Joomla , Он совместим с Joomla 1.5, 1.6, 1.7 и с Joomla 2.5 , Разработанные для продажи продуктов различных типов (даже музыкальных файлов), мы можем отображать описания продуктов, изображения и даже мультимедийные файлы (видео или аудио) в интерфейсе. Интегрирует различные виды платежей, позволяет вам выставлять счета в формате PDF и, наконец, оптимизируется для функций SEO .

Установка и первые настройки JoomShopping

Чтобы установить компонент, после загрузки интересующей нас версии со страницы разработчика (где мы также найдем дополнительные плагины для Joomla Shopping), мы заходим на серверную часть нашего сайта, заходим в «Расширения -> Управление расширениями» и на вкладке «Установка» выбираем Скачайте zip-файл и нажмите кнопку «Загрузить и установить». Через несколько секунд появится сообщение об установке. На этой странице, помимо ссылок для разработчиков, мы находим две кнопки: «JoomShopping» и «Загрузить пример данных». Первый используется для перехода непосредственно на страницу компонента, второй - для установки примера данных; если мы используем это расширение впервые, рекомендуется также загрузить примеры, которые можно удалить в любое время.

Мы можем найти итальянский перевод компонента, как переднего, так и внутреннего в эта страница или в разделе загрузки для разработчиков. Для администрирования необходимо загрузить файл в папку http://www.tuosito.it/administrator/components/com_jshopping/lang, в то время как для пользователей он должен быть загружен в http://www.tuosito.it/components/com_jshopping. / языки

Установка также может быть произведена непосредственно с бэкэнда сайта, как если бы это была установка какого-либо расширения. Затем мы переходим к панели управления нашего компонента, которую мы находим по адресу http://tuosito.it/administrator/index.php?option=com_jshopping. Эту страницу также можно открыть из горизонтального меню серверной части сайта, выбрав «Компоненты» -> «JoomShopping». Как видно из рисунка, у нас есть следующие элементы:

Рисунок 1. Панель управления JoomShopping (нажмите, чтобы увеличить)

Панель управления JoomShopping (нажмите, чтобы увеличить)

  • Категории;
  • Продукты;
  • Заказы;
  • Клиенты;
  • Варианты;
  • Конфигурация;
  • Установить и обновить;
  • Info.

Каждая из этих вкладок, в частности « Опции» и «Конфигурации» , содержит множество вложенных вкладок с интересными настройками. Не все элементы каждой карты будут объяснены, потому что они все довольно интуитивно понятны, но мы увидим шаг за шагом, как создать настоящий интернет-магазин.

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

Создание категорий и продуктов

Поскольку мы уже знаем, какой магазин мы хотим создать, давайте сразу подумаем о возможных категориях объектов . JoomShopping позволяет создавать категории продуктов и подкатегорий. Итак, давайте создадим для нашего примера магазин категорий «Футболки», «Компьютерные аксессуары», «Часы и будильники», «Игры» и «Разные предметы». «Компьютерные аксессуары», например, будут иметь некоторые дочерние категории, такие как, например, «Мышь», «Коврики для мыши» и «USB-ключи». Чтобы добавить категорию, на вкладке «Категории» просто нажмите на новую и заполните поля с названием, описанием, видимостью и даже возможным изображением. Если мы хотим добавить категорию, которая является частью уже созданной, нам нужно нажать на подкатегории, соответствующие родительской категории, а затем добавить ее, как в другом случае, нажав кнопку «Создать». На вкладке Категории мы можем изменять и удалять их, но в последнем случае, только если у них нет связанных продуктов.

Рисунок 2. Страница со списком категорий (нажмите, чтобы увеличить)

Страница со списком категорий (нажмите, чтобы увеличить)

Чтобы добавить товар в категорию, мы можем нажать на товар товара на вкладке «Категория», а затем вставить его или нажать «Новый» непосредственно на вкладке «Товары». Если мы попытаемся вставить продукт, в дополнение к описанию, любые файлы мультимедиа или другие файлы, которые будут прикреплены, есть другие элементы, которые необходимо настроить в первую очередь, например:

  • Налоги : в Италии есть обязательный НДС и принимает разные значения. Чтобы ввести новый налог, нам нужно перейти в «Параметры» -> «Налоги» и ввести имя и процентное значение. Для каждого налога мы также можем установить правила, возможно, потому что определенный налог применяется только к некоторым странам;
  • производитель: мы находим список производителей среди предметов, представленных в опциях. Чтобы создать нового производителя, нам нужно вставить заголовок (только обязательный элемент), возможный псевдоним, краткое и расширенное описание, изображение (возможно, логотипа) и классические метатеги (по заголовку, описанию и ключевым словам);
  • Метка : мы можем добавить небольшие изображения к изображениям товара, чтобы указать, например, новый товар или товар в продаже. Когда мы создаем новый ярлык (в меню «Параметры» -> «Метки продукта» -> «Новый»), в дополнение к его названию нам необходимо загрузить изображение. На вставленном изображении нет больших элементов управления, но рекомендуется использовать изображения размером 40 × 40 пикселей, поэтому они будут вставлены в изображение в левом верхнем углу. Изображения для меток сохраняются в ../components/com_jshopping/files/img_labels;
  • Время доставки: это информация, которую покупатели почти всегда ищут, и это также переменная, которую мы можем вставить. Для их вставки нет особых потребностей, достаточно описания в поле заголовка;

Очень интересная особенность JoomShopping - это возможность присвоения товарам для продажи настраиваемых функций: например, если это магазин одежды, было бы полезно иметь размер доступных предметов одежды или если это магазин, который продает мебель одинаково полезно вставить цвет продукта (только подумайте о коричневом, который имеет много разных оттенков). Для вставки этих функций у нас есть, среди опций расширения, пункты «Атрибуты» и «Свободные атрибуты». Чтобы добавить функцию, нам нужно нажать на элемент «Атрибуты», а затем на «Новый». Как только имя атрибута будет введено, выберите тип выбора (если флажок или переключатель) и сохраните его, чтобы добавить значения, которые мы должны щелкнуть по соответствующему элементу параметров.

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

Пойдем тогда для создания продуктов. В панели управления JoomShopping мы выбираем «Продукты» -> «Новые». Данные, которые мы можем вставить для каждого продукта, многочисленны, но среди основных мы должны вставить описание, цену, налоги, категорию, к которой они относятся. Рекомендуется добавить изображение и, если есть, атрибуты.

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

Рисунок 3. Список всех вставленных товаров (нажмите, чтобы увеличить)

Чтобы ускорить вставку, продукты также можно импортировать (и, следовательно, экспортировать) через файлы CSV. Мы можем сделать это, нажав «Импорт и экспорт», который мы находим в опциях.

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

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

Каждый штат имеет свой код.

JoomShopping позволяет вам настроить через страницу «Параметры» также способы оплаты (где желательно хранить образцы данных, поскольку они являются наиболее распространенными), типы доставки и связанные с этим расходы, состояния, из которых можно разместить заказ, и создавать группы пользователей, к которым я также могу применять скидки.

Создание страниц на сайте

Чтобы по-настоящему настроить наш сайт, мы можем создать разные страницы для разных этапов заказа. Вместо того, чтобы использовать классический контент Joomla, нам нужно создавать и / или изменять статические страницы JoomShopping. Из JoomShopping–> Configuration–> Static text–> New, и затем мы можем вставить наш текст и наши изображения, как если бы это была классическая статья. Например, мы можем создать страницы, подобные следующим:

  • Страница приветствия и презентации;
  • Страница с условиями обслуживания;
  • Страница с любыми политиками и правилами (например, для возврата товаров);
  • Страница с описанием стоимости и методов доставки;

Но теперь мы должны показать страницы магазина в начале нашего сайта. Для этого, например, мы можем подумать о создании специального меню и вставке ссылок, которые нас интересуют. Давайте перейдем в «Меню -> Управление меню -> Новое меню» и сохраним наше новое меню. Предположим, мы называем это «мой интернет-магазин». Затем нам нужно создать модуль, который будет отображать его на некоторых или на всех страницах сайта: из Расширения -> Управление модулями -> Новый -> в качестве типа мы выбираем Меню, а затем выбираем только что созданный.

Страницы, которые мы можем вставить в это меню, могут быть теми, которые ведут к созданным ранее статическим страницам, или тем, которые показывают товары (разделенные на категории или категории одной категории), списку производителей и продавцов или панели входа в систему. или зарегистрировать новых клиентов. Теперь давайте добавим пункты в меню. Вернёмся в Меню -> Мой интернет-магазин -> Добавить новый пункт меню. В Типе пункта меню мы находим различные возможные пункты в разделе JoomShopping . Например, давайте вставим каталог, то есть страницу, на которой будут показаны все товары, разделенные по категориям. В этом случае мы должны выбрать пункт «Категории» и в настройках ввести «Все», если нам нужны все категории, или ввести идентификатор отдельной категории. Без этого в передней части у нас будет страница, подобная той, что на рисунке.

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

Рисунок 5. Продукты одной категории (нажмите, чтобы увеличить)

Продукты одной категории (нажмите, чтобы увеличить)

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

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

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

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

SEO и JoomShopping

В начале статьи было сказано, что в JoomShopping управление SEO является сильной стороной: если мы перейдем к настройке -> SEO, у нас будет список всех страниц, созданных с помощью компонента. Для каждого из них мы можем вставить метаданные для заголовка, для ключевых слов и для описания, как на итальянском, так и на английском языке. Мы можем управлять SEO магазина независимо от SEO сайта, стремясь таким образом использовать наиболее подходящие слова (которые будут наиболее востребованы пользователями) для этого раздела.

За прошедшие годы было разработано несколько плагинов для интеграции с JoomShopping, и в этой части статьи мы увидим некоторые. BxSlider Jshopping Last Products основан на плагине jQuery BxSlider и создает слайдер, в который вставляются последние товары, созданные в каталоге. С BxSlider Jshopping Last Products у нас может быть вертикальное или горизонтальное слайд-шоу с эффектом затухания. Среди параметров плагина мы можем установить количество товаров, отображение описания товара, цену и ссылку для просмотра деталей. Также, как обычно, есть модуль, который показывает наиболее купленные или наиболее высоко оцененные предметы: JT BxSlider Jshopping Top Rating.

Плагин, отличный от предыдущих, но не менее полезный - Module Cart . Модуль Cart позволяет вам иметь на страницах нашего сайта корзину покупок с кратким изложением покупок, сделанных до сих пор, как мы можем видеть на рисунке.

Php?
Последние новости:
10 лучших игр и игрушек для детей 2-5 лет в самолете или поезде – чем занять ребенка в дороге?

Малыш уже достиг возраста 2 месяцев, а ведь так недавно он был совсем еще беспомощным. Теперь вы замечаете,

Еще совсем недавно появившись на свет, ребеночек трех месяцев стремительно растет и развивается. Родители

                                     В этот период развитию ребенка будет способствовать

Малыш 4-7 месяцев от роду обычно уже активно стремится сидеть, либо уже сидит. Пусть даже просто на коленях

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

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

25 лучших развивающих игр для новорожденных – развивающие занятия с рождения до полугода Большое заблуждение

» Ребенку 6 месяцев Какие игрушки нужны детям в 6 месяцев Погремушки, мячики, резиновые

Дети в этом возрасте все активнее познают окружающий мир, все больше вещей они умеют делать самостоятельно