BeautyShop - интернет-магазин для девочек!
24 июня 2016
Автор: Роман Забродин
Коллеги, мы рады сообщить Вам о том, что наше новое решение доступно Вам для покупки! ![Фото 1: «:)»](https://www.1c-bitrix.ru/bitrix/images/main/smiles/9/icon_smile.gif?1500368328651)
Первая версия BeautyShop сразу получила 5 важных возможностей и технологий выделяющих наше решение из числа прочих:
![Фото 2: «ad583f8daa4956b1753b8dc1b4aeab75.jpg»](https://site-cloud-files.bitrix.info/main/8d5/8d5fd765fb1767d5911771791929397a/ad583f8daa4956b1753b8dc1b4aeab75.jpg)
Переключать цвета на демонстрационном сайте позволяет панель настройки:
![Фото 3: «82e34d30920d8eacf5193f15664d6f93.png»](https://site-cloud-files.bitrix.info/resize_cache/2236469/04dbd6b4c314fe48f655aad84339ad15/main/56f/56f906da747ec3bdc74a94ab9afefd29/82e34d30920d8eacf5193f15664d6f93.png)
Перечислим и опишем другие уже реализованные функции нашего нового решения.
ГЛАВНАЯ СТРАНИЦА:
- трехуровневое горизонтальное меню (товарный рубрикатор)
![Фото 4: «91689045cd8119270841a4ae75e58eeb.png»](https://site-cloud-files.bitrix.info/resize_cache/2236479/04dbd6b4c314fe48f655aad84339ad15/main/563/563fca63332ce21a73bca95a34a3e910/91689045cd8119270841a4ae75e58eeb.png)
если категорий первого уровня становится слишком много, то они группируются в последнем пункте "ещё.."
- центральный слайдер листающийся по таймеру, в который вы можете загрузить свои баннеры
- возможность авторизации через социальные сети (модуль "социальные сервисы" ) На скриншоте соцсети всего три, но вы можете добавить другие через панель управления 1С-Битрикс:
![Фото 5: «c669557648b53daa9de258a31cba0f6c.png»](https://site-cloud-files.bitrix.info/resize_cache/2236497/04dbd6b4c314fe48f655aad84339ad15/main/ebb/ebb6c62c93e6e135d9377ccacadff471/c669557648b53daa9de258a31cba0f6c.png)
- возможность добавить стикеры на товары: Новинка, Хит, Скидка, Лучшая цена
- специальные продающие блоки на главной странице с возможностью вывода новинок, хитов, бестселлеров, акций!
- уникальный механизм добавления товара в малую корзину, с великолепной анимацией!
КАТАЛОГ:
- Поддержка "Умного фильтра" , постраничной навигации, указания количества товаров выводящихся на одной странице (все это работает AJAX -- без перезагрузки страницы)
![Фото 6: «0e41059965fdcd773c7215715afbd57a.png»](https://site-cloud-files.bitrix.info/resize_cache/2236449/04dbd6b4c314fe48f655aad84339ad15/main/145/145d50ebee030d525ba330b1c82cd47a/0e41059965fdcd773c7215715afbd57a.png)
- три вида отображения списка товаров (с переключением на AJAX)
Вид список -- наиболее полный подробный информативный вид отображения, возможность отправления товара в корзину с указанием количества:
![Фото 7: «e8456bc499324f0bbf5a8c1d73833ee2.jpg»](https://site-cloud-files.bitrix.info/resize_cache/2236507/04dbd6b4c314fe48f655aad84339ad15/main/589/58936916993e52570c7d13dbf1c9528f/e8456bc499324f0bbf5a8c1d73833ee2.jpg)
Вид "Таблица" -- самый компактный вид, идеально подходит для оптовых покупателей:
![Фото 8: «6babb9b4848718ffc63435ef08dd15cc.jpg»](https://site-cloud-files.bitrix.info/resize_cache/2236459/04dbd6b4c314fe48f655aad84339ad15/main/c3b/c3bc553363c166dec30b8af0746370f9/6babb9b4848718ffc63435ef08dd15cc.jpg)
Вид "Блоки" -- оптимальный универсальный вид отображения в меру компактный и в меру же информативный:
![Фото 9: «9baef570ff7dda7cd88fc63b7a375d57.jpg»](https://site-cloud-files.bitrix.info/resize_cache/2236451/04dbd6b4c314fe48f655aad84339ad15/main/531/5312bb6035e6fa80b3a72e75da3fa87e/9baef570ff7dda7cd88fc63b7a375d57.jpg)
- возможность добавления товара в список сравнения со всех страниц сайта, и блоков, в которых есть товары
- блок "вы не давно просматривали" на детальной странице и в списке товаров
![Фото 10: «f9af0dbb703a813124157dd04087c798.jpg»](https://site-cloud-files.bitrix.info/resize_cache/2236503/04dbd6b4c314fe48f655aad84339ad15/main/dee/dee5d97a28507c371b899cf63e7ceab9/f9af0dbb703a813124157dd04087c798.jpg)
- возможность сортировки товаров по названию, цене, популярности (берется из результатов голосования)
- возможность отображения старой перечеркнутой цены
- управление форматом и режимом ресайзера изображений товаров + автоматическое наложение водяного знака (текст или файл для защиты ваших авторских прав на фотографии)
ДЕТАЛЬНАЯ СТРАНИЦА ТОВАРА
- Поддержка SKU (торговые предложения) в списке и на детальной странице. Можно например выбрать объём у духов и от этого будет зависеть их цена.
![Фото 11: «6cec2aa06fb5c7094ef861e618d95432.jpg»](https://site-cloud-files.bitrix.info/main/e7e/e7e1b5818d542b295c01ee71ce4819aa/6cec2aa06fb5c7094ef861e618d95432.jpg)
- галерея товара на детальной странице. Фотографию товара можно увеличить во всплывающем окне либо с помощью увеличительного стекла (клик по соответствующей пиктограмме)
![Фото 12: «609ac0c14cdddd5fb9fd7723ee8ba77e.png»](https://site-cloud-files.bitrix.info/main/43d/43dd405a6ec4b378163f57a665b79c18/609ac0c14cdddd5fb9fd7723ee8ba77e.png)
Причем у товаров имеющих SKU, у каждого товарного предложения может быть своя собственная галерея товаров.
- вкладки описания и характеристик, в которых соответственно выводятся текстовое описание и свойства товара
- информация по наличию товара артикул, ссылка на подробное описание бренда, возможность поделиться страницей в соцсетях
- возможность оставлять отзывы о товаре при использовании стандартного модуля "Форум"
![Фото 13: «2ee4cf63a922bd80eb262e34bb2c8918.jpg»](https://site-cloud-files.bitrix.info/resize_cache/2236441/04dbd6b4c314fe48f655aad84339ad15/main/75a/75a73d7906a10d6a4d7e988a9e6ee011/2ee4cf63a922bd80eb262e34bb2c8918.jpg)
СТРАНИЦА РЕЗУЛЬТАТА СРАВНЕНИЯ ТОВАРОВ:
- страница результата сравнения товаров с горизонтальным скролированием, и возможностью добавления товара в крзину прямиком со страницы сравнения
- автоматически формируется осмысленный заголовок сравнения
![Фото 14: «0adab689ad5a457930d5e4c1b095f087.jpg»](https://site-cloud-files.bitrix.info/resize_cache/2236447/04dbd6b4c314fe48f655aad84339ad15/main/fa6/fa649c288d918dab1bc5c2fd7fc0c381/0adab689ad5a457930d5e4c1b095f087.jpg)
ПОКУПКА И ОФОРМЛЕНИЕ ЗАКАЗА:
- страница большой корзины с возможностью добавления товара в отложенные и удаления товаров из корзины. Все действия на AJAX!
![Фото 15: «44955d98e5909563f06b18e25e12641a.png»](https://site-cloud-files.bitrix.info/resize_cache/2236487/04dbd6b4c314fe48f655aad84339ad15/main/18a/18a720a91ff58cf1c25c024cd0f9526a/44955d98e5909563f06b18e25e12641a.png)
- страница оформления заказа с выбором платежной системы, способа доставки, адреса получателя и всего прочего, что указывается в таких случаях...
![Фото 16: «369be221c7030d2695fdafadf8c35cbf.jpg»](https://site-cloud-files.bitrix.info/resize_cache/2236463/04dbd6b4c314fe48f655aad84339ad15/main/d36/d369e883e34bdb8f135f2f0dda89ed55/369be221c7030d2695fdafadf8c35cbf.jpg)
- личный кабинет выполненный в виде лэнднга с историей заказов, с расширенной возможностью поиска заказа:
![Фото 17: «35bacb00931ea90635b6e65472032e90.jpg»](https://site-cloud-files.bitrix.info/resize_cache/2236475/04dbd6b4c314fe48f655aad84339ad15/main/1a6/1a6e4c6038aafcdde6e3080ef1a908a3/35bacb00931ea90635b6e65472032e90.jpg)
- детальная страница оформленного заказа, на которой можно отменить заказа, или оплатить его
ПРОЧИЕ СТРАНИЦЫ:
- список новостей и детальная страница новости
![Фото 18: «f915ee9f49c485362dec804f26a296c9.jpg»](https://site-cloud-files.bitrix.info/resize_cache/2236511/04dbd6b4c314fe48f655aad84339ad15/main/a71/a715919093f977e0eb01cc23813e3e36/f915ee9f49c485362dec804f26a296c9.jpg)
- страница брендов отсортированных в алфавитном порядке
![Фото 19: «73b31c92258f9971346c843c02832a6d.jpg»](https://site-cloud-files.bitrix.info/resize_cache/2236465/04dbd6b4c314fe48f655aad84339ad15/main/faa/faaf5bb05c8204bdc963ef584bb9ffc4/73b31c92258f9971346c843c02832a6d.jpg)
- детальная страница бренда с подробным его описанием и с блоком товаров данного бренда
![Фото 20: «dacf2ea834a3b49eaa52c007931d6536.jpg»](https://site-cloud-files.bitrix.info/resize_cache/2236499/04dbd6b4c314fe48f655aad84339ad15/main/f8e/f8eee911ce383b7d532a41a6d35526fd/dacf2ea834a3b49eaa52c007931d6536.jpg)
- блок поиска на главной странице по товарам, новостям, или поиск и в товарах и новостях
- индивидуальная страница поиска, со своим видом для товаров и новостей
![Фото 21: «b518a2cd588d3615eee687d5f82ea66f.jpg»](https://site-cloud-files.bitrix.info/resize_cache/2236501/04dbd6b4c314fe48f655aad84339ad15/main/b67/b67b7c237e2e66504431ca6d903c0002/b518a2cd588d3615eee687d5f82ea66f.jpg)
- вывод блоков Ваших социальных групп в facebook, twitter, ВКонтакте, на главной странице сайта
- специальные области для контактов, счетчиков, ссылок и другой информации в подвале сайта
![Фото 22: «6aa4de947e16f003132e8425e73f3ce4.png»](https://site-cloud-files.bitrix.info/resize_cache/2236461/04dbd6b4c314fe48f655aad84339ad15/main/da6/da67d64c0d899ce03bb236fca886b541/6aa4de947e16f003132e8425e73f3ce4.png)
ЧТО В НАШИХ БЛИЖАЙШИХ ПЛАНАХ:
Наша проектная группа:
Дизайнер: Мария Вишнякова под руководством Анны Кузнецовой Front-End разработка: Екатерина Суровцева Back-End разработка: Александр Мартынов Руководитель проекта: Роман Забродин
![Фото 1: «:)»](https://www.1c-bitrix.ru/bitrix/images/main/smiles/9/icon_smile.gif?1500368328651)
Первая версия BeautyShop сразу получила 5 важных возможностей и технологий выделяющих наше решение из числа прочих:
- яркий запоминающийся ДЕВЧАЧИЙ дизайн сайта!
- 5 уникальных цветовых схем (можно подобрать под любой логотип и фирменный стиль)
- адаптивную верстку для ПК, ноутбуков, смартфонов и планшетов (Bootstrap, работает на любых устройствах)
- полный AJAX (быстрая обработка действий без перезагрузки страницы)
- уникальную адаптивную AJAX корзину (красивый визуальный эффект и удобное юзабилити!)
-
композитный режим работы
![Фото 2: «ad583f8daa4956b1753b8dc1b4aeab75.jpg»](https://site-cloud-files.bitrix.info/main/8d5/8d5fd765fb1767d5911771791929397a/ad583f8daa4956b1753b8dc1b4aeab75.jpg)
Переключать цвета на демонстрационном сайте позволяет панель настройки:
![Фото 3: «82e34d30920d8eacf5193f15664d6f93.png»](https://site-cloud-files.bitrix.info/resize_cache/2236469/04dbd6b4c314fe48f655aad84339ad15/main/56f/56f906da747ec3bdc74a94ab9afefd29/82e34d30920d8eacf5193f15664d6f93.png)
Перечислим и опишем другие уже реализованные функции нашего нового решения.
ГЛАВНАЯ СТРАНИЦА:
- трехуровневое горизонтальное меню (товарный рубрикатор)
![Фото 4: «91689045cd8119270841a4ae75e58eeb.png»](https://site-cloud-files.bitrix.info/resize_cache/2236479/04dbd6b4c314fe48f655aad84339ad15/main/563/563fca63332ce21a73bca95a34a3e910/91689045cd8119270841a4ae75e58eeb.png)
если категорий первого уровня становится слишком много, то они группируются в последнем пункте "ещё.."
- центральный слайдер листающийся по таймеру, в который вы можете загрузить свои баннеры
- возможность авторизации через социальные сети (модуль "социальные сервисы" ) На скриншоте соцсети всего три, но вы можете добавить другие через панель управления 1С-Битрикс:
![Фото 5: «c669557648b53daa9de258a31cba0f6c.png»](https://site-cloud-files.bitrix.info/resize_cache/2236497/04dbd6b4c314fe48f655aad84339ad15/main/ebb/ebb6c62c93e6e135d9377ccacadff471/c669557648b53daa9de258a31cba0f6c.png)
- возможность добавить стикеры на товары: Новинка, Хит, Скидка, Лучшая цена
- специальные продающие блоки на главной странице с возможностью вывода новинок, хитов, бестселлеров, акций!
- уникальный механизм добавления товара в малую корзину, с великолепной анимацией!
КАТАЛОГ:
- Поддержка "Умного фильтра" , постраничной навигации, указания количества товаров выводящихся на одной странице (все это работает AJAX -- без перезагрузки страницы)
![Фото 6: «0e41059965fdcd773c7215715afbd57a.png»](https://site-cloud-files.bitrix.info/resize_cache/2236449/04dbd6b4c314fe48f655aad84339ad15/main/145/145d50ebee030d525ba330b1c82cd47a/0e41059965fdcd773c7215715afbd57a.png)
- три вида отображения списка товаров (с переключением на AJAX)
Вид список -- наиболее полный подробный информативный вид отображения, возможность отправления товара в корзину с указанием количества:
![Фото 7: «e8456bc499324f0bbf5a8c1d73833ee2.jpg»](https://site-cloud-files.bitrix.info/resize_cache/2236507/04dbd6b4c314fe48f655aad84339ad15/main/589/58936916993e52570c7d13dbf1c9528f/e8456bc499324f0bbf5a8c1d73833ee2.jpg)
Вид "Таблица" -- самый компактный вид, идеально подходит для оптовых покупателей:
![Фото 8: «6babb9b4848718ffc63435ef08dd15cc.jpg»](https://site-cloud-files.bitrix.info/resize_cache/2236459/04dbd6b4c314fe48f655aad84339ad15/main/c3b/c3bc553363c166dec30b8af0746370f9/6babb9b4848718ffc63435ef08dd15cc.jpg)
Вид "Блоки" -- оптимальный универсальный вид отображения в меру компактный и в меру же информативный:
![Фото 9: «9baef570ff7dda7cd88fc63b7a375d57.jpg»](https://site-cloud-files.bitrix.info/resize_cache/2236451/04dbd6b4c314fe48f655aad84339ad15/main/531/5312bb6035e6fa80b3a72e75da3fa87e/9baef570ff7dda7cd88fc63b7a375d57.jpg)
- возможность добавления товара в список сравнения со всех страниц сайта, и блоков, в которых есть товары
- блок "вы не давно просматривали" на детальной странице и в списке товаров
![Фото 10: «f9af0dbb703a813124157dd04087c798.jpg»](https://site-cloud-files.bitrix.info/resize_cache/2236503/04dbd6b4c314fe48f655aad84339ad15/main/dee/dee5d97a28507c371b899cf63e7ceab9/f9af0dbb703a813124157dd04087c798.jpg)
- возможность сортировки товаров по названию, цене, популярности (берется из результатов голосования)
- возможность отображения старой перечеркнутой цены
- управление форматом и режимом ресайзера изображений товаров + автоматическое наложение водяного знака (текст или файл для защиты ваших авторских прав на фотографии)
ДЕТАЛЬНАЯ СТРАНИЦА ТОВАРА
- Поддержка SKU (торговые предложения) в списке и на детальной странице. Можно например выбрать объём у духов и от этого будет зависеть их цена.
![Фото 11: «6cec2aa06fb5c7094ef861e618d95432.jpg»](https://site-cloud-files.bitrix.info/main/e7e/e7e1b5818d542b295c01ee71ce4819aa/6cec2aa06fb5c7094ef861e618d95432.jpg)
- галерея товара на детальной странице. Фотографию товара можно увеличить во всплывающем окне либо с помощью увеличительного стекла (клик по соответствующей пиктограмме)
![Фото 12: «609ac0c14cdddd5fb9fd7723ee8ba77e.png»](https://site-cloud-files.bitrix.info/main/43d/43dd405a6ec4b378163f57a665b79c18/609ac0c14cdddd5fb9fd7723ee8ba77e.png)
Причем у товаров имеющих SKU, у каждого товарного предложения может быть своя собственная галерея товаров.
- вкладки описания и характеристик, в которых соответственно выводятся текстовое описание и свойства товара
- информация по наличию товара артикул, ссылка на подробное описание бренда, возможность поделиться страницей в соцсетях
- возможность оставлять отзывы о товаре при использовании стандартного модуля "Форум"
![Фото 13: «2ee4cf63a922bd80eb262e34bb2c8918.jpg»](https://site-cloud-files.bitrix.info/resize_cache/2236441/04dbd6b4c314fe48f655aad84339ad15/main/75a/75a73d7906a10d6a4d7e988a9e6ee011/2ee4cf63a922bd80eb262e34bb2c8918.jpg)
СТРАНИЦА РЕЗУЛЬТАТА СРАВНЕНИЯ ТОВАРОВ:
- страница результата сравнения товаров с горизонтальным скролированием, и возможностью добавления товара в крзину прямиком со страницы сравнения
- автоматически формируется осмысленный заголовок сравнения
![Фото 14: «0adab689ad5a457930d5e4c1b095f087.jpg»](https://site-cloud-files.bitrix.info/resize_cache/2236447/04dbd6b4c314fe48f655aad84339ad15/main/fa6/fa649c288d918dab1bc5c2fd7fc0c381/0adab689ad5a457930d5e4c1b095f087.jpg)
ПОКУПКА И ОФОРМЛЕНИЕ ЗАКАЗА:
- страница большой корзины с возможностью добавления товара в отложенные и удаления товаров из корзины. Все действия на AJAX!
![Фото 15: «44955d98e5909563f06b18e25e12641a.png»](https://site-cloud-files.bitrix.info/resize_cache/2236487/04dbd6b4c314fe48f655aad84339ad15/main/18a/18a720a91ff58cf1c25c024cd0f9526a/44955d98e5909563f06b18e25e12641a.png)
- страница оформления заказа с выбором платежной системы, способа доставки, адреса получателя и всего прочего, что указывается в таких случаях...
![Фото 16: «369be221c7030d2695fdafadf8c35cbf.jpg»](https://site-cloud-files.bitrix.info/resize_cache/2236463/04dbd6b4c314fe48f655aad84339ad15/main/d36/d369e883e34bdb8f135f2f0dda89ed55/369be221c7030d2695fdafadf8c35cbf.jpg)
- личный кабинет выполненный в виде лэнднга с историей заказов, с расширенной возможностью поиска заказа:
![Фото 17: «35bacb00931ea90635b6e65472032e90.jpg»](https://site-cloud-files.bitrix.info/resize_cache/2236475/04dbd6b4c314fe48f655aad84339ad15/main/1a6/1a6e4c6038aafcdde6e3080ef1a908a3/35bacb00931ea90635b6e65472032e90.jpg)
- детальная страница оформленного заказа, на которой можно отменить заказа, или оплатить его
ПРОЧИЕ СТРАНИЦЫ:
- список новостей и детальная страница новости
![Фото 18: «f915ee9f49c485362dec804f26a296c9.jpg»](https://site-cloud-files.bitrix.info/resize_cache/2236511/04dbd6b4c314fe48f655aad84339ad15/main/a71/a715919093f977e0eb01cc23813e3e36/f915ee9f49c485362dec804f26a296c9.jpg)
- страница брендов отсортированных в алфавитном порядке
![Фото 19: «73b31c92258f9971346c843c02832a6d.jpg»](https://site-cloud-files.bitrix.info/resize_cache/2236465/04dbd6b4c314fe48f655aad84339ad15/main/faa/faaf5bb05c8204bdc963ef584bb9ffc4/73b31c92258f9971346c843c02832a6d.jpg)
- детальная страница бренда с подробным его описанием и с блоком товаров данного бренда
![Фото 20: «dacf2ea834a3b49eaa52c007931d6536.jpg»](https://site-cloud-files.bitrix.info/resize_cache/2236499/04dbd6b4c314fe48f655aad84339ad15/main/f8e/f8eee911ce383b7d532a41a6d35526fd/dacf2ea834a3b49eaa52c007931d6536.jpg)
- блок поиска на главной странице по товарам, новостям, или поиск и в товарах и новостях
- индивидуальная страница поиска, со своим видом для товаров и новостей
![Фото 21: «b518a2cd588d3615eee687d5f82ea66f.jpg»](https://site-cloud-files.bitrix.info/resize_cache/2236501/04dbd6b4c314fe48f655aad84339ad15/main/b67/b67b7c237e2e66504431ca6d903c0002/b518a2cd588d3615eee687d5f82ea66f.jpg)
- вывод блоков Ваших социальных групп в facebook, twitter, ВКонтакте, на главной странице сайта
- специальные области для контактов, счетчиков, ссылок и другой информации в подвале сайта
![Фото 22: «6aa4de947e16f003132e8425e73f3ce4.png»](https://site-cloud-files.bitrix.info/resize_cache/2236461/04dbd6b4c314fe48f655aad84339ad15/main/da6/da67d64c0d899ce03bb236fca886b541/6aa4de947e16f003132e8425e73f3ce4.png)
ЧТО В НАШИХ БЛИЖАЙШИХ ПЛАНАХ:
- добавить возможность покупки в 1 клик
- добавить возможность автоматического определения города по IP-адресу посетителя с дальнейшим подставлением его в процессе оформления заказа и регистрации посетителя
- функционал избранного (Wish List)
- функционал подписки на рассылку
- блоги
- работа по Вашим замечаниям и предложениям!
Наша проектная группа:
Дизайнер: Мария Вишнякова под руководством Анны Кузнецовой Front-End разработка: Екатерина Суровцева Back-End разработка: Александр Мартынов Руководитель проекта: Роман Забродин
Предлагаем еще прочесть