Меню Рубрики

Установка joomshopping для joomla 3

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

Здравствуйте, уважаемые читатели блога KtoNaNovenkogo.ru. Сегодня хочу продолжить разговор про различные варианты создания интернет-магазинов (в том числе и под дропшиппинг из Китая).

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

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

Установка JoomShopping на Joomla версий 2.5. или 3.3

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

  1. Вы можете разрабатывать сайт полгода и при этом за хостинг платить не придется
  2. Работу над интернет-магазином можно будет не прерывать при отсутствии доступа в интернет
  3. Уже готовый и отлаженный проект можно будет перенести на реальный хостинг буквально за несколько минут (зависит, конечно же, от скорости вашего интернет-канала и от наполненности интернет-магазина)

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Есть и другой вариант. Вы можете сами отредактировать имеющийся дефолтный шаблон JoomShopping. Делается это путем доступа к файлам этого шаблона по ФТП и внесения в них изменений. Как это сделать? Какие файлы шаблона за что отвечают? Что именно нужно править? Думаю, что несколько статей из этой серии я как раз и посвящу ответам на эти вопросы (постараюсь не забыть). Если решитесь изучать шаблоны самостоятельно, то советую проделать не хитрую операцию, которая позволит уберечь сделанные вами правки от стирания.

Дело в том, что если вы будете вносить изменения непосредственно в дефолтный шаблон, то есть вероятность, что при очередном обновлении компонента сделанные вами изменения будут стерты. Как так? Ну, решат разработчики в очередной апдейт подновить дефолтный шаблон и перезапишут некоторые его файлы своими (новыми, где ваших изменений нет). Чтобы такой возможности не возникало даже теоретически, сделайте следующий ход конем:

  1. Найдите папку, где хранится дефолтный шаблон JoomShopping. Для этого из корня сайта перейдите по следующему пути — \components\com_jshopping\templates\ . Там вы найдете папку под названием default . Это и есть место жительства данного шаблона.
  2. Скопируйте эту папку через ФТП клиент к себе на компьютер, переименуйте ее (например, в dfnew). После этого залейте ее в ту же директорию \components\com_jshopping\templates\ . В результате у вас уже там будет две папки — default и dfnew.
  3. Теперь заходите в папку \components\com_jshopping\css\ и копируете на комп файл default.css. Переименовываете его в dfnew.css (точно так же, как и назвали папку с шаблоном) и заливаете обратно.
  4. После этого опять заходите в основные настройки JoomShopping и выбираете из списка новый шаблон под названием dfnew (то, во что вы переименовали папку с дефолтным шаблоном).

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

Продолжаем настраивать компонент

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

Указывается название как магазина, так и кампании, которой он принадлежит. Можете указать Урл адрес магазина, а также Урл адрес картинки, которая будет служить логотипом. Необходимы, конечно же, адрес офиса, город и страна, где он находится. Кроме этого заполняются поля с контактной информацией (ФИО, телефон, Емайл) и банковскими реквизитами (название, Бик, счет, получатель). В самом низу вы найдете ссылку, которая позволит увидеть, как будет выглядеть счет. После этого жмете на кнопку «Сохранить» в самом верху.

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

Поскакали дальше (галопом по европам). Переходим на вкладку «Опции» из левого меню. Тут есть интересный пункт под названием «Валюта». По умолчанию там будет присутствовать только Евро, ибо разработчики живут в Германии. Нам нужно будет кликнуть по названию Евро, на открывшейся странице быстренько все это переделать на рубли:

В конце не забудьте нажать на кнопку «Сохранить». На соседней вкладке «Налоги» (из верхнего синего меню) можно будет указать различные налоги, если вам требуется рассчитывать их непосредственно в интернет-магазине. Там можно указать налоги для разных стран и прочую ересь, которую я даже не понимаю. На вкладке «Единицы измерения» можно эти самые обозначения перевести на русский язык (кг вместо kg). То же самое (перевести названия) можно и на вкладке «Группы пользователей».

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

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

Сделать это можно в общих настройках Joomla: «Система» — «Общие настройки» — переключатель «Включить SEF (ЧПУ)» в положение «Нет».

Сохраняем изменения. В следующей статье мы рассмотрим уже наполнение нашего интернет-магазина на JoomShopping товарами.

Продолжение следует >>> (Вы можете подписаться на рассылку, чтобы ничего не пропустить)

источник

JoomShopping бесплатный компонент интернет-магазина для Joomla. Установка и Настройка

Вступление

JoomShopping еще один компонент для создания интернет магазина на Joomla. Компонент JoomShopping позволяет продавать не только штучный, но и цифровой и весовой товары. Компонент JoomShopping имеет три стабильные версии (stable) разработанные для Joomla 1,5;2,5;3,0. Кроме самого компонента у JoomShopping есть масса плагинов и модулей, которые можно выборочно установить в зависимости от специфики магазина.

Для установки JoomShopping нужен сайт с установленной стабильной версией Joomla. Сразу оговорюсь, все примеры буду приводить на Joomla 2.5.11.

Скачать компонент, модули, плагины для магазина лучше с официального сайта компонента JoomShopping . https://joomshopping.pro/download.html.

