111 Верстальщик Shopify
Вакансия от компании Ecommerce Works
Что мы делаем
Мы предоставляем услуги для интернет-магазинов и других коммерческих сайтов на коробочных и облачных платформах.
Чаще всего мы работаем со следующими CMS:
  • Shopify
  • InSales
  • Wordpress
  • Joomla
  • Bitrix
Как происходит работа
Задача - Ментор - Исполнитель - Выполнение

Задача от клиента поступает ментору

Ментор назначает задачу на вас

Вы приступаете к выполнению
Кого мы зовем к нам
Личные качества
  • Ответственность
  • Желание понять и помочь клиенту
  • Умение работать в команде

Технологии
не обязательно владеть всеми
  • HTML/CSS/JS
  • Адаптивная верстка (Bootstrap, Flex)
  • Работа с версткой на облачных платформах (Shopify, InSales)
  • Шаблонизатор Liquid
  • Репозиторий

Также, важна готовность общаться в Slack и в некоторых случаях в Trello.
Что надо будет делать
  • Верстка и подключение уникального дизайна
  • Настройка дизайна готового шаблона
  • Настройка триггерной рассылки
  • Установка аналитики (Метрика+Analytics), установка кодов отслеживания событий
  • Расширенная электронная торговля, установка кодов на сайт
  • Доработка шаблона по заданию клиента
  • Оптимизация скорости загрузки сайта
  • Подключение сквозной аналитики к магазину
  • Верстка и подключение уникального дизайна триггерной рассылки
Условия
График
Вы сами выбираете когда работать.
Чем больше вы на связи, тем больше мы сможем рассчитывать на вас.
Мы работаем с 10 до 22 по Мск.

Оплата
Почасовая из расчёта 50-140 т.р. в месяц
Ставка зависит от вашей квалификации
Вы сами регистрируете истраченные часы на работу.
Тестовое задание
Опытному специалисту понадобится не более получаса на его выполнение.

Для выполнения тестового задания вам пригодится документация по шаблонизатору Liquid
https://help.shopify.com/en/themes/liquid

Для ускорения работы, предлагаем использовать шпаргалку по Liquid
https://www.shopify.com/partners/shopify-cheat-sheet

Задание:
  1. Создать магазин на Shopify (free trial).
  2. После создания магазина выбрать тему Debut (если она не стоит по умолчанию).
  3. Добавить 6 тестовых товаров, задать им произвольную цену (Price) и старую цену (Compare at price). В карточке создания товара в блоке Inventory указать количество (Quantity) каждому товару от 3 до 7, каждому товару добавить произвольное изображение примерно одинаковых пропорций с остальными.
  4. Зайти в редактирование кода темы. Создать новую секцию "collection-slider", которая будет иметь функционал слайдера товаров с выводом 4 товаров в ряд на десктопной версии сайта. У каждого товара должна выводиться основная фотография, название, цена и старая цена, а также две кнопки "Добавить в корзину" и "Подробнее" с соответствующим функционалом. Слайдер должен иметь бесконечную прокрутку. Взять за основу существующую секцию "collection" (не путать с одноименной Template), функционал слайдера подключить и активировать с помощью Slick-Slider (идет в урезанной версии в комплекте с темой Debut). Задействовать HTML/CSS для корректного вывода слайдов и их количества. Стилизовать этот слайдер по вашему выбору с использованием темно-фиолетового, черного, белого и серого цветов. Вывести эту секцию слайдера товаров на главную страницу сайта. Убрать остальные секции основной области контента главной страницы сайта, оставив между основным меню и футером только слайдер товаров.
  5. Добавить двум добавленным вами в магазин товарам тег "EXTRA", добавить в слайдере товаров вывод оранжевой плашки\значка с текстом "EXTRA" поверх фотографии товара в правом верхнем углу каждому товару, имеющему такой тег.
  6. Отключить пароль на магазин.
Ответ присылайте, пожалуйста, в виде ссылки на товар в созданном вами магазине.
Результат
Отправьте нам результат тестового задания
Вопросы
Если у вас остались вопросы пишите на hr@ecommerce-works.com
Все вакансии:

Услуги и работы для сайтов и интернет-магазинов

Услуги и работы для сайтов и интернет-магазинов

Услуги и работы для сайтов и интернет-магазинов

Услуги и работы для сайтов и интернет-магазинов

Услуги и работы для сайтов и интернет-магазинов

Услуги и работы для сайтов и интернет-магазинов

Услуги и работы для сайтов и интернет-магазинов

Услуги и работы для сайтов и интернет-магазинов

Made on
Tilda