WooCommerce убрать сортировку товаров

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

Ниже приведены два способа, один из которых просто убирает сортировку, другой позволяет убрать каждый из ее элементов по отдельности. Читать далее WooCommerce убрать сортировку товаров

WordPress 301 редирект

Здесь описаны два способа настройки редиректа для сайта на WordPress. Первый, добавить правило в .htaccess находящийся в корне сайта и второй средствами PHP.

Кроме этого, существуют довольно неплохие и действенные плагины, но это не наш путь.
Так как redirect 301 здесь не работает, необходимо использовать RewriteRule. Все правила для 301-го редиректа пишутся после строки RewriteBase /. Читать далее WordPress 301 редирект

Скриншот страницы из панели разработки в Firefox

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

Нажатием комбинации клавиш Shift+F2 на нужной странице вызываем в браузере панель разработки.

Внизу окна откроется панель с строкой GCLI консоли. Читать далее Скриншот страницы из панели разработки в Firefox

Woocommerce с чего начать свою тему

С чего начать создавать свою тему с поддержкой WooCommerce?

В первую очередь, откройте свой файл page.php и сохраните его с именем woocommerce.php

Далее, найдите цикл. Это будет код содержащий строки: Читать далее Woocommerce с чего начать свою тему

Добавить класс к миниатюре товара 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 или любой другой шрифт, но я буду описывать именно на его примере. Читать далее Отображение символов шрифта средствами css.