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

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

• Как начать работать
• Видео по установке
• Настройки
• Запуск задач
• Структура папок
• Ссылки

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

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

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

• Создание ключа доступа
• Установка npm пакетов
• Добавление настроек

Установить пакеты через 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-uploader

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

• Расширенная документация

Node.js

• Дистрибутив Node.js

Gulp

• Сайт Gulp.js
• Базовый курс по Gulp
• Сринкаст по Gulp

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

• Избранное
• Отправка сообщений
• Работа со сравнением
• Обновление информации в корзине
• Плагин для обновления информации товара
• Ранее просмотренные товары
• Определение местоположения пользователя
• Табы на jQuery