Moushe.ru

Блог обо всём

Создание магазина BearStore (1 часть)



0

Уважаемые читатели в последнее время мои статьи перестали быть полезными и интересными и я решил что пора исправляться. Я не буду удалять свои старые статьи но и дополнять их больше не буду. Эта статья начинает новый цикл моих статей.

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

Список задач:

1. Скачаем и установим OpenServer (http://open-server.ru)

2. Скачаем и установим OcStore (http://myopencart.ru)

3. Установим Vqmod (http://code.google.com/p/vqmod/downloads/list)

Приступим:

1. Я начинаю работать над новым интернет магазином у себя на компьютере, а уже после настройки переношу проект на хостинг, для работы с cms я раньше использовал xampp и denwer пока не прочитал на хабре (habr.ru) про программный комплекс OpenServer. После знакомства с OpenServer я безжалостно удалил xampp и denwer и не испытываю угрызений совести от своего поступка. Улыбка

Единственный недостаток у OpenServer’а это долгая скачка дистрибутива (если скачивать с официального сайта). Открываем любимым браузером эту ссылку: http://open-server.ru и скачиваем свежую версию OpenServer’а:

12

Дождавшись наконец скачивания (p.s. – вы можете скачать OpenServer и не с официального сайта, будет намного быстрее) устанавливаем OpenServer на свой компьютер:

3496

После распаковки OpenServer’а переносим его в любое удобное для вас место, у меня это диск D, создаём на рабочем столе ярлык для быстрого запуска нашего сервера, запускаем сервер с помощью созданного ярлыка и выбираем русский (или иной) язык:

78910

Возможно вам потребуется внести несколько записей в реестр и установить Microsoft Virtual C++ (скриншоты не сделал), после установки всего необходимого вы увидите в системном трее возле часов новую иконку в виде красного флажка, щёлкаем на него правой кнопкой мыши и выбираем действие запустить:

1112

Флажок изменит свой цвет на зелёный и после этого мы сможем пользоваться нашим локальным сервером. Переходим ко второму пункту нашего урока.

2. Открываем любимым браузером эту ссылку: http://myopencart.ru/ и нажимаем ссылку скачать ocStore 1.5.5.1.1 или кнопку Скачать сейчас:

13

После скачивания и распаковывания архива, возвращаемся к нашему OpenServer’у, щёлкаем на зелёном флажке правой кнопкой мыши и выбираем пункт Папка с сайтами, откроется папка domains в ней вы увидите папку localhost, заходим в папку localhost и переносим в неё папку upload из скаченного и распакованного архива (надеюсь понятно объяснил):

1415161718192021

Теперь нам нужно создать базу данных, сделать это очень просто, щёлкаем правой кнопкой мыши на зелёном флажке и выбираем пункт Дополнительно, в нём выбираем подпункт PhpMyAdmin, откроется ваш браузер и вы увидите окно входа в PhpMyAdmin вводим имя пользователя root, пароль оставляем пустым и жмём кнопку ок:

2223

Жмём кнопку Базы данных, вводим название нашей новой базы данных, к примеру 15511 и жмём кнопку создать, если всё сделано правильно вы увидите название своей базы данных в обоих колонках:

2425

Жмём на зелёный флажок правой кнопкой мыши выбираем пункт папка с сайтами, заходим в папку localhost, переименовываем папку upload в 15511, открываем нашу папку 15511 и переименовываем файл config-dist.php в файл config.php, откроем папку admin и переименовываем файл config-dist.php в файл config.php, этим мы подготовили всё необходимое для установки ocStore на наш компьютер.

Жмём зелёный флажок и выбираем пункт Мои сайты, выбираем подпункт localhost, откроется браузер с приветственным окном:

2627

В адресную строку нашего браузера вобьём такую ссылку localhost/15511 (p.s. –если вы переименовали  папку upload в 15511 если вы дали ей иное название после / введите название своей папки), если вы всё сделали правильно вы увидите установочное окно CMS ocStore, устанавливаем:

28293031

Жмём на зелёный флажок правой кнопкой мыши и выбираем пункт папка с сайтами, открываем папку localhost, открываем папку 15511 (или иную, если вы дали иное название бывшей папке upload) и удаляем папку install (не смотря на то что 4 шаг установки ocStore русским языком просит нас удалять папку install многие люди этого не делают – я наблюдаю эту проблему у большинства комментаторов моего блога). Переходим к третьему шагу моего урока.

3. Скачиваем последнюю версию Vqmod’а для OpenCart’а — http://code.google.com/p/vqmod/downloads/list, распаковываем архив и забираем из него папку vqmod, нажимаем правой кнопкой мыши на зелёный флажок OpenServer’а и выбираем пункт папка с сайтами, открываем папку localhost, в ней открываем папку 15511 (или иную, если вы дали иное название бывшей папке upload) и переносим в неё нашу папку vqmod (не закрывайте папку через минуту она нам понадобится):

32333435363738394041

Вбиваем в адресную строку своего любимого браузера эту строку: localhost/15511/vqmod/install и если всё было правильно сделано увидите это:

42

Теперь в папке 15511 откроем папку vqmod и удалим из неё папку install:

43444546

Начальная подготовка к созданию интернет магазина окончена, до встречи в следующей части нашего урока. Следите за новостями.

9 Комментариев

  1. Дмитрий

    06.03.2014 at 01:31

    Спасибо, все очень доходчиво. Ждем второй части

  2. Спасибо, все отлично. Ставил vqmod, установился, но в алминке нигде это не отображается!? или я слепой наверное. Подскажите где в админке это найти, так как хочу поставить модуль «Оформление заказа на одной странице» там указано, что надо зайти в алминку и выбрать xml файл. спасибо

    • Владислав Храмцов
      vkontakte.ru Владислав Храмцов

      30.03.2014 at 23:33

      Сам VQmod ничего не отображает в админке после установки, а вот когда установите vqmod они будут появляться либо в модулях либо в пунктах меню — взависимости куда их вывел автор модуля, если хотите ввидеть все установленные vqmod’ы установите vqmod manager.

  3. Денис

    02.04.2014 at 17:47

    Здравствуйте Владислав. Спасибо Вам за статьи, они во многом мне помогли освоить «opencart». У меня такой вопрос к Вам имеется. Я хочу добавить эффект к товару, при наведении на который изображение будет меняться, то есть вместо одной картинки при наведении появляется другая. Знаете ли Вы как это можно реализовать в системе opencart?

    • Владислав Храмцов
      vkontakte.ru Владислав Храмцов

      02.04.2014 at 18:14

      На html страничках так делал, просто берётся сдвоенная картинки, 50% по ширине занимает одно изображение, 50% второе и просто css стилями сдвигается, но на opencart’е не знаю как можно сделать.

    • Денис

      02.04.2014 at 18:37

      Как реализовать через css и javascript знаю, но вот как это все сделать в opencart для меня вопрос. Возможно через vqmod это можно как-то реализовать. Если у вас появится информация по моему вопросу, ообщите пожалуйста.

  4. Евгений

    12.08.2014 at 15:40

    Отличная статья!Огромное спасибо!
    Всё по делу. Никакой воды. Разобрался очень быстро.
    Успехов Вам в работе!

  5. Денис

    16.10.2014 at 14:09

    Здравствуйте, Владислав! Скажите, а для чего устанавливался VQmod?

    • Владислав Храмцов
      vkontakte.ru Владислав Храмцов

      16.10.2014 at 19:26

      1. Очень часто спрашивают как его установить
      2. В третьей статье к примеру мы ставим vqmod модуль импорт-экспорт, для его работы необходим установленный vqmod

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

Your email address will not be published.

*

CAPTCHA image
*

© 2016 Moushe.ru При копировании материалов, ссылка на нас обязательна!

Вверх ↑



Яндекс.Метрика