Мы давно продаём этот дизайн под другие платформы, но нас попросили выпустить решение и под платформу 1С-Битрикс.
В чем его фишка? Ну, во-первых это — ЛЭНДИНГ! ( Бизнес молодость, привет! ) А, во-вторых, не всем нужен супер-космолёт (вроде Битроник 2) — у кого-то в магазине не 50 000, а всего — от 5 до 50 товаров... И таким людям идеально подойдет наше новое типовое решение работающее на редакции "Старт"!
Что сделано? Конечно же — плоский дизайн и адаптивная валидная верстка в пяти цветовых схемах:
Конечно же — панель настройки решения:
А главная фича панели, это возможность включать/выключать блоки, а так же менять блоки местами!
К сожалению, в панели управления эта функция доступна только Администратору по этому на демонстрационном сайте побаловаться ею не удастся (меняет позиции блоков сразу для всех пользователей), но мы покажем вам скриншот:
Кроме того, есть корзина товаров в двух видах и множество настроек по анимационным эффектам:
А еще:
большой слайдер для спецпредложений,
подписка-рассылка для сбора лидов (а-ля — подпишись и получи скидку 10%),
побуждающие к срочной покупке акции с обратным отсчетом,
возможность купить товар с характеристиками и указанием количества,
Ну, в общем, лучше один раз увидеть —ДЕМО...Пожалуйста, пишите Ваши пожелания, предложения, замечания!
Проектная группа: Дизайнер: Мария Вишнякова Front-End разработка: коллективная работа нескольких авторов под руководством Михаила Ульянова Back-End разработка: Артём Морозов Руководитель проекта: Роман Забродин
Это был спринт добавивший легкости нашему решению, ускоривший его работу и производительность. Мы убрали все лишнее со страницы, в разы ускорив ее загрузку. Расскажу более подробно о том как мы этого добились:
1. Мы перевели разделы на технологию ajax. Для тех кот не знает что это за технология, расскажу о ней немного по подробнее. Ajax (Asynchronous Javascript and XML — «асинхронный JavaScript и XML») — подход к построению интерактивных пользовательских интерфейсов веб-приложений, заключающийся в «фоновом» обмене данными браузера с веб-сервером. В результате, при обновлении данных веб-страница не перезагружается полностью, и веб-приложения становятся быстрее и удобнее. Прибегнув к данной технологии мы смогли убрать лишние товары со страницы, которые принадлежали к разным разделам, и выводить только те товары, которые принадлежат к данному разделу. При выборе другого раздела, текущие товары удаляются со страницы, а на их место приходят другие, относящиеся к выбранному разделу.
2. Но разделами мы не ограничились. Мы также перевели на ajax детальную страницу товара решения.
3. Корзина тоже не осталась без внимания. Ее содержимое динамически подгружается при помощи ajax. Тем самым и содержимое корзины мы смогли убрать из начальной страницы.
4. Кнопка "ЕЩЕ" теперь играет не только декоративную роль, но и выполняет важную функцию. Если раньше по ее нажатию просто показывались уже загруженные товары, то теперь по нажатию кнопки, товары реально подгружаются из БД, при помощи ajax. Таким образом, изначально товаров на странице находится еще меньше чем в самом разделе, что только ускоряет работу решения.
5. При открытии детальной страницы товара, мы сделали добавление ссылок на эти товары в УРЛ. Теперь товары можно открывать по прямой ссылке в УРЛ:
6. Тоже самое мы сделали и для разделов. Если перейти в любой раздел то именно для него будет выводится ссылка в УРЛ, по которой можно сразу попасть в данный раздел.
7. Кнопка еще теперь также имеет собственную ссылку в УРЛ, с помощью которой можно изначально открыть определенное количество товаров.
8. Была улучшена валидация оформления заказа, теперь она работает всегда, а не при увеличении числа товара.
9.Добавлены новые параметры в каталог, которые позволяют задать название параметров для разделов и детальных страниц товаров, а также выбрать раздел по умолчанию, который будет выбираться при открытии страницы
10.Изменена работа кнопки купить, теперь она меняет свое название с "купить" на "в корзине" и обратно в зависимости от того, есть товар в корзине или нет
Введя все выше перечисленные изменения в решение мы смогли добиться следующих показателей:
1. время генерации страницы за 0.1 сек.
2. время готовности страницы (с кэшем браузера) 1.7 сек:
3. время готовности страницы (без кэша браузера) 6 сек.:
Прошу заметить, что указанное время загрузки страницы, показывает полную готовность страницы, пользователю же страница будет видна буквально с первых десятых секунд. А если учитывать тот факт, что наше решение поддерживает композитный режим, то страница будет загружаться с гораздо меньшими показателями готовности страницы, а сам пользователь сможет моментально увидеть содержимое страницы.
Группы на сайте создаются не только сотрудниками «1С-Битрикс», но и партнерами компании. Поэтому мнения участников групп могут не совпадать с позицией компании «1С-Битрикс».