🚲
Switch branches/tags
Nothing to show
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
.gitignore
README.md
gulpfile.js
options.js
package.json
postcss.config.js

README.md

Gulp конфиг для запуска методов InSales uploader

InSales uploader позволяет локально работать с темами платформы InSales

npm version

Как начать работать

  • Если у вас не установлен node.js, то необходимо установить с оф. сайта, желательно последнюю версию.
  • Скачать архив данного репозитория или сделать git clone.
  • Установить пакеты через npm.
  • Отредактировать options.js в соответствии с вашим магазином.
  • Запустить нужную задачу.
  • Переодически следить за обновлением пакета InSales uploader (чтобы обновить пакет, в консоли нужно запустить npm update).

Видео по установке

Установить пакеты через npm

Установка пакетов производится из командной строки (должен быть установлен node.js).

В командной строке находим папку в которую вы скопировали данный репозиторий.

Пример:

cd c:\shop-insales

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

После того как вы открыли папку, можно запустить установку пакетов:

npm install

Options

account

  • id, token — необходимо сгенерировать в бэк-офисе: Приложения -> Разработчикам -> Создать новый ключ доступа;
  • url — url магазина из бэк-офиса, ссылка не должна содержать 'http://' и '/';
  • http — если в админ панели нет поддержки https, следует выставить значение - true;

theme

  • id — id темы;
  • root — корнеевая папка для сохранения темы;
  • excludeFiles - массив путей, которые будут игнорироваться при отслеживании изменений.

Запуск задач

Чтобы запустить задачу, в командной строке нужно запустить:

gulp <имя задачи>

Пример:

gulp download

Задача с именем default запускается просто:

gulp

После того как запустится задача с методом stream, все изменения в файлах будут применяться на сайте.

Если команда gulp не найдена, установите gulp глобально. npm i gulp -g

Структура папок

Папки media и assets, дублирут друг друга. Когда запущен стрим изменения попадают в обе папки. Так же при скачивании файлы раскладываются в media и assets. Assets создаётся для удобства работы.

Папка media является приоритетной, так как она предусмотрена архитектурой тем на платформе InSales.

root/
    |-- assets/
        |-- fonts/
        |-- img/
        |-- js/
        |-- media/
        |-- style/
        |-- svg/
    |-- config/
    |-- media/
    |-- snippets/
    |-- templates/
    |-- backup/

О проблемах в работе пишите сюда

Ссылки

Разработка тем InSales

Node.js

Gulp

Полезные ссылки