Как создать интернет-магазин на Joomla с помощью компонентов VirtueMart и Hikashop. Как создать интернет магазин на джумле

Вы ищете легкий способ создать собственный онлайн-бизнес прямо сейчас?

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

1. Скачать и установить Hikashop
2. Создать категорию товара
3. Добавить товары и их детали
4. Добавить категорию товара, изображение и цены
5. Добавить характеристики
6. Опубликовать товар и вывести на сайте

01. Скачать и установить Hikashop

Скачать расширение интернет-магазина Hikashop можно с официального сайта разработчика или установить дополнение прямо из менеджера расширений Joomla. Для быстрой демонстрации, я буду описывать весь процесс создания сайта на некоммерческой версии Hikashop. Так что, если у вас нет премиум-версии - вы можете смело скачать бесплатную версию.

Категории в Hikashop сложные и разветвленные, что, несомненно, является преимуществом этого расширения. Чтобы создать категории, перейдите в раздел Компоненты > Hikashop > Категории. Если вам не нужна категория, то вам не нужно ее создавать. Однако можно сделать ее просто для общего развития. Вы можете найти категорию под названием “Категории товаров” в левой боковой панели и добавить свой товар в эту категорию.

Если вы хотите иметь множество категорий, то убедитесь, что вы выбрали корневую категорию из списка левой боковой панели. Нажмите на кнопку "Создать" и создайте свои собственные категории. Как вы можете видеть на скриншоте ниже, я создал три новые категории. Категория шаблонов Joomla, Wordpress и Spirit. Теперь мои категории готовы к тому, чтобы разместить в них свою продукцию.

(Примечание: нельзя удалить стандартную категорию, вы должны переименовать ее в новую).

03. Добавить товары и их детали

Теперь пришло время, чтобы добавить товары в наш магазин, перейдите в Компоненты > Hikashop > Товары. Теперь вы находитесь на странице товаров. Нажмите на кнопку "Создать". Это откроет страницу с огромным количеством настроек и вариантов. Заполните поле названия товара, прокрутите страницу вниз заполните другие поля, которы посчитаете важными. Убедитесь, что вы заполнили поле "Код". Оно обязательно, а все другие зависит от типа товара и его спецификаций и других параметров.

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

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

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

Заполнение раздела цены является одной из основных частей этого раздела. Но в процессе работы вам может показаться, что установить цены на ваш продукт немного сложно. Нажмите на кнопку "Добавить". Можно добавить строку, нажав на эту кнопку. Если вы хотите удалить строку, установить ее стоимость до 0. Изменения будут применены после нажатия на кнопку "Сохранить".

05. Добавить характеристики

Характеристики - это, своего рода варианты. Например, если вы продаете шаблоны, то, скорее всего, ваши шаблоны могут иметь ряд предустановленных стилей. Для их демонстрации мы добавим пресеты как варианты. Чтобы создать такую возможность для ваших шаблонов, убедитесь, что вы сохранили ваши предыдущие изменения. Перейдите к характеристикам в разделе выпадющего списка Товаров. Нажмите на кнопку Создать. Как я сделал это - вы можете увидеть на рисунке ниже. Я добавил название "Пресеты", а также названия (белый и темный) цвета в разделе значений. Чтобы добавить еще вариантов - нажмите на кнопку Добавить. Но это был мой пример, в своем случае измените все так, как вы захотите.

Теперь откройте в менеджере ваш товар, к которому вы хотите добавить характеристики (например, пресеты). Прокрутите до панели характеристик. На скриншоте вы можете посмотреть, как я добавил мои характеристика. Добавийте свои характеристики товара, щелкнув на кнопку Добавить.

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

Чтобы вывести магазин, добавьте в вашем главном меню новый пункт откройте Меню > Главное меню > ДОБАВИТЬ новый пункт меню. Заполните тип меню и имя ссылки. (Вы можете видеть на картинке выше, я назвал мое меню шаблон джунгли Template Jungle), при выборе типа меню выберите "Hikashop" и щелкните на пункте Список категорий и, наконец, нажмите Сохранить и закрыть.

Заключение

Поздравляем, теперь у вас есть интернет-магазин на Joomla!

Напоминаем, что данная статья написана по просьбе пользователя из

Online service by OceanTheme are is a platform where people can unite with each other with mutual interest to purchase premium templates and extensions Joomla! at a bargain price. The target audience of the service are individuals and small and medium businesses, professional web developers to create online stores, community sites or people wishing to have your blog. In our great collection of premium solutions everyone will find what he needs.

Our resource acts as an organizer pooling, specifies the number of people that you want to buy templates and extensions, the cost of goods, as well as the amount and access to these materials. Our website has a lot of opportunities for easy searching of templates and extensions. Intuitive navigation, tagging system, sorting by the filter and the tool "add to bookmarks" will allow you to find the right material you want incredibly fast. In addition You will always find the latest information, so as to update the collection every day.

