JoomShopping — установка бесплатного компонента интернет-магазина на Joomla и его первоначальная настройка

С другой стороны, если над проектом будете работать не один, то размещение движка на реальном хостинге окажется более предпочтительным. Лично я все делаю сам, поэтому и предпочитаю колдовать над сайтами на локальном сервере. Еще совсем недавно я бы вам однозначно рекомендовал использовать программу Денвер для поднятии у себя на компьютере сервера Апач, но сейчас популярность набирает OpenServer и, наверное, имеет смысл ставить именно его. В любом случае, по приведенным ссылкам вы найдете подробное описание установки и работы с этими программными комплексами.

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

JoomShopping поддерживает новую версию Джумлы с номером три, в отличии от VirtueMart 2, который пока что может работать только с Джумлой Поэтому имеет смысл зайти на www.joomla.org и посмотреть, что именно из этой серии сейчас считается актуальной версией. На данный момент это Joomla! 3.3.1, но вы можете читать эту публикацию позже, так что смотрите сами. Потом не забудьте русифицировать вашу версию Джумлы для пущего удобства работы с ней.

В моем случае (при использовании OpenServer) я создаю папку в директории OpenServer\domains с любым названием на латинице (например, назвал ее joomla33shop) и распаковываю туда дистрибутив Джумлы. По окончании перезапускаю локальный сервер (из контекстного меню его значка в трее) и кликаю в этом же меню по названию только что созданной папки.

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

По окончании установки Joomla заходите в ее панель управления или, другими словами, админку (добавьте к Урлу сайта /administrator/ — у меня получилось http://joomla33shop/administrator/). Собственно, теперь пришло время установить компонент интернет-магазина. В нашем случае это будет JoomShopping. Скачать его можно с официальной страницы расширений Джумлы — скачать JoomShopping.

Как вы можете видеть, это расширение представлено в двух версиях — для Joomla 3.x. Перейдя по кнопке «Download», вы сможете выбрать одну из них (для младших версий движка предназначена версия компонента, начинающаяся на тройку, а для старших — начинающаяся на четверку):

Установка компонента проходит стандартно — выбираете из верхнего меню «Расширения» — «Менеджер расширений». С помощью кнопки «Обзор» находите на своем компьютере архив со скачанным интернет-магазином и устанавливаете его на Джумлу:

В конце вам предложат установить демо-данные, которые позволят наглядно увидеть работу этого компонента — будут добавлены и настроены товары, можно будет посмотреть процесс оформления покупки и т.п. Удобно, но потом все это установленное добро придется удалять, что может занять некоторое время.

Joomla и шаблоны на основе Bootstrap

Соответственно, если у вас уже имеется сайт на Джумла и вы пока не планируете обновляться до тройки (например из-за того, что некоторые используемые вами расширения тройку еще не поддерживают), то скачивайте Joomshopping 3.18.3. При этом могут возникнуть нюансы. Связано это даже не с этим компонентом, а с шаблонами, которые вы можете использовать для своего магазина (в данном случае имеются в виду не шаблоны всего сайта, а именно шаблоны для этого компонента).

Дело в том, что одно из основных отличий Joomla от тройки кроется в том, что в последней по умолчанию подключен Bootstrap (для реализации отзывчивого дизайна — читайте подробнее об этом по приведенной ссылке).

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

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

Поэтому для использования в Джумле шаблонов на Бутстрапе этот фреймворк придется подключить вручную или установить соответствующее расширение (например, плагин JBootstrap — не забудьте его активировать после установки), чтобы не возиться с ручными настройками.

Естественно, что если вы решили использовать отзывчивый шаблон для ДжумШопинга, то и для самого сайта вы тоже должны использовать шаблон отзывчивый. Для Джумлы 3 они уже почти все отзывчивые, а вот для встречаются разные. Поэтому проверьте (изменяйте размер окна браузера и смотрите на поведение шаблона — если он подстраивается при уменьшении ширины окна, то все в порядке). Соответственно, если будете ставить JoomShopping на третью Джумлу, то с этим заморачиваться уже не придется.

Базовые настройки JoomShopping

Для начала нужно будет выбрать из верхнего меню админки Joomla пункты «Компоненты» — «JoomShopping»:

На открывшейся странице нажмите на кнопку «Настройки», а уже там перейдите в «Основные» (остальные настройки будем рассматривать по мере надобности).

Настройка шаблона используемого для ДжумШопинга