Добавить класс к миниатюре товара WooCommerce

При всех необходимости, мне не удалось обнаружить способа добавить CSS класс к миниатюре товара WooCommerce стандартными средствами …к сожалению.

Но, использование такого снипета, решает вопрос:
Читать далее Добавить класс к миниатюре товара WooCommerce

Вывод товаров WooCommerce по категориям и атрибуттам

Приведенный ниже код выбирает и отображает на странице товары WooCommerce принадлежащие одновременно к двум или более категориям и исключает все остальные. Так же, в сочетании с категориями, возможно использование атрибутов.

Читать далее Вывод товаров WooCommerce по категориям и атрибуттам

Отключить Emoji в WordPress с плагином и БЕЗ

Заглянув в исходный код страницы сайта на WordPress, вы обнаружите CSS и JavaScript код смайлов Эмодзи (emoji). Их изображения находятся на сервере WordPress.org, реализованы смайлы с помощью библиотеки Twemoji от Twitter. Библиотека включена в дистрибутив начиная с версии 4.2

Для многих сайтов найдутся причины отключить их. Обращение к внешнему ресурсу, расположение кода в хеадере страницы, дополнительные стили, скрипты, что оказывает негативное влияние на скорость загрузки страницы. Подобные смайлы, возможно украсят обсуждение статьи или контент развлекательного ресурса, но это требуется далеко не каждому сайту.
Читать далее Отключить Emoji в WordPress с плагином и БЕЗ

Как разместить background поверх тега img.

В этой статье описано, как разместить фоновое изображение над изображением заключенное в тег img. Это даже звучит странно, ведь свойство background предназначено, для отображения на фоне всего остального. Такова логика этих вещей и z-index, разумеется, здесь не работает.

Но, в случае когда возникает потребность пренебречь этой логикой и заставить фон выполнять функции изображения сверху — будет использован псевдоэлемент after к которому устанавливается свойство background.

Читать далее Как разместить background поверх тега img.

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

К одному из разрабатываемый мной сайтов, заказчиком было выдвинуто требование выводить видео YouTube в модальном окне. Идея была достаточно уместная и я принялся за дело.

Для этих целей, было решено использовать всемирно известный jQuery плагин prettyPhoto. Для применения данного плагина потребуются лишь следующие, несложные действия:

Читать далее Видео YouTube в модальном окне prettyPhoto

Отображение символов шрифта средствами css.

На мой взгляд изящнее всего подключать символы шрифта именно средствами css, без встраивания в код html. Предположим вы используете в своем дизайне Font Awesome или любой другой шрифт, но я буду описывать именно на его примере.

Для выполнения данной задачи нам потребуется знать юникод подключаемого символа. У Font Awesome его можно узнать кликнув по необходимой иконке и перейдя на страницу с подробной информацией о ней прочитать в строке после слова…

Unicode: f215

Читать далее Отображение символов шрифта средствами css.

ошибка 500 при установке magento

Ситуация такова: Вы закачали файлы CSM Magento на свой хостинг, зашли на свой будущий сайт и видите там

Internal Server Error

ошибку с номером 500.

Читать далее ошибка 500 при установке magento

Убираем index.php из адресной строки Magento

Если во время установки не был выбран параметр Web Server Rewrites, то это возможно и необходимо сделать после. Причина в том, что для поисковой оптимизации более приемлем адрес строки содержащий строго необходимую информацию, а «index.php» таковой не является.

В Magento эта оптимизация достигается путем использования параметра Web Server Rewrites. Для его использования в Apache должен быть включен модуль mod_rewrite.

Читать далее Убираем index.php из адресной строки Magento