Готовые тиражные решения на 1С-Битрикс
Техническая поддержка:
+7-902-943-61-13
Отдел продаж, с 7:00 до 18:00 (по Москве)
Звонок по России бесплатный
Вы также можете заказать звонок

Beautyshop - магазин парфюмерии и косметики

  • Архив

    «   Октябрь 2021   »
    Пн Вт Ср Чт Пт Сб Вс
            1 2 3
    4 5 6 7 8 9 10
    11 12 13 14 15 16 17
    18 19 20 21 22 23 24
    25 26 27 28 29 30 31
                 

Beautyshop 1.2.0 — вышла новая версия интернет-магазина парфюмерии и косметики!

71aa79fd560585c2ebbdafb157e14f80.jpg


Мы рады представить вашему вниманию новую, улучшенную версию нашего отличного решения “Beautyshop”. В новой версии мы расширили функционал решения, добавив в него поддержку наших модулей “успей купить”, “группировка свойств”,  а также складов от “Битрикс”,  и внесли улучшения в работу старого функционала. Давайте рассмотрим более подробно, что же мы сделал в новом обновлении:
  1. Добавлена поддержка модуля “Успей купить” на главной странице:
e22e4907536cd05fbb3708bb511d670f.jpg


в списке товаров для вида список:

e8ef8622f5e4ec9f3f7724dfc89d0733.jpg

и блоки (в виде стикера):

8d24382bf57a44daa30d8222e6ab93f0.jpg


а также на детальной странице товара:

49e7b142844d7010269c6a2dfcfbec5f.jpg


для того, чтобы блок “Успей купить” начал отображаться на странице решения, необходимо перейти в административную часть сайта:

337a734ef06f51d77404a28d511f686b.jpg


в административной части перейти перейти на вкладку “магазин”, и выбрать “Успей купить!” -> “Список акций”:

381c6907df3d646400b8ff25ce3beb82.jpg


в открывшемся окне нажать на кнопку “Добавить”, и ввести данные для новой скидки с привязкой к вашему сайту:


756ecff5123e0c7f86a6979231750a44.jpg

нажать на кнопку “сохранить”, после чего появится блок “Успей купить” на всех страницах сайта с выбранным товаром:


5b6227f74f66bf4b1856776a3376e12c.jpg

2. Вторым важным нововведением стала поддержка нашего модуля “группировка характеристик”, как для обычных товаров:



     4adfbf603c343705dce534cc2a22170a.jpg


так и для торговых предложений:


d5cd4306a06a9d0011618cc7aee0564e.jpg

00294e725c9054c6bc1fe4999fc7cc03.jpg


Для того, чтобы выводилась группировка характеристик товара, необходимо в административной части сайта, задать значение хотя бы для одного свойства товара:


eae043d420e03437dc54b30aab2b4264.jpg


после чего нажать на кнопку “сохранить”, перейти в публичный раздел сайта на страницу отредактированного товара, где появится измененное свойство. По умолчанию, не сгруппированные свойства товара находятся над всеми группами. Для того, чтобы изменить группу для свойства, необходимо перейти в административный раздел сайта в раздел редактирования инфоблока с товарами и перейти на вкладку “Свойства”, нажать на кнопку “добавить новую группу”:

60a50db0b7f1b9f1d1a551700a36a76f.jpg

после чего ввести название группы свойств, и перенести указателем мыши нужные свойства в группу:


083f7462df43fa4e747386487166810f.jpg

нажать на кнопку сохранить, после чего в публичной части сайта на детальной странице товара появится новая, созданная группа характеристик товаров.
Мы также предусмотрели возможность выводить группы характеристики в развернутом или свернутом виде при открытии страницы. Для того, чтобы узнать, как воспользоваться данной опцией, вы можете прочитать в специально подготовленном FAQ https://romza.ru/faq/yenisite.beautyshop/#4836

3. Еще одним важным нововведением стала поддержка складов на детальной странице, как для обычного товара:

c8300d667d3196a048c57d6304903aaa.jpg


так и для торговых предложений:

41de11ce1f29bd278a3d160de061d68c.jpg


53df7b8cb5327c0ab27aece9ab591850.jpg
Мы также предусмотрели вывод наличия складов не только словами, но и в точном количестве. Для того, чтобы узнать, как воспользоваться данной возможностью, вы можете воспользоваться специально подготовленным FAQ https://romza.ru/faq/yenisite.beautyshop/#4832.


4. Помимо добавления нового функционала, мы улучшили старый. В частности мы улучшили функционал механизма “купить в 1 клик”. Теперь в форму “купить в 1 клик” передается наименование товара:

40fe8f65c2b14d69ff095ab28184dfab.jpg

5. Мы добавили множество улучшений во внешнем виде решения:
Переделали верстку избранного в личном кабинете, для мобильной версии:
47a7a5f14a7d641e8593726b888af261.jpg

кнопка избранного и купить в 1 клик теперь всегда доступны на мобильной версии:


9834b187c8c45a9bf614031b58625987.jpg


кнопки “купить” и “в корзине” имеют разные цвета на мобильной версии:

666e3ed602ff93b9152ba3aff9ac85c2.jpg


улучшена адаптивность списка товаров:



8032f71e4ba8d6335d37e68546c42b3e.jpg

улучшена мобильная версия навигации по сайту, как для каталога:



e0e34d31985a723790ddd4b8c7527ccf.jpg


так и для основного меню:


58f5ec504da538e98f7d966d27733f48.jpg


6. И напоследок, чтобы было легче управлять новым функционалом, мы расширили возможности панели настроек. Теперь вы можете задавать не только цветовую схему сайта, но и управлять блоками “Успей купить!” на главной, в списке, на детальной странице, а также блоками складов  на детальной странице. Для этого просто откройте панель настроек и выберете соответствующие пункты настроек:

a34eda784898c6b058f4dfdef023486f.jpg


Страница решения Beautyshop на нашем сайте -- интернет магазин парфюмерии и косметики.
Фото:

Ура мы выпустили первое обновление 1.1.0 для нашего магазина для девочек - Beautyshop!!

f0bb1b4ba9105350e7565886a9ccf28b.jpg

В новом обновлении мы провели серьезную работу над модернизацией и улучшением нашего решения Beautyshop, добавили поддержку наших популярных модулей, и множество улучшений в адаптивности и внешнем виде решения.
Итак что же мы добавили в новом обновлении:

1.  Добавлена поддержка нашего модуля "определение местоположения по IP-адресу", теперь пользователь может указать из какого города он зашел к вам на сайт. Для этого в "шапке" сайта появилась ссылка для выбора города пользователя:


858882ec6f9341f5ddb0e2fa980c1656.jpg



по нажатию на ссылку, будет открыта форма для выбора своего города из быстрого списка, или через специальное поле для ввода:

aee3cadad49268abbbb9299849fdceb8.jpg


Мы также обеспечили поддержку выбора города без перезагрузки страницы. Если вы хотите включить или отключить данную функцию, вы можете перейти в режим правки сайта:

4e117d4d9fb5c4fc8594deccf88552d3.jpg

навести курсор мыши на область выбора города в "шапке" сайта, и нажать на шестеренку, после чего будет открыта форма редактирования параметров модуля "определение местоположения по IP-адресу":

236e986ed09c34fcc2735e56fb1612e5.jpg


в данной форме перейти на вкладку "настройки компонента GeoIP.city" и поставить галочку на против параметра "Перезагружать страницу после выбора города" для отключения функции выбора города
без перезагрузки, либо снять галочку для включения данной функции. Так же в данной форме вы можете настроить список городов для быстрого выбора, и остальные параметры компонента.

2. Второе важное нововведение, мы добавили поддержку модуля "избранное", теперь пользователи вашего сайта смогут добавлять товар в избранное, чтобы он всегда был у них под рукой, с любой страницы на которой есть товар. Для этого у каждого товара есть иконка в виде сердечка:

a2373eb03b9d5d9b33598d170f50f23b.jpg

а на детальной странице мы сделали большую, яркую кнопку для добавления в избранное:

91bc30dc961f757f8a9aaad0c59067ba.jpg

после нажатия на данные кнопки, товар будет добавляться в избранное, о чем пользователь может узнать по иконке избранного рядом с которой выводится количество товаров, находящаяся в шапке  сайта:

cc9a8cef926359df867ef4c9420ab7a4.jpg

для переходя на страницу избранного, необходим кликнуть по данной иконке:

52b5d2a7416f2f30779df1cfa88c9511.jpg
на странице избранного, можно сразу добавить товар в корзину или в список сравнения.

3. Третьим большим дополнением, мы сделали поддержку купить в 1 клик  во всех списках товаров, на детальной странице товара, а также в большой корзине:

9237509774c2cb7f69cb52e0c57fcb13.jpg

14c8de57ea0a2fa013d34e78e0915089.jpg
a0c52c54b4291188a2e4f24b93b289ff.jpg

после нажатия кнопки "купить в 1 клик" будет открыта форма быстрого оформления заказа:

0e6330a9780aa7257a651c46b87a351f.jpg

заполнив данную форму и нажав на кнопку "отправить заказ", будет сформирован заказ с данными о пользователе, если пользователь не зарегистрирован, то для него будет автоматически создана учетная запись, а так же с данными о товаре. Со стороны пользователя будет выведено сообщение об успешном оформлении заказа:

f963584f839ac4032c85d07e6eb8cc1d.jpg

чтобы просмотреть информацию о заказе со стороны администратора, необходимо перейти в раздел "администрирование" в панели администратора:

495f4c2f4a5f1e6ab7fee9c6b4345939.jpg

в появившейся странице в левой панели выбрать "Магазин":

f4b69d49a33a8d72f5f4013fe3621cc0.jpg

в открывшейся вкладке перейти в заказы, после чего вы увидите сформированный заказ от пользователя сайта:

16ca9925e3628384ade61b9a35f8d864.jpg

перейдя на страницу заказа пользователя, вы сможете просмотреть более подробную информацию о заказе. Помимо обычных товаров, пользователь также может оформлять заказы, через модуль
"купить в 1 клик", для торговых предложений, на детальной странице товара с торговыми предложениями. После оформления заказа с торговым предложением, вся информация свойствах торгового предложения будет добавлена в заказа, о чем, администратор сможет узнать на детальной странице заказа:

34831c68fad1245f706799ae024d45a0.jpg

Информацию о том как настроить модуль "купить в 1 клик", вы можете получить из наших специально подготовленных FAQ: http://romza.ru/faq/yenisite.beautyshop/#4736
                                                                                                                                                                                                                   http://romza.ru/faq/yenisite.beautyshop/#4737

4. И последними изменениями, которые мы сделали, стало множество улучшений во внешнем виде, и верстке сайта, исправлены мелкие и не приятные ошибки связанные с работой решения. Так же мы улучшили мобильное отображение решения, теперь множество объектов выглядит именно так как мы задумывали.

Страница решения Beautyshop на нашем сайте -- интернет-магазин косметики и парфюмерии Beautyshop

Beautyshop - интернет-магазин для девочек!

Коллеги, мы рады сообщить Вам о том, что наше новое решение доступно Вам для покупки! :)

5d697ee89b9c1e28edb163899f82809c.jpg


Первая версия BeautyShop сразу получила 5 важных возможностей и технологий выделяющих наше решение из числа прочих:

  • яркий запоминающийся ДЕВЧАЧИЙ дизайн сайта!
  • 5 уникальных цветовых схем (можно подобрать под любой логотип и фирменный стиль)
  • адаптивную верстку для ПК, ноутбуков, смартфонов и планшетов (Bootstrap, работает на любых устройствах)
  • полный AJAX (быстрая обработка действий без перезагрузки страницы)
  • уникальную адаптивную AJAX корзину (красивый визуальный эффект и удобное юзабилити!)
  • композитный режим работы

ad583f8daa4956b1753b8dc1b4aeab75.jpg

Переключать цвета на демонстрационном сайте позволяет панель настройки:

82e34d30920d8eacf5193f15664d6f93.png


Перечислим и опишем другие уже реализованные функции нашего нового решения.


ГЛАВНАЯ СТРАНИЦА:

- трехуровневое горизонтальное меню (товарный рубрикатор)

91689045cd8119270841a4ae75e58eeb.png

если категорий первого уровня становится слишком много, то они группируются в последнем пункте "ещё.."

- центральный слайдер листающийся по таймеру, в который вы можете загрузить свои баннеры

- возможность авторизации через социальные сети (модуль "социальные сервисы" ) На скриншоте соцсети всего три, но вы можете добавить другие через панель управления 1С-Битрикс:

c669557648b53daa9de258a31cba0f6c.png

- возможность добавить стикеры на товары: Новинка, Хит, Скидка, Лучшая цена

- специальные продающие блоки на главной странице с возможностью вывода новинок, хитов, бестселлеров, акций!

- уникальный механизм добавления товара в малую корзину, с великолепной анимацией!

e8d4d2966026865d998ccaa2589895de.jpg



КАТАЛОГ:

- Поддержка "Умного фильтра" , постраничной навигации, указания количества товаров выводящихся на одной странице (все это работает AJAX -- без перезагрузки страницы)

0e41059965fdcd773c7215715afbd57a.png


- три вида отображения списка товаров (с переключением на AJAX)

Вид список -- наиболее полный подробный информативный вид отображения, возможность отправления товара в корзину с указанием количества:

e8456bc499324f0bbf5a8c1d73833ee2.jpg


Вид "Таблица" -- самый компактный вид, идеально подходит для оптовых покупателей:

6babb9b4848718ffc63435ef08dd15cc.jpg

Вид "Блоки" -- оптимальный универсальный вид отображения в меру компактный и в меру же информативный:

9baef570ff7dda7cd88fc63b7a375d57.jpg


- возможность добавления товара в список сравнения со всех страниц сайта, и блоков, в которых есть товары

- блок "вы не давно просматривали" на детальной странице и в списке товаров
f9af0dbb703a813124157dd04087c798.jpg

- возможность сортировки товаров по названию, цене, популярности (берется из результатов голосования)

- возможность отображения старой перечеркнутой цены — пример...

- управление форматом и режимом ресайзера изображений товаров + автоматическое наложение водяного знака (текст или файл для защиты ваших авторских прав на фотографии)



ДЕТАЛЬНАЯ СТРАНИЦА ТОВАРА

- Поддержка SKU (торговые предложения) в списке и на детальной странице. Можно например выбрать объём у духов и от этого будет зависеть их цена.

6cec2aa06fb5c7094ef861e618d95432.jpg

- галерея товара на детальной странице. Фотографию товара можно увеличить во всплывающем окне либо с помощью увеличительного стекла (клик по соответствующей пиктограмме)
609ac0c14cdddd5fb9fd7723ee8ba77e.png

Причем у товаров имеющих SKU, у каждого товарного предложения может быть своя собственная галерея товаров. Пример...

- вкладки описания и характеристик, в которых соответственно выводятся текстовое описание и свойства товара

- информация по наличию товара артикул, ссылка на подробное описание бренда, возможность поделиться страницей в соцсетях

- возможность оставлять отзывы о товаре при использовании стандартного модуля "Форум"

2ee4cf63a922bd80eb262e34bb2c8918.jpg



СТРАНИЦА РЕЗУЛЬТАТА СРАВНЕНИЯ ТОВАРОВ:


- страница результата сравнения товаров с горизонтальным скролированием, и возможностью добавления товара в крзину прямиком со страницы сравнения
- автоматически формируется осмысленный заголовок сравнения

0adab689ad5a457930d5e4c1b095f087.jpg

ПОКУПКА И ОФОРМЛЕНИЕ ЗАКАЗА:


- страница большой корзины с возможностью добавления товара в отложенные и удаления товаров из корзины. Все действия на AJAX!

44955d98e5909563f06b18e25e12641a.png


- страница оформления заказа с выбором платежной системы, способа доставки, адреса получателя и всего прочего, что указывается в таких случаях...

369be221c7030d2695fdafadf8c35cbf.jpg

- личный кабинет выполненный в виде лэнднга с историей заказов, с расширенной возможностью поиска заказа:


35bacb00931ea90635b6e65472032e90.jpg

- детальная страница оформленного заказа, на которой можно отменить заказа, или оплатить его



ПРОЧИЕ СТРАНИЦЫ:

- список новостей и детальная страница новости

f915ee9f49c485362dec804f26a296c9.jpg

- страница брендов отсортированных в алфавитном порядке

73b31c92258f9971346c843c02832a6d.jpg

- детальная страница бренда с подробным его описанием и с блоком товаров данного бренда

dacf2ea834a3b49eaa52c007931d6536.jpg

- блок поиска на главной странице по товарам, новостям, или поиск и в товарах и новостях

- индивидуальная страница поиска, со своим видом для товаров и новостей

b518a2cd588d3615eee687d5f82ea66f.jpg


- вывод блоков Ваших социальных групп в facebook, twitter, ВКонтакте, на главной странице сайта
- специальные области для контактов, счетчиков, ссылок и другой информации в подвале сайта
6aa4de947e16f003132e8425e73f3ce4.png



ЧТО В НАШИХ БЛИЖАЙШИХ ПЛАНАХ:

  • добавить возможность покупки в 1 клик
  • добавить возможность автоматического определения города по IP-адресу посетителя с дальнейшим подставлением его в процессе оформления заказа и регистрации посетителя
  • функционал избранного (Wish List)
  • функционал подписки на рассылку
  • блоги
  • работа по Вашим замечаниям и предложениям! :)

Страница решения Beautyshop на нашем сайте -- интернет-магазин косметики и парфюмерии...


Наша проектная группа:
Дизайнер: Мария Вишнякова под руководством Анны Кузнецовой
Front-End разработка: Екатерина Суровцева
Back-End разработка: Александр Мартынов
Руководитель проекта: Роман Забродин
Фото: