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

Меняем точку схлопывания меню Navbar Bootstrap 3

О чем сейчас пойдет речь? В bootstrap 3 главное меню адаптивно и при размере менее 768 px (xs) оно не показывается. Открытие происходит по нажатию на кнопку. Иногда меню такое большое, что на планшетном размере 768-991 px (sm) не влазит в отведеное для него место, и есть смысл сделать его также схлопнутым, как и на […]

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

Кнопки поделиться без использования сторонних скриптов (vamshop)

В вамшопе уже довольно давно на странице товара используется блок «Поделиться» от «Яндекса». Он помогает посетителям сайта быстро публиковать ссылки на страницы в социальных сетях и блогах. Блок полезный, но с некоторых пор «Яндекс» блокируется в Украине, и это создает проблемы при загрузке страниц товара. Заменим сторонний скрипт «Яндекса» для того, что бы эта функция […]

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

Удаление из корзины кнопкой (vamshop)

В вамшопе не очень удобно сделано удаление товара из корзины непосредственно на странице корзины — нужно отметить в чекбоксе товар на удаление, а потом нажать на кнопку «Пересчитать». Это не совсем понятно пользователю, и я делаю там кнопку, нажав на которую удаление происходит сразу, без других действий. Делается это не сложно, а именно:

1 комментарий
Вебразработка

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.

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

Запрещаем копирование контента. Вариант от Николая Борисова (VAMshop)

Я уже писал о реализации запрета копирования контента. В том скрипте были некоторые проблемы, и один из комментаторов прислал мне свою версию подобного скрипта, которую ему сделали по его просьбе. Я его попробовал и хочу сказать, что таки да, он лучше моего примера. С удовольствием привожу код.

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