Access to the entire database of materials is provided for the duration of the club specified in the subscription purse. Subscribers receive unrestricted access to all available archives, news and updates, as well as technical support throughout the subscription period.

All the products you can find on this site are 100% GPL-compatible, which means you can change them as you want and install on unlimited number of sites.

Thanks to our collection you will save a lot of time and money, as the templates and extensions easy to use, easy to install and configure, multi-functional and diverse. That will allow you to create a website of any complexity and orientation, without learning advanced web development technologies.

Main features of our website

A rich set of functions, working out of the box:

Use all opportunities of our resource to get ready-made professional solution for rapid implementation of your business projects or creative ideas.

Use the search tools

Use advanced search and filtering, and easy navigation for quickly finding the desired web solutions in design, functionality and other criteria.

To favorite materials were always at hand, use the unique function "Add to favorites", and they are available in a separate section for the whole year.

Logged into our site, you will be able to leave comments and to participate in promotions, as well as use of a free subscription with permium access.

Join our club membership

Club subscription gives you full access to our entire catalogue of original material. And includes premium templates and extensions for several years.

Download appropriate to your Joomla templates and extensions, both free and subscription for the club without any limits and ogoranicheny speed.

If you liked any material on the site, you can leave your voice, as well as share it with friends via social networks.

Обзор расширений, предназначенных для создания интернет-магазина на CMS Joomla.

1. HikaShop

Joomla 1.5-1.7/2.5/3. x.

Это расширение является первым в обзоре, поскольку на Западе «HikaShop» - самое популярное на данный момент расширение для создания интернет-магазина на CMS «Joomla».

Бесплатная версия компонента для создания интернет-магазина на CMS «Joomla» – «HikaShop Starter» позволяет создать неограниченное количество продуктов; добавить для каждого из продуктов несколько изображений и сопутствующие товары; показывать значки на определенных продуктах; устанавливать цены на продукты в нескольких валютах, учитывая валютные курсы; применять налоговые правила. Кроме того, нет ограничений на количество заказов и хранится подробная история заказов.

После установки компонента через «Менеджер расширений» на экране присутствует ссылка, по которой можно перейти для скачивания нужного языкового пакета (компонент полностью переведен на 30 языков и частично – на 11). После загрузки файла языка нужно поместить его в папку language/TAG (где TAG - тег вашего языка. В случае русского ru-RU).

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

Во-вторых, необходимо выбрать макет отображения товаров: сеткой, списком либо таблицей.

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

Раздел «Главные параметры» предназначен для настройки денежных единиц и налогов, конфигурирования сервиса PayPal путем указания адреса электронной почты на этом сервисе, выбора типа продаваемых продуктов, а также установки демо-версии магазина или отказа он нее.

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

В разделах «Файлы» и «Изображения» прописаны разрешенные типы и форматы, папки загрузки, лимиты скачиваний и прочее.

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

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

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

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

Кроме того, для товаров интернет-магазина на «HikaShop» можно включить отображение рейтинга, комментариев к товару, SEF URL ссылки, трансляцию Atom и RSS каналов. В свою очередь, недоступна фильтрация товаров по определенному критерию, режим сравнения и список ожидания (функция «Сообщить мне, когда товар поступит в продажу»).

В комплекте с компонентом идут 22 плагина, 15 из которых включены по умолчанию.

Управление товарами и заказами магазина также реализовано достаточно удобно:

Графики позволяют отследить текущие тенденции, а информация в разделе «Главная статистика» - узнать результат продаж за месяц в денежном эквиваленте, лучший товар года, лучшего покупателя магазина и количество заказов з сегодня.

Приведем пример некоторых интернет-магазинов, разработанных на «HikaShop»:

Среди преимуществ «HikaShop», безусловно, следует отметить его высокую скорость работы, продуманную административную панель и безупречный дизайн, совместимый с шаблонами. И даже небольшие ограничения бесплатной версии этого компонента не портят общего впечатления от него.

2. JoomShopping

Расширение полностью совместимо с Joomla 2.5/3. x.

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

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

Перед установкой компонента разработчик настоятельно рекомендует обновить CMS Joomla до последней версии.

Устанавливается компонент стандартно, с использованием «Менеджера расширений». Во время установки расширения автоматически выбирается язык локализации.

После установки компонент появляется в списке пункта меню «Компоненты». Панель «Конфигурация» магазина на «JoomShopping» выглядит следующим образом:

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

В разделе «Основное» следует прописать e-mail администратора магазина, выбрать язык по умолчанию, шаблон магазина, вид цен, отображаемых на сайте и в админке, настроить использование SSL и формат даты. Для скрытия копирайта на страницах сайта необходимо ввести соответствующий ключ. Если предполагается продажа товаров сайта за пределами одной валютной зоны, для каждой из стран можно настроить отображение цены.

В разделе «Товар» производится детальная настройка отображаемых параметров товара, в том числе цены, цены без скидки, срока доставки, НДС и прочего. Здесь же можно определить количество товаров на странице, в ряду, вид и направление сортировки товаров, отображение производителя, кода и веса товара, описание цены и другое, а также определить характеристики вывода наиболее просматриваемых продуктов, меченых продуктов, бестселлеров, случайных и последних продуктов и топ рейтинга продуктов.

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

В разделе «Заказ» настраивается статус заказа по умолчанию, нумерация заказов, параметры бесплатной доставки, pdf-счет для заказчика или/и для админа, опции счета-фактуры, возможность отмены заказа клиентом, максимальная и минимальная сумма заказа и множество других параметров.

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

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

В разделе «SEO» для всех страниц сайта (в том числе регистрация, мои заказы, корзина, поиск) можно указать мета тег title, мета тег keywords и мета тег description на русском и английском языках.

Раздел «Информация о магазине» предполагает ввод таких данных как название магазина, название компании, URL, полного почтового адреса, выбор файла логотипа, контактной информации, информации о банке и задание настроек формирующихся файлов pdf.

Никаких дополнительный плагинов и модулей, установленных по умолчанию, в комплекте с компонентом «JoomShopping» нет.

Среди функций администрирования: управление категориями товаров, управление товарами, список заказов, список клиентов, управление производителями, клиентами и налогами, группы покупателей, импорт и экспорт товаров.

Примеры интернет-магазинов на «JoomShopping»:

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

3. Virtuemart

Расширение полностью совместимо с Joomla 1.5/2.5/3. x.

Компонент HikaShop один из лучших компонентов интернет магазина Joomla. Сделать интернет магазин HikaShop можно на любой рабочей версии Joomla, установленной на вашем хостинге.

Бесплатная версия HikaShop (Starter) имеет все необходимые функции, чтобы начать полноценный интернет бизнес на русском языке.

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

Функциональные возможности бесплатной версии компонента HikaShop Starter

• Неограниченное количество товаров;
• Эффективное Управление продуктом;
• Несколько возможных категорий продукта;
• Инвентаризация обработки;
• Несколько изображений для одного товара;
• Загружаемые файлы для продуктов;
• Сопутствующие товары;
• Варианты продуктов;
• Цены на продукты в нескольких валютах;
• Управление налоговых правил;
• Цены автоматически рассчитывается на основе курсов валют;
• Плагины оплаты;
• Плагин интеграции с поиском Joomla;
• Без рекламы в электронных письмах;
• Отключение рекламы.

Где Скачать компонент HikaShop

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

Как установить компонент HikaShop

Все примеры и скриншоты на Joomla 2,5.

Устанавливается компонент HikaShop стандартным способом установки расширений Joomla.

• Для установки компонента авторизуйтесь в административной панели сайта Joomla;
• В верхнем меню панели выберите Расширения →Менеджер расширений;
• Далее в окне «Установка» в пункте 1 «Загрузить файл из пакета» выберите скачанный ZIP архив компонента HikaShop на своем компьютере и нажмите «Загрузить и Установить».

Установка HikaShop

Примечание: Отмечу компонент HikaShop конфликтует с компонентом JVoteSyStem (компонент статистики). Углубляться не буду, так как JVoteSyStem не очень популярный компонент.

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

Перевод HikaShop и редакция файла перевода

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

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

Для начала, после установки HikaShop нужно включить файл перевода, в моем случае, на русский язык. Для этого нужно войти в Dashboard (Панель управления) HikaShop, далее System→Configuration→Languages .

Кликнете по иконке в строке Russians. Во всплывшем модальном окне посмотрите перевод компонента, здесь же в любое время можно поменять фразы русского перевода на свои варианты. Или скопируйте файл и отредактируйте его в текстовом редакторе так как вам нужно.

Нажмите Save(Сохранить) даже если вы не редактировали файл перевода. Модальное окно закроется. Перегрузите страницу, а лучше закройте и откройте весь сайт Joomla. Русский язык появиться в панели управления компонента HikaShop .

Документация HikaShop

Сразу отмечу, что в Панели управления HikaShop есть пункт Документация . Здесь всегда в активном (on-line) режиме можно посмотреть документацию по компоненту HikaShop. Документация переводится на несколько языков, так что очень полезна на этапе знакомства с HikaShop.

Познакомимся с панелью управления HikaShop

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

Разделим все настройки панели HikaShop на три части.

1. Общие системные настройки магазина нужные для его работы (валюта, налоги и т.п.) и настройки его внешнего вида (шаблоны);
2. Настройки товаров;
3. Настройки покупателей и заказов.

Как подробно настроить каждый пункт панели HikaShop в следующих статьях.

Специально для сайта « »