Кнопки поделиться без использования сторонних скриптов (vamshop)
В вамшопе уже довольно давно на странице товара используется блок «Поделиться» от «Яндекса». Он помогает посетителям сайта быстро публиковать ссылки на страницы в социальных сетях и блогах. Блок полезный, но с некоторых пор «Яндекс» блокируется в Украине, и это создает проблемы при загрузке страниц товара. Заменим сторонний скрипт «Яндекса» для того, что бы эта функция […]
Удаление из корзины кнопкой (vamshop)
В вамшопе не очень удобно сделано удаление товара из корзины непосредственно на странице корзины – нужно отметить в чекбоксе товар на удаление, а потом нажать на кнопку “Пересчитать”. Это не совсем понятно пользователю, и я делаю там кнопку, нажав на которую удаление происходит сразу, без других действий. Делается это не сложно, а именно:
BS Carousel с эффектом затемнения
По умолчанию карусель в Bootstrap перелистывается. И это никак не меняется. Но смену кадров можно сделать и с другим популярным эффектом – затемнения или fade. Делается это следующим образом.
Bootstrap JS Carusel в теме WordPress
Bootstrap в своем составе имеет ряд javascript’ов. Один из них – карусель. Если Вы используете в своей теме этот популярный фреймверк, то я покажу, как с помощью него на сайте можно сделать слайдер банеров. Делаем так:
Placeholder для поля типа password
Плейсхолдер, прописанный для input с типом password будет показываться звездочками. Это, мягко говоря, не совсем то, что требуется от плейсхолдера – сделать подсказку о назначении этого самого поля. Эту ситуацию можно исправить простым javascript.
Bootstrap JS Carousel в шаблоне vamshop
В стандартном шаблоне vamshop1 уже давненько используется Bootstrap. Правда, карусель почему-то крутится на другом скрипте – Sequence.js. Я же в своих шаблонах с использованием Bootstrap стараюсь использовать этот фреймверк по полной, в том числе и для слайдеров. Для этого пришлось пойти на пару хитростей. Описывать сам слайдер Bootstrap я не буду, это все можно найти в документации как на […]
Расширяем возможности визуального редактора (vamshop)
В версии vamshop 1.79 в админке обновлен визуальный редактор TinyMCE до версии v4. При этом он стал функционально беднее, расширим его возможности добавив больше управляющих кнопок следующим образом:
Подключаем поддержку скругления углов для IE 6-8
Как известно Internet Explorer до версии 9 не поддерживал скругление. Из-за этого я продолжал делать скругленные боксы архаичным, но тем не менее железобетонно работающим способом – фоном в виде картинки со скругленными углами. Но недавно нашел одно интересное решение, которое и буду теперь применять – CSS3 Pie.
Запрещаем копирование контента. Вариант от Николая Борисова (VAMshop)
Я уже писал о реализации запрета копирования контента. В том скрипте были некоторые проблемы, и один из комментаторов прислал мне свою версию подобного скрипта, которую ему сделали по его просьбе. Я его попробовал и хочу сказать, что таки да, он лучше моего примера. С удовольствием привожу код.
Делаем всплывающие картинки в листинге товара (VAMshop)
В этой заметке я опишу, как сделать увеличение картинки в листинге товара при наведении курсора мыши, а точнее вывод в сплывающем окошке. Для этого будем использовать плагин jQuery Coda Popup Bubbles.