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

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

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

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

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

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

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

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

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

Скачать файл с товарами

Задание:
  1. Создать тестовый магазин на Shopify на бесплатном пробном периоде (free trial);
  2. После создания магазина установить в него в качестве основной бесплатную тему Dawn;
  3. Добавить 10 тестовых товаров (импортировать из файла).
    В админке, через bulk editor, указать количество (Quantity) каждому товару от 3 до 7 . Объединить 5 товаров в коллекцию Collection One; остальные 5 товаров объединить в коллекцию Collection Two;
  4. Зайти в редактирование кода темы;
  5. Создать новую секцию "test-products-sliders-tabs" в коде темы, в которой сделать блок с двумя табами\вкладками (одна вкладка скрыта, другая открыта, переключаются при клике по названию вкладок), в каждой из которых должен быть слайдер товаров из каждой из двух ранее созданных коллекций (одна коллекция для одного слайдера и другая коллекция для другого) с выводом 4 товаров в ряд на десктопной версии сайта и с 2 товарами в ряд на экранах шириной меньше 749px (через max-width:749px в стилях) (остальные оставшиеся из 10 появляются при прокрутке стрелочек слайдера). Название вкладок соответствует названию двух коллекций;
  6. У каждого товара должна выводиться основная фотография товара, его название, цена и старая цена (она должна быть меньше основной по размеру шрифта и зачёркнутой), а также две кнопки "В корзину" (добавляет этот товар в корзину с переходом в неё или без перехода, главное, чтобы добавлял) и "Подробнее" (при клике на эту кнопку переходим на страницу товара);
  7. Оба слайдера должны иметь бесконечную прокрутку;
  8. Функционал слайдеров подключить, настроить и инициализировать с помощью Slick Slide https://kenwheeler.github.io/slick/
  9. Застилизовать\оформить эти табы и слайдеры с использованием темно-фиолетового, черного, серого, белого и оранжевого цветов;
  10. Вывести эту секцию с табами слайдеров товаров на главную страницу магазина;
  11. Убрать остальные секции основной области контента главной страницы сайта, оставив между основным меню и футером только слайдер товаров;
  12. Добавить в каждой из двух созданных коллекций 4 товарам тег "EXTRA", добавить в каждом слайдере вывод оранжевой плашки\значка с текстом "EXTRA" поверх фотографии товара в правом верхнем углу каждому товару, имеющему такой тег;
  13. Добавьте блок по макету из фигмы (мобильная + десктоп)
  14. Укажите пароль к витрине магазина в форме сдачи задания.

ВНИМАНИЕ Для выполнения задания не надо оплачивать тариф Shopify или иных сервисов.

Ответ присылайте, пожалуйста, в виде ссылки на товар в созданном вами магазине.
Результат
Отправьте нам результат тестового задания
Вопросы
Если у вас остались вопросы пишите на hr@ecommerce-works.com
Все вакансии:

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

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

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

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

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

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

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

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

Made on
Tilda