Скачиваете компонент JoomShopping 3.13.1 для Joomla 2.5(Stable) или JoomShopping 4.1.0 для Joomla 3.0 (Stable) в нужном формате ZIP .

Актуальные версии на 10-09-2018: Joomla 3.8.12, JoomShopping 4.16.0.

Компонент JoomShopping — установка

Важно! В статье показана установка JoomShoping на сайт Joomla 2.5. Установка на Joomla 3.x аналогична.

Устанавливается JoomShopping на сайт стандартно, через Менеджер расширений →Установка. На всякий случай напомню:

  • Авторизуетесь в административной панели сайта Joomla;
  • Открываете: Расширения →Менеджер расширений→Установка;
  • Выбираете: архив JoomShopping на своем компьютере;
  • Далее нажимаете кнопку: Установить;
  • Об удачной установке компонента сообщит информационная строка и краткая информация о компоненте.

Найти компонент JoomShopping в панели сайта можно в верхнем горизонтальном меню → Компоненты

Компонент JoomShopping установлен, можно приступать к его настройке.

Настройка интернет магазина JoomShopping

Откройте панель управления компонента JoomShoping (Верхнее горизонтальное меню Joomla → Компоненты → JoomShopping);

Откроется панель управления JoomShopping.

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

Категории, Товары, Заказы и Клиенты в Настройках JoomShopping

Пункты Категории, Товары, Заказы и Клиенты это управление товарами, их категориями, заказами клиентов на товары и самими зарегистрированными клиентами.

Напомню, как работает любой интернет магазин (общая схема).

  • У вас есть товар на продажу.
  • Товар можно объединить по категориям, например, телевизоры, фотоаппараты и т.п.
  • Для размещения товара в магазине с предварительным объединением его по категориям нужны кнопки Категории и товары.
  • Клиент выбирает товар и хочет его купить.
  • Для покупки клиент должен пройти регистрацию.
  • Пункты регистрации настраиваются (Настройки→ Поля Регистрации).
  • Заказанный клиентом товар можно посмотреть в «Заказы».
  • Зарегистрированные клиенты будут «собираться» на странице «Клиенты».

Опции, Настройки, Обновления и Инфо

Вторая часть пунктов панели управления JoomShopping это вся Настройка компонента. Это кнопки Опции, Настройки, Обновления и Инфо.

Начнем с конца, кнопка Инфо

Это информация об авторе компонента, причем очень полная (слева) И, справа это информация о версии установленного компонента, информация о наличие новых версий и ссылка на страницу с платными расширениями.

Два главных пункта для настройки JoomShopping это Опции и Настройки. Познакомимся с ними подробнее.

Настройки JoomShopping

В настройках 10 пунктов настройки

Основное

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

Заказ

Поля регистрации

Изображение / Видео

Статический текст

SEO

Информация о магазине

Функции магазина

Другие параметры

Опции JoomShopping

В Опциях панели управления JoomShopping 18 кнопок (пунктов) для настроек. Коротко о каждом пункте настроек «Опции»

Производители

Здесь вы можете составить список всех производителей товаров, которые есть в вашем магазине. Дать им описание на языке магазина (в нашем случае русском) и английском языках. Для SEO оптимизации есть пункты МЕТА title,МЕТА description,МЕТА keywords.

Купоны

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

Валюта

Этот пункт определяет валюты используемые в вашем JoomShopping. По умолчанию создана валюта Евро. Для каждой созданной валюты нужно ввести числовой и текстовой коды по ISO. Коды смотрите Тут. Первые две буквы текстового кода можно посмотреть в пункте «Опции»→«Список стран»→ Код2.

Налоги

Это простой и вместе с тем сложный пункт Опций. Если вы как предприниматель не освобождены от уплаты НДС, то здесь вам нужно указать название: НДС и ставку 18 % (на момент написания статьи)

Способ оплаты

Способ доставки

Цены на доставку

Сроки доставки

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

Статус заказа

По умолчанию товар имеет семь статусов.

  1. Pending (В ожидании)
  2. Confirmed (Подтвержденный)
  3. Cancelled (Отмененный)
  4. Refunded (Возмещенный)
  5. Shipped (Поставляется)
  6. Paid(Оплачиваемый)
  7. Complete(Готовый)

Для начала переведите английское название статуса товара на русский в соответствующем окошке (Название (ru)*).

Список стран

По умолчанию, здесь полный список стран, с которыми вы можете начинать работать. В списке 239 стран. Для каждой страны указаны текстовые коды названия страны (три символа) и две буквы (Код2) используемые в текстовом коде валют мира.

Группы пользователей

Здесь можно создать группы пользователей со скидками (в процентах %). По умолчанию создана группа с 0% скидки.

Отзывы о товарах

Метки товара

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

Здесь отображены языки магазина JoomShopping.По умолчанию английский и второй язык это язык вашего сайта. В нашем случае русский. Главный язык отмечен желтой звездой.

Импорт и Экспорт

По умолчанию ведется статистика заказов магазина: Сегодня, Эта неделя, Этот месяц, Этот год.

Настройки управления JoomlaShoping, как компонента Joomla

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

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

источник

Добавить комментарий