В помощь веб-разработчику!

WooCommerce Jetpack (Booster for WooCommerce) - огромная подборка отличных расширений WooCommerce

Подробности

Категория: Wordpress

Просмотров: 4182

WooCommerce Jetpack - Еще один универсальный плагин для магазина на WooCommerce. Имеет бесплатный и премиум варианты. Далее перевод всех фичей плагина на данный момент...

Woocommerce. Задаем свои значки, тексты для отображения валют.

Подробности

Категория: Wordpress

Просмотров: 2195

При разработке интернет магазина на woocommerce, возникла задача изменить размер значков валюты, изначально они были такого же размера как и сама цена, это смотрелось очень массивно.

Проблема с отключением прокрутки на Google картах

Подробности

Категория: JavaScript

Просмотров: 1508

Загвоздка заключается в том, что когда начинаешь прокручивать страницу в браузере, и курсор попадает на саму карту, то прокрутка останавливается а сама карта начинает либо зуммиться, либо двигаться.

Здесь мы вкратце поясним, как отключить прокрутку в Google картах.

WooCommerce. Полезные сниппеты

Подробности

Категория: Wordpress

Просмотров: 3155

Коды сниппетов просто вставляем в файл function.php шаблона

Как сделать страницу 404 на Joomla 3

Подробности

Категория: Joomla

Просмотров: 2778

Делаем страницу ошибки 404 (страница не найдена).

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

Еще один вариант кастомизации элемента форм select

Подробности

Категория: HTML-CSS

Просмотров: 1601

И снова обходимся без JS.
В данном хаке не будем удалять стрелку, которая выводится по умолчанию браузером. Просто её скроем, наложив сверху псевдоэлемент :after с фоном с изображением нашей стрелки.

Кастомный select без использования javascript

Подробности

Категория: HTML-CSS

Просмотров: 3486

Чтобы задать цвет, фоновое изображение, размеры для элемента форм <select> существует масса мануалов основанных на использовании JS, а то и библиотек скриптов типа JQuery. Что очень усложняет последующую их кастомизацию и внедрение в сайт в соответствии с заданным дизайном.

Предлагаемый вариант позволяет легко и быстро задать фон, бордер, размер, а главное, вид стрелки для выпадающего списка <select>. Только CSS!

Как задать цвет и другие стили для нумерованного списка

Подробности

Категория: HTML-CSS

Просмотров: 5554

По умолчанию цвет маркеров для списков в HTML есть таким как и сам текст. Допустим, нам нужно сделать цвет текста в списке <ol> черным, а сами цифры фиолетовыми... Конечно можно было бы усложнить код, завернув содержимое <li> в тэг <span>...

Сервис по подбору шрифтовых иконок: Octicons, Font Avesome, Glyphicons, Material, Ionicons, IcoMoon, Foundation

Подробности

Категория: Разное

Просмотров: 2000

Сайт GlyphSearch

Вниманию web дизайнеров, верстальщиков. Предлагаю вашему вниманию удобный ресурс по поиску шрифтов с иконками.

CSS селекторы, псевдоэлементы и псевдоклассы, полный список. 30+

Подробности

Категория: HTML-CSS

Просмотров: 2301

Эти CSS псевдоклассы и псевдоэлементы теперь совместимы со всеми распространенными браузерами. Пользуйтесь на здоровье! Много полезного, того, что вы еще не знали.

Набор необходимых плагинов, устанавливаемых мной на Wordpress по умолчанию

Подробности

Категория: Wordpress

Просмотров: 3543

Список WP-плагинов, которые используются мной практически на всех сайтах.

Wordpress cribs

Подробности

Категория: Wordpress

Просмотров: 3585

Наиболее часто используемые фрагменты кода в шаблонах Вордпресс.

Полезные сервисы для HTML-CSS верстальщика

Подробности

Категория: HTML-CSS

Просмотров: 8358

Довольно таки объемный список инструментов, делающих жизнь web-разработчика невыносимо легкой.

