Настройка и установка CS-Cart для запуска реального магазина

Автор: | 01.04.2018

nastrojka-cs-cart-internet-magazinaДоброго времени суток, друзья :-)

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

Для этого я по традиции, начатой при обзоре OpenCart и WordPress, расскажу вам, где скачать и как установить CS-Cart в виде подробной пошаговой инструкции, а также как его настроить и на какие параметры нужно будет обратить особое внимание.

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

Для демонстрации возможностей и настройки CS-Cart я для эксперимента решил сделать простенький магазин спортивного питания, разработку которого я буду вести на своём локальном компьютере.

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

Сами видите, что материал вас ожидает объёмный и увлекательный, поэтому устраивайтесь поудобнее, запасайтесь попкорном и — в путь! :-)

Установка CS-Cart

Итак, для того, чтобы запустить свой Интернет-магазин на CS-Cart, первым делом нужно скачать сам движок и установить его либо на свой локальный компьютер, либо сразу на хостинг.

Сейчас я рассмотрю первый вариант, т.к. считаю его наиболее правильным, а со вторым я вас познакомлю в конце статьи, когда буду переносить CS-Cart сайт на удалённый сервер.

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

Итак, скачать CS-Cart бесплатно (не смотря на то, что данный продукт платный) можно здесь — https://www.cs-cart.ru/download.html

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

По поводу системных требований могу сказать, что CS-Cart в этом плане весьма неприхотлив. К необходимому минимуму относятся наличие установленных PHP и MySQL на компьютере. Для удобства разработки на локальном Windows компьютере лично я рекомендую использовать WAMP сборки и, в частности, OpenServer, которому я остаюсь верен на протяжении уже более 3 лет :-)

С полным списком всех системных требований, необходимых для стабильной работы магазина (пригодится при размещении сайта на хостинге), рекомендую ознакомиться на официальном сайте производителя — https://www.cs-cart.ru/docs/4.7.x/install/system_requirements.html

После этого я создал новый сайт в каталоге OpenServer domains под названием cscart.test (по данному адресу сайт будет доступен в браузере), скопировал туда архив, распаковал его и перезапустил сервер, чтобы он воспринял новый сайт, а затем перешёл на него в своём веб-браузере.

В итоге, я увидел на экране следующее сообщение:
kak-ustanovit-cs-cart-cherez-brauzer

Вариантов дальнейших действий, как вы видите, немного — нужно нажать на ссылку install, после чего запустится инсталлятор:

cs-cart-ustanovka-shag-pervyj

Первый шаг – лицензионное соглашение, с которым нужно ознакомиться, принять и перейти далее:

cs-cart-baza-dannykh-nastrojki-soedineniya

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

Как вы понимаете, для того, чтобы данный шаг завершился успешно, БД у вас уже должна быть. Если же вы испытываете трудности при её создании, то в качестве инструкции можете воспользоваться рекомендациями по созданию БД через phpMyAdmin из комплекта OpenServer, которые изложены, например, в статье о создании блога на WordPress.

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

cs-cart-ustanovka-nastrojka-administrirovaniya

Однако, я решил установить CS-Cart без данной опции, т.к. всё равно демо товары, категории и фильтры перед запуском реального проекта, процесс создания которого я решил вам продемонстрировать, придётся удалять.

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

cs-cart-licenziya-vybor-pri-ustanovke

Вариантов, как видите, два: либо ввести приобретённый ключ, либо воспользоваться 30-дневным пробным периодом. Естественно, я выбрал второй вариант, т. к. в мои планы входило исключительно ознакомление с возможностями CS-Cart :-)

После нажатия на кнопку «Выбрать» и выполнения всех необходимых действий инсталлятором в автоматическом режиме вас должно будет перенаправить на следующий экран:

cs-cart-ustanovka-zavershayushchij-etap

Если же этого не произошло, то внимательно изучайте сообщения об ошибках, возникающие в процессе установки, и пишите о них в службу технической поддержки CS-Cart или в комментариях под данной статьёй — постараюсь вам помочь, если это будет в своих силах.

Настройка CS-Cart с помощью мастера

В принципе, после того, как вы увидели экран с сообщением об успешной установке CS-Cart, вы можете приступать к настройке магазина, введя в адресную строку браузера http://доменное_имя_сайта/admin.php или нажав на соответствующую кнопку на завершающем экране установки движка.

Однако, не спешите это делать и закрывать текущую страницу :-)

