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

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 комментария
Вебразработка

Переделываем бокс «Рекомендуемые» в слайдер (VAM shop)

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

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

Png-прозрачность в IE6 (VAM shop)

Про png-прозрачностьуже написано очень много, нового я не добавлю. Я расскажу лишь, как это правильно сделать на VAM shop.

Комментариев нет