Вебразработка

Две версии JQUERY на сайте

Часто бывает так, что на сайте, который разрабатывался довольно давно, нужно добавить новый функционал, использующий Jquery. Но, как правило, там довольно старая версия этой популярной библиотеки. Менять ее не вариант, т.к. на сайте целый букет скриптов, использующих старую версию и не работающих на новой. В этом случае можно обойтись «малой кровью», подключив еще одну следующим […]

Комментариев нет
Вебразработка

Видео в модальном окне Bootstrap

Вставить видео с Youtube в страницу — не проблема. Но вот со вставкой в модальное окно Bootstrap проблема возникает. Точнее не со вставкой, а с остановом запущенного видео, если окно закрыто.

Комментариев нет
Вебразработка

BS Carousel с эффектом затемнения

По умолчанию карусель в Bootstrap перелистывается. И это никак не меняется. Но смену кадров можно сделать и с другим популярным эффектом — затемнения или fade. Делается это следующим образом.

Комментариев нет
Вебразработка

Выводим описание спецификации в боксе фильтров в виде всплывающей подсказки (vamshop)

У спецификации есть поле «описание», которое не показывается в фильтре товаров, но было бы неплохо вывести его в виде подсказки. Делаем это следующим образом:

3 комментария
Вебразработка

Используем скрипт Colorbox для вывода различных сообщений (vamshop)

В вамшопе в последних сборках используется для вывода увеличеных картинок и попап-окон «Задать вопрос о товаре», «Версия ля печати» плагин для jQuery Colorbox. В первом случае плагин настроен для вывода галереи изображений, во втором — внешней страницы. Научим плагин выводить html-блок непосредственно из тела страницы.

Комментариев нет
Вебразработка

Изменяем размеры окна «Версия для печати» и «Задать вопрос о товаре» (VAMshop)

В последних версиях vamshop безобразные попапы на странице товара заменены на вывод с помощью плагина jQuery  fancybox. Получилось безусловно лучше. Но есть один нюанс — размер окна, он великоват и не влазит по высоте на мониторах с разрешением 1366х768, т.е. большинстве ноутбуков последних моделей. Сейчас мы это исправим.

Комментариев нет
Портфолио

Интернет-магазин люстр и светильников intersvet74.ru

Описание: интернет-магазин осветительного оборудования. Что делалось: дизайн банеров, верстка, натяжка шаблона на VAMshop, доработки функционала. Особенности: смена дизайна на действующем магазине, корзина Х товаров, добавлен вывод количества товара в листинге админки, добавлен вывод количества в листинге товаров для определенных групп посетителей, добавлен вывод попапа с увеличенным изображением товара в листинге при наведении на картинку товара. […]

Комментариев нет
Вебразработка

Делаем авторотатор банеров на jQuery с эффектами прозрачности (VAMshop)

Задачу организации ротации банеров с эффектами перехода я решил, использовав jQuery и плагин Easy Jquery Auto Image Rotator. Итог можно посмотреть на главной странице uspehvdom.com. Опишу этапы реализации:

19 комментариев
Вебразработка

Делаем всплывающие картинки в листинге товара (VAMshop)

В этой заметке я опишу, как сделать увеличение картинки в листинге товара при наведении курсора мыши, а точнее вывод в сплывающем окошке. Для этого будем использовать плагин jQuery Coda Popup Bubbles.

8 комментариев
Вебразработка

Закладки на странице карточки товара (VAMshop)

Как сделать закладки на странице карточки товара написано в «Вопросах и ответах» оффсайта. Но информация там уже устарела, поэтому я и публикую этот пост. В админке на странице start.php основная информация по клиентам, заказам и товарам выводится в закладках. Сделаны они с помощью jQuery. Не будем изобретать велосипед и те же скрипты используем на карточке […]

23 комментария