Дело в том, что на ней находится ещё одна «фишка» CS-Cart – это кнопка запуска мастера настройки, которого я не встречал ни у каких-либо других CMS и движков.

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

Выглядит всё это дело следующим образом:

cs-cart-nastrojka-cherez-master

Благодаря мастеру вы сможете произвести следующие CS-Cart настройки, которые разделены на 5 шагов:

  • конфигурация учётной записи админа (может ли пароль содержать символы и цифры, возможность смены пароля при первом входе и т. д.);
  • настройки CS-Cart для HTTPs соединения с сайтом (можно проверить правильность установки SSL сертификата на сервере и включить защищённую передачу данных как для админки, так и для витрины магазина отдельно);
  • выбор редактора HTML кода (TinyMCE, Redactor, Redactor 2) и инструмента просмотра фотографий (LightBox, MagnificPopup и т. д.);
  • валюта (доступны рубли, доллары США, евро и фунты стерлингов);
  • языки по умолчанию, формат даты и времени;
  • информация о компании (название, адрес, сайт, контакты);
  • возможность быстрой регистрации;
  • включение необходимых модулей, имеющихся в CS-Cart по умолчанию, и их отключение

В целом, как вы могли заметить, предназначение данного мастера — дополнительное удобство пользователей при настройке CS-Cart Интернет-магазина, особенно тех, кто имеет дело с данной CMS впервые и не знает, где что находится в админке.

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

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

Создание категорий товаров в CS-Cart

Итак, после установки CS-Cart без демо-данных и беглой настройки будущего магазина с помощью мастера мы имеем витрину с симпатичной базовой темой оформления, однако, этого мало, чтобы начать продажи:

cs-cart-internet-magazin-posle-ustanovki

По той простой причине, что нам ещё нечего продавать, т.к. в магазине на данный момент нет ни одного товара :-)

Ну что ж, пора исправить этот недостаток… Начнём с создания категорий в CS-Cart, в которые мы будем группировать наши товары.

Для этого в админке открываем пункт меню Товары > Категории и нажимаем на кнопку с плюсиком в правом верхнем углу экрана, после чего откроется форма добавления новой категории в CS-Cart магазин:

cs-cart-kategorii-tovarov-novaya

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

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

cs-cart-menyu-kategoriya

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

Чтобы кастомизировать его, наводим курсор сначала на соответствущую надпись, а затем на появившуюся кнопку в виде шестерёнки, где нажимаем на пункт Редактировать элементы.

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

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

cs-cart-menyu-novyj-element

Для добавления ссылки на только что созданную категорию мне пришлось вводить всю информацию вручную, что жутко неудобно, если честно. По каким-то причинам добавлять готовые CS-Cart категории в меню можно только в подпункты создаваемого элемента, а в корень — нет :-(

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

Итак, сохраняем изменения, после чего наше главное меню витрины CS-Cart магазина примет следующий вид:

cs-cart-vitrina-menyu

Однако, при переходе по созданной ссылке пока что нам доступна лишь пустая страница, т.к. в ней ещё нет товаров. Этим мы сейчас как раз и займёмся.

Наполнение CS-Cart товарами

Для добавления товаров в CS-Cart есть два способа: автоматический и ручной. Первый больше подходит для массовой загрузки большого количества товаров, а второй — для добавления единиц с уникальными характеристиками и попутного редактирования их свойств.

Рассмотрим оба.

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

cs-cart-tovary-import

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

cs-cart-opcii-tovara-pri-massovoj-zagruzke

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

Для эксперимента я быстренько набросал простенький файлик в обычном текстовом редакторе (подойдёт обычный Блокнот, но лично я люблю Notepad++) с названием import.txt следующего вида:

Product code;Language;Category;Product id;Product name;Price;Quantity
tovar1;ru;Спортивное питание;1;Протеин Optimum Nutrition 1кг;100;10
tovar2;ru;Спортивное питание;2;Креатин Scitec Nutition 0,5кг;200;20

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

В качестве категории я указал только что созданную. Если же данное поле оставить пустым, то автоматически будет создана CS-Cart категория Products, в которую будут добавлены загружаемые товары.

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

cs-cart-tovary-uspeshnyj-import

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

Данные возможности рассортированы по вкладкам, доступным в самом верху страницы.

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

cs-cart-kategoriya-s-tovarami-na-vitrine

Вуаля! :-) Товары появились на витрине с теми атрибутами, которые были им указаны в файле. Чтобы просмотреть их список в административной панели CS-Cart, достаточно выбрать пункт меню Товары > Товары.

