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

Запрещаем автопрокрутку слайдера Bootstrap 4 carousel

Бутстраповская карусель имеет одно не очень хорошее свойство, если Вы начали листать её, то дальше она листается автоматически. Это нельзя победить в лоб, но можно задать очень большой интервал пролистывания. Вот так:

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

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

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

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

Делаем ссылки на сайте через javascript

SEO-шники попросили проставит ссылки не классическим способом A HREF=…, а используя нейтральный html-тег + JS. Реализуем это следующим образом:

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

Меняем точку схлопывания меню 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 я не буду, это все можно найти в документации как на […]

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