Урок 5 – Заключительная часть цикла статей по созданию модуля для PrestaShop, опубликованная на блоге web-esse.ru. К этому времени у Вас уже должен быть создан модуль с шаблоном и персональным стилем, установлен в админ панели и готов к доработке. В сегодняшнем уроке вы научитесь передавать переменные в шаблон и работать со страницей конфигурации модуля.
Tag: Prestashop
В предыдущем уроке на блоге web-esse.ru мы установили модуль PrestaShop, но никакую информацию он пока что не выводит. В сегодняшнем уроке мы устраним этот пробел и создадим страницу шаблона для нашего модуля.
Тип сайта: Интернет магазин климатической техники.
Поставленная задача: Разработка интернет магазина под ключ на PrestaShop. С улучшенной системой фильтрации и дополнительным функционалом.
Срок разработки: 45 дней
Использовались: CMS PrestaShop 1.5, HTML5, CSS3, PHP, JQuery, Ajax.
Дизайн выполнен в лаконичной и строгой стилистике, но с яркими красными и оранжевыми акцентами.
Верхняя шапка с самой важной информацией (корзиной, контактной информацией и картой проезда) всегда присутсвует в области видимости пользователя, занимая фиксированное положение в верхней части окна.
Основных категорий товара две, поэтому они вынесены в единое горизонтальное меню, которое присутсвует на всех страницах. Использование единого информационного меню и меню каталога упрощает навигацию и поиск информации.
Categories
Яркий интернет магазин детских товаров
Тип сайта: Интернет магазин детских товаров.
Поставленная задача: Разработка интернет магазина под ключ на PrestaShop. Яркий, весёлый, красочный дизайн. Основной концепцией должна быть “детская планета”.
Срок разработки: ~30 дней
Использовались: CMS PrestaShop 1.5, HTML5, CSS3, PHP, JQuery, Ajax.
Дизайн зонально разделён на три части: небо с облаками, основное воздушное пространство и земля. Основой визуальной концепции служит “детская планета”, рисованные весёлые персонажи встречаются в воздушной и земляной части макета. Основное их назначение – создание позитивного и запоминающегося образа сайта.
Тип сайта: Интернет магазин автомобильных аксессуаров.
Адрес сайта: devauto.ru
Поставленная задача: Разработка интернет магазина автомобильных аксессуаров на PrestaShop с удобной системой подбора товара.
Срок разработки: 35 дней
Использовались: CMS PrestaShop 1.5, HTML, CSS, PHP, JQuery, Ajax, спрайты изображений.
Для заказчика было изготовлена 2 варианта дизайна главной. После обсуждения было принято решение, что жёлто-синий более выразителен и утверждён он.
Тип сайта: Интернет магазин детских товаров.
Поставленная задача: Разработка интернет магазина под ключ на PrestaShop. Дизайн должен получиться игрушечный, детский, но стильный (использовать 2 основных цвета).
Срок разработки: ~30 дней
Использовались: CMS PrestaShop 1.5, HTML, CSS, PHP, JQuery, Ajax.
За основу было решено взять 2 основных цвета: жёлтый и синий. В своей насыщенной гаме это сильный цветовой контраст, но в дизайне были использованы их приглушённые варианты.
В фоне используется не отвлекающий внимание мягкий жёлтый и аппликации игрушек. Основные навигационные элементы выполнены в синей гамме, для скидок добавлен традиционный красный.
В обзорах своих работ я часто пишу о важности конверсии посетителей. Прежде чем ввести какой то новый элемент дизайна или поставить модуль, нужно задать себе вопрос – “А приведёт ли это к увеличению конверсии”. Ведь бывает, что модули ставятся бездумно, просто потому, что у конкурентов тоже такой стоит. Сегодня я опишу простой способ увеличения конверсии посетителей – показывать больше товаров с помощью карусели.
Categories
Доработка функционала PrestaShop
Адрес сайта: wookie.com.ua
Поставленная задача: Перевёрстка страницы продуктов, по дизайну, предоставленному заказчиком. Расширение функционала страницы товара. Вывод изображений комбинаций на страницу категорий PrestaShop.
Срок разработки: 30 дней
Если вы строили себе дом, то на верняка искали себе компанию которая предоставит услугу “под ключ”. Специалисты делают свою работу и вручают Вам ключи – больше вы их не увидите. Переносить этот опыт в сферу веб-разработки ошибочно, т.к после запуска интернет магазина работа над ним не заканчивается. Ошибочно искать компанию или разработчика, который сделает Вам “сайт под ключ” и расстанется c Вами. Когда приходят первые посетители становится понятно, какие из дизайнерских фишек сработали, а какие вносят не удобства. Только имея статистику реальных передвижений пользователя, тепловую карту и тому подобные данные – можно понять как увеличить конверсию. Увеличивая конверсию – Вы увеличиваете свою прибыль. Поэтому со многими клиентами мы продолжаем работы и после запуска проекта.
Обзор доработок для данного интернет магазина на PrestaShop я уже публиковала в 2012 году. За последнее время мы внедрили много новинок.
Categories
Создание простого модуля PrestaShop
Этот пост – продолжение цикла статей по созданию простого модуля для PrestaShop. В предыдущем посте на блоге web-esse.ru я рассмотрела типичную структуру модуля, теперь, имея теоретические знания, приступаем к их практическому применению.
Урок 2. Создание простого модуля PrestaShop – “simple”
Дата проекта: Ноябрь 2012
Тип сайта: Интернет магазин текстиля и постельных принадлежностей.
Поставленная задача: Разработка интернет магазина под ключ с с дизайном в стиле современной классики. Понятной и логичной структурой – покупатель должен тратить минимальное время для доступа к необходимой информации.
Срок разработки: 35 дней
Использовались: CMS PrestaShop 1.4, HTML, CSS, PHP, JQuery, Ajax, спрайты изображений.
Когда я слышу слово классика, на ум приходят дворцовые интерьеры: позолота, мраморные колонны, статуи и огромные гобелены. Современная классика впитала в себя всё лучшее, отбросив тяжеловесность прошлого. Поэтому в дизайне сайта в стиле современной классики присутствует благородный метал – золото, от огромных колонн остались только ажурные элементы капители, а вместо гобеленов – подложки благородного бордового цвета.