Как сделать пагинацию для Simple Image Gallery Pro

Подробности

Категория: Joomla

Просмотров: 2501

Допустим есть сайт построенный на Joomla 2.5 или Joomla 3 и я установил плагин для создания галереи изображений в моем веб-сайте - simple image gallery. Он работает нормально, но у меня есть 2000 изображений на странице, и мне нужно, чтобы они не выводились все сразу, а разбить по 20, сделать нумерацию страниц и перелистывание.

Галерея Simple Image Gallery Pro для Joomla

Подробности

Категория: Joomla

Просмотров: 1858

Расширенная галерея изображений SIGPRO является одним из лучших плагинов вывода изображений, а так же самая скачиваемая и популярная галерея из всех расширений для Joomla!

Имеет несколько шаблонов вывода превью изображений, а так же несколько вариаций вывода полного изображения: litebox, liteshow, slimbox, milkbox, slimbox 2.

Список параметров функции даты и времени. PHP.

Подробности

Категория: Разное

Просмотров: 1444

Форматирование вывода системных даты и времени

echo date(Y);

Модуль "материалы - новости". Вывод изображения превью и даты.

Подробности

Категория: Joomla

Просмотров: 3231

Вывод материалов в модуле "материалы-модули" (mod_articles_news) предусмотрен без изображений превью и без даты. Добавлением нескольких строк в файл /modules/mod_articles_news/tmpl/_item.php модернизируем данный модуль. (если вы создали переопределение данного щаблона, то файл _item.php следует править в папке вашего шаблона)

Как избавиться от ID в адресах Joomla?

Подробности

Категория: Joomla

Просмотров: 2464

Вот есть ссылка http://web-sputnik.info/raznoe/46-kak-nabrat-na-klaviature-ili

Давайте в ней уберем цифру 46...

Watermark, водяной знак на картинки вашего сайта

Подробности

Категория: Разное

Просмотров: 5323

Как защитить фото сайта от воровства

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

Предлагаемый скрипт автоматически накладывает водяной знак на все картинки размерами выше 250рх по ширине и 250рх по высоте. Эти размеры вы легко сможете изменить в соответствии со своими требованиями.

Модуль joomshopping label products, как отобразить старую цену в модуле

Подробности

Категория: Joomla

Просмотров: 3531

Открываем файл /modules/mod_jshopping_label_products/tmpl/default.php 
либо файл /templates/ваш_шаблон/html/mod_jshopping_label_products/default.php если у вас создано переопределение и вставляем код туда, где вы хотите, чтобы выводилась старая цена:

<?php if ($curr->product_old_price > 0){?>
<div class="price discount"><?php print formatprice($curr->product_old_price);?></div>
<?php }?>

Как сделать вывод скидки в процентах вместо зачеркнутой старой цены. Скрипт интернет-магазина Joomshopping.

Подробности

Категория: Joomla

Просмотров: 6458

Нередко, при создании интернет-магазина требуется рассчитать и вывести вместо старой цены значение скидки в %. Стандартными средствами joomshopping это не предусмотрено, поэтому необходимо сделать совсем небольшие правки в коде шаблона...

Таблица спецсимволов HTML

Подробности

Категория: HTML-CSS

Просмотров: 4158

Для соблюдения валидности, для обеспечения отображения некоторых символов без ошибок, а так же (самое главное) - для отображения символов, отсутствующих на клавиатуре, используются спецсимволы HTML, которые преобразуются браузером привыводе в нормальные для человеческого взгляда символы. Эти спецзнаки, начинаются с амперсанда '&' и заканчиваются точкой с запятой ';'

Таймер обратного отсчета Joomla 2.5 - 3

Подробности

Категория: Joomla

Просмотров: 9026

Обновление с Joomla 2.5 до Joomla 3

Подробности

Категория: Видео

Просмотров: 2151

Видеоурок по обновлению Joomla версии 2.5.xx до версии 3.х от Александра Порша.