cs-cart-nastrojka-tovarov-v-adminke

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

Среди самых интересных мне удалось обнаружить следующие:

  • действия при отсутствии товара в наличии (предзаказ, подписка на уведомления и т.д.);
  • рейтинг товара в зависимости от добавлений в корзину, просмотров и заказов с возможностью редактирования;
  • SEO-атрибуты (meta-теги, просмотр отображения товара в результатах поисковой выдачи);
  • просмотр клиентов, подписавшихся на уведомления о появлении товара в наличии;
  • включение обсуждений и оценок товара;
  • указание товаров, обязательных для приобретения вместе с данным.

В итоге, после всех моих правок карточка товара CS-Cart магазина на витрине приняла следующий вид:

cs-cart-kartochka-tovara

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

Прочие настройки витрины CS-Cart

Первая из них — фильтры CS-Cart товаров, которые добавлять проще простого.

Для этого в главном меню админки CS-Cart переходим на страницу Товары > Фильтры, которая по умолчанию пустая, и нажимаем на кнопку с плюсиком для добавления нового фильтра. После этого перед нами появится следующее окно:

cs-cart-nastrojka-filtrov

Как видите, по умолчанию в CS-Cart фильтров у вас много добавить не получится. Есть возможность фильтрации по цене, наличию и доставке. Для начала я решил сделать фильтр по цене.

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

cs-cart-filtr-tovara-na-vitrine

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

Как видите, добавление фильтров в CS-Cart реализовано действительно очень удобно и понятно. Единственный минус — что из коробки идёт мало критериев фильтрации. Но этот вопрос решаем за счёт характеристик товаров, которые после добавления автоматически появятся в критериях фильтрации.

Чтобы в CS-Cart добавить новые характеристики товара, необходимо перейти в админке на страницу Товары > Характеристики и нажать кнопку с плюсиком вверху страницы, после чего появится следующее окно:

cs-cart-kharakteristiki-tovara

Вводим необходимые для вас значения (я решил сделать характеристики Для набора массы и Вкус, чтобы продемонстрировать разные варианты фильтров) и сохраняем, после чего при добавлении нового CS-Cart фильтра мы увидим добавленные характеристику в списке параметров фильтрации:

cs-cart-filtr-po-kharakteristikam-tovara

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

Для этого заходим в карточку товара CS-Cart и переходим на вкладку Характеристики, где выбираем необходимые:

cs-cart-nastrojka-kharakteristik-tovara

Для протеина я указал значения вкуса, а для креатина то, что он нужен для увеличения силы. В результате, фильтр у нас получился такой:

cs-cart-filtr-po-kharakteristikam-na-vitrine

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

Лично мне данное решение понравилось намного больше стандартного фильтра OpenCart за счёт своего удобства.

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

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

В итоге, карточка товара в моём CS-Cart магазине приняла следующий вид:

cs-cart-kartochka-tovara-itog

После того, как я наполнил свой CS-Cart Интернет-магазин товарами и настроил их категории, опции, характеристики, а также создал фильтры, всё, что остаётся сделать перед стартом продаж — это разобраться с настройками оформления заказа, чтобы покупатели могли оплатить и получить его.

Оформление заказа в CS-Cart и связанные настройки

По умолчанию CMS предоставляет два способа оформления заказа:

  1. стандартный, с добавлением товара в CS-Cart корзину и дальнейшим заполнением подробной информации о заказе;
  2. быстрый с вводом минимального количества информации.

Для быстрого оформления заказа достаточно нажать на кнопку «Купить в один клик» в карточке товара, после чего на экране появляется следующее окно:

odnoshagovoe-oformlenie-zakaza-v-cs-cart

После этого данный заказ можно будет увидеть в панели администрирования CS-Cart на странице Заказы > Обратный звонок в следующем виде:

cs-cart-obratnyj-zvonok-nastrojka

Всё, что вам останется, как администратору, — это связаться с покупателем по указанному email или телефону, чтобы выяснить, как клиент будет оплачивать покупку, куда и как её доставить.

Для тех покупателей, кто не любит болтать о данных вещах по телефону, есть стандартный вариант оформления заказов через CS-Cart корзину:

cs-cart-korzina

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

По умолчанию в CS-Cart доставка может осуществляться следующими способами:

  • самовывоз;
  • обсуждение способа с менеджером по телефону;
  • международное почтовое отправление;
  • EMS (Почта России);
  • курьером «до двери»;
  • Почта России.

Первые два способа доступны всегда, остальные же подбираются CS-Cart на основании введённых клиентом контактных данных:

cs-cart-dostavka-pri-zakaze

Система, кстати, настроена очень тонко: стоит вам только указать почтовый индекс, который не соответствует введённому адресу, способ доставки Почтой России у вас в списке не появится.

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

Управлять способами доставки в CS-Cart можно в админке на странице Администрирование > Доставка и налоги > Способы доставки. При добавлении нового способа доставки, если выбрать расчёт тарифа в режиме реального времени, появится список доступных в системе служб доставки:

cs-cart-sposob-dostavki-dobavlenie

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

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

cs-cart-sposoby-oplaty-zakaza

Кроме представленного на скриншоте выше есть ещё варианты оплаты с помощью электронных денег (WebMoney, Qiwi, Яндекс.Деньги), квитанциями от Сбербанка, переводом денег с мобильного счёта и т.д., которые находятся на соседних вкладках Интернет платежи и Другие варианты оплаты.

Настройка способов оплаты в CS-Cart производится в панели администрирования на странице Администрирование > Способы оплаты. Для добавления нового способа нужно нажать на привычную кнопочку с плюсиком и заполнить следующую форму:

cs-cart-nastrojka-sposobov-oplaty

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

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

На этапе выбора способа оплаты расширенное оформление заказа в CS-Cart подходит к концу, после чего клиентам будет предложено просмотреть его детали в следующем виде:

cs-cart-detali-zakaza-dlya-klienta

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

Ну, и возможность печати заказа, сохранения в PDF и открытия переписки с менеджером именно по данному заказу также не может не радовать :-)

Для вас же, как для администратора магазина, детали заказа будут выглядеть так:

cs-cart-status-zakaza-dlya-administratora

Тут, кроме всего прочего есть даже отображение адреса доставки на Яндекс.Картах, а также возможность изменения в CS-Cart статуса заказа и перевода его на определённого менеджера.

Список же всех совершенных через магазин заказов можно посмотреть в админке CS-Cart на стартовой странице (дашборде) и на Заказы > Все заказы.

Расширение функционала CS-Cart

Итак, настройки CS-Cart для наполнения магазина товарами и комфортного произведения заказов клиентами, а также возможности, которые при этом становятся доступными, мы рассмотрели.

Настало время рассказать, как их теперь расширять :-)

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

Далее я рассмотрю, как оба эти процесса производятся в CS-Cart, где модули и темы можно раздобыть и сколько они стоят.

Установка модулей в CS-Cart

Итак, где можно найти и скачать CS-Cart модули?

Прежде всего, в официальном каталоге дополнений, который доступен по адресу http://marketplace.cs-cart.com/add-ons.html.

Правда, здесь представлены не продукты команды CS-Cart, а ссылки на сайты партнёров, которые занимаются разработкой дополнений (причём, информация и цены в официальном каталоге могут отличаться от того, что на самом деле).

На данный момент здесь доступно 1287 модулей, совместимых с различными версиями CS-Cart. Цены начинаются от 1$ до 2000$ за модуль Gold Marketplace.

Наиболее крупными производителями CS-Cart аддонов на данный момент являются следующие:

  1. https://store.cart-power.ru/cs-cart-add-ons/ — есть бесплатные CS-Cart модули, цены от 57 до 53541 российских рублей — скорее всего, цены привязаны к курсу, поэтому могут меняться;
  2. http://www.alt-team.ru/cs-cart-modules.html — бесплатных нет, цены от 9$ до 545$, для некоторых есть возможность ввода своей цены;
  3. https://cs-cart.alexbranding.com/ru/ — премиум-партнёр CS-Cart, разработки которого включены даже в официальное демо, есть бесплатные модули, на платные цены начинаются от 30$ и доходят до 299$;
  4. https://www.ecom-labs.ru/cs-cart-multi-vendor-moduli — есть бесплатные CS-Cart модули, цены доходят до 3639 рублей;
  5. https://sweetcart.ru/addons/ — есть бесплатные, цены доходят до 10300 рублей за модуль синхронизации с Авито;

Для демонстрации процесса установки я решил установить бесплатный модуль, добавляющий кнопку «Вверх» на страницы сайта, при нажатии на которую страница пролистывается к самому началу. Качал отсюда — https://marketplace.cs-cart.com/add-ons/customer-experience/cs-cart-up-button-add-on.html?sl=ru

Чтобы добавить модуль в CS-Cart магазин, заходим в админку на страницу Модули > Управление модулями и нажимаем знакомый крестик, после чего откроется следующее окно добавления модуля:

cs-cart-moduli-dobavlenie-novogo

CS-Cart addons должны быть файлами с расширением .tgz, .gz или .zip, которые можно загрузить с диска, сервера магазина (если он туда уже был загружен) или вообще по ссылке.

Я воспользовался первым вариантом, после чего, спустя несколько секунд, устанавливаемый модуль отобразился в списке аддонов моего магазина:

cs-cart-moduli-spisok-v-adminke

И, вместе с этим, на витрине CS-Cart Интернет-магазина появилась обещаемая кнопка «Вверх», которая выглядит так:

cs-cart-addons-na-vitrine

У данного модуля CS-Cart куча настроек, которые я не буду рассматривать, т.к. статья посвящена не ему :-) Лучше всего его скачать вам самостоятельно и посмотреть на них своими глазами.

В целом, что я могу сказать по поводу процесса установки модулей CS-Cart? Всё предельно просто и понятно. Если сравнивать данный процесс с установкой модулей OpenCart, то у CS-Cart существует явное преимущество за счёт отсутствия необходимости вникать в нюансы всевозможных VQmod, ocMod и думать каким же из 4 способов нужно устанавливать конкретный аддон.

Установка темы CS-Cart

С установкой CS-Cart тем ситуация во многом похожая с модулями. Наибольший ассортимент CS-Cart themes также представлен официальным каталогом, где на данный момент 374 темы. Среди них есть как бесплатные CS-Cart шаблоны, так и платные. Цены от $10 до $499.

Посмотреть весь список можно здесь — https://marketplace.cs-cart.com/themes.html

Также скачать CS-Cart шаблоны можно на следующих сайтах:

  1. https://store.cart-power.ru/cs-cart-themes/ — уже знакомый по списку ресурсов для скачивания модулей отечественный CS-Cart партнёр и разработчик собственных решений. Цены от 5693 до 11443 российских рублей.
  2. https://themeforest.net/category/ecommerce/cs-cart — оказывается, CS-Cart темы можно найти даже на ThemeForest. Цены в районе $49-63
  3. http://cscarttemplates.com/cs-cart-templates — на данный момент 33 CS-Cart шаблона, цены на все 69 евро
  4. https://www.ecom-labs.ru/temy/ — ассортимент ограничен 4 темами, но, возможно, кому-то подойдёт именно данные варианты. Цены в российских рублях.

Для демонстрации установки я также выбрал бесплатный CS-Cart шаблон, который качал отсюда — https://marketplace.cs-cart.com/themes/cs-cart-theme-free-shoes-orange.html

Обращайте, кстати, особое внимание на версию CS-Cart, с которой совместимы скачиваемые вами шаблоны, иначе все ваши труды и деньги будут напрасны.

Итак, для добавления CS-Cart theme нужно перейти в панели управления на страницу Дизайн >  Темы, нажать на кнопочку с крестиком вверху страницы и через открывшуюся форму загрузить архив с темой.

После этого шаблон должен будет появиться на странице со списком тем во вкладке Просмотреть все доступные темы. Однако, у меня этого не произошло :-)

Уж не знаю, чья эта вина — то ли разработчиков CS-Cart, то ли создателей темы, но после установки файлы темы у меня оказались не по пути cscart_каталог/var/themes_repository/, а cscart_каталог/var/themes_repository/var/themes_repository/. В общем, кто-то накосячил с путями :-)

Для решения проблемы я просто перенёс файл темы в нужную директорию, после чего CS-Cart template появился у меня в админке:

cs-cart-shablony-spisok

После активации необходимого скина (стиля) темы изменения вступят в силу и на витрине ваши покупатели увидят только что установленную вами CS-Cart theme:

cs-cart-temy-na-vitrine

Подкорректировать её, конечно, ещё нужно, но зато моя оранжевая кнопочка «Вверх» идеально вписалась под оранжевые цвета темы :-)

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

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

Данный подход применим также и к CS-Cart модулям.

Перенос CS-Cart на хостинг

CMS установлена, наполнена товарами и расширена необходимыми модулями и темами. Теперь единственное, что осталось для начала продаж, — сделать наш магазин доступным глобально в сети Интернет.

Если вы изначально устанавливали CS-Cart на хостинг и производили его настройку там, то следующий материал будет для вас бесполезным.

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

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

По поводу требований к хостингу для CS-Cart магазинов могу сказать, что здесь нет ничего особенного. Подойдёт практически любой из ныне существующих, главное, чтобы они поддерживали PHP, Apache и MySQL. Для выяснения деталей рекомендую обратиться к техническим характеристикам CS-Cart, ссылку на которые я указывал в начале статьи.

Для демонстрации процесса я решил развернуть CS-Cart магазин на поддомене своего сайта — cscart.cccp-blog.com.

Итак, переезд CS-Cart с одного сервера на другой начинается с копирования файлов сайта по FTP/SSH (для ускорения можете запаковать их в архив, если на удалённом сервере есть деархиватор). Лично я пользуюсь старым-добрым FileZilla.

После завершения копирования, пока FTP-клиент у нас ещё открыт, меняем права на директории design, images и var с 755 на 777, а для файла config.local.php устанавливаем 666 вместо 644.

Далее нам нужно будет сделать дамп БД на нашем локальном сервере и развернуть из него базу на хостинге.

Если вы будете испытывать с этим какие-то сложности, то рекомендую к просмотру следующее видео, где помимо упомянутого момента рассматриваются другие детали установки CS-Cart на хостинг:

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

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

У моего хостинг-провайдера TheHost, например, он выглядит так:

cs-cart-nastrojki-perenosa-na-hosting

На скриншоте выше также представлены настройки поключения к БД, которые вам нужно будет изменить при переносе CS-Cart на другой сервер.

Также в данном файле нужно будет изменить корневой url сайта, иначе в админку мы не попадём — нас будет редиректить на наш локальный сайт:

cs-cart-hosting-nastrojki

Сохраняемся и после этого заходим в панель администратора CS-Cart магазина уже на новом сайте. По идее, если вы всё сделали верно, вы увидите форму авторизации.

С витриной у CS-Cart дела обстоят немного сложнее. Несмотря на все введённые нами ранее настройки, при входе в витрину сайта на хостинге перед нами будет следующая ошибка:

cs-cart-perenos-magazina-na-hosting

Изучая ответ от сервера в отладчике браузера, я обнаружил сообщение о том, что для данного домена витрина не определена.

Чтобы исправить эту ошибку, идём в панель администрирования на страницу Администрирование > Магазины, выбираем наш текущий магазин и меняем значения в полях URL витрины и безопасный URL витрины, указывая в них новое доменное имя вашего магазина.

Также эти значения можно поменять напрямую в БД. Как это сделать, подробно описано на видео, которое я приводил в тексте статьи ранее.

В итоге, после всех манипуляций сайт будет доступен по новому URL. В моём случае это, напомню, cscart.cccp-blog.com, которым вы можете насладиться, пока не закончилась моя 30-дневная пробная лицензия :-)

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

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

Итак, полный цикл настройки CS-Cart для запуска реального Интернет-магазина, начиная с наполнения его товарами, а также оформления заказов, и заканчивая переносом готового продукта на хостинг, мы рассмотрели.

Если материала в статье вам оказалось мало, и вы хотите большего, то рекомендую вам принять участие в отличном проекте, организованном командой CS-Cart — CS-Cart eCommerce reality show, более подробно о котором вы можете узнать, а также получить доступ ко всем его выпускам здесь — https://www.cs-cart.ru/ecomshow

Если вкратце, то целью проекта было продемонстрировать процесс создания Интернет-магазина с нуля и необходимые меры для раскрутки вплоть до получения реальной прибыли за его счёт, чего удалось достичь спустя 3 месяца после запуска проекта.

Лично я считаю, что идея очень интересная, увлекательная (аплодисменты маркетологам CS-Cart) и весьма полезная с практической точки зрения, особенно для начинающих предпринимателей.

Ведущим проекта выступил опытный eCommerce предприниматель Александр Верес, который в ходе шоу поделился своим опытом и организовал проект — bokal.ru, успешно функционирующий по сегодняшний день.

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

На этом всё, что я хотел вам рассказать в сегодняшней статье. Ставьте оценки, делитесь со своими друзьями в социальных сетях и пишите о том, что понравилось или нет в комментариях под статьёй.

Всем удачного запуска и крупных продаж!

До новых встреч :-)

  1. 5
  2. 4
  3. 3
  4. 2
  5. 1
2 голоса, в среднем: 5 из 5

Комментариев пока нет... Будьте первым! :)

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

Ваш e-mail не будет опубликован. Обязательные поля помечены *