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

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

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

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

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

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

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

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

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

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