Скрипт передачи данных при наведении
Пример того как можно передавать какие либо данные при наведении на какой либо элемент. Этот метод к примеру можно использовать при передачи наименования товара в модалку при наведении на карточку.
Функционал "Купить в один клик"
В шпаргалке рассмотрены пример создания функционала "Купить в один клик" на сайте WooCommerce и WordPress с использованием плагина ContactForm.
Работа с корзиной WooCommerce. Скрипты
В шпаргалке рассмотрены примеры скриптов для работы с корзиной - добавление в корзину с любой кнопки на сайте, высвечивание сообщения о добавлении в корзину, маркировка корзины и другие.
Делаем сложную фильтрацию в WooCommerce
Рассмотрим пример создания сложной фильтрации товара в WooCommerce с использованием плагина Search and Filter. Простой вариант, когда работает один фильтр на странице и сложный, когда нужно сделать два фильтра на одной странице.
Выводим рекомендуемые товары
Примеры того как можно вывести рекомендуемые товары на любую страницу магазина, который работает на WordPress и WooCommerce.
Меняем "Товары" на "Каталог" в хлебных крошках WooCommerce
Пример работает только при использовании хлебных крошек KamaBreadcrumbs, в нем показано, как можно заменить слово "Товары" на "Каталог" в хлебных крошках.
Кликабельный логотип в шапке страницы
Кликабельный логотип в шапке страницы. Пример того как сделать лого кликабельным, при чем, что бы на главной был подъем на вверх страницы, а на прочих страницах переход на главную.
Примеры трех страниц магазина
Примеры трех страниц магазина archive-product.php - content-product-cat.php - single-product.php на примере разработки магазина Miele.
Проверяем, есть ли подкатегории у товаров WooCommerce
Проверяем, есть ли подкатегории у товаров на данной странице категории и если есть то выводим. Пример на WordPress и WooCommerce.
Переворачиваем дату из формата YYYY-MM-DD в DD-MM-YYYY
Пример того как можно перевернуть дату из формата YYYY-MM-DD в DD-MM-YYYY при помощи JQuery. Как вывести дату привычного отображения для пользователя.
VueJS - Разработка SPA приложения. Часть 3
Пример разработки SPA приложения на VueJS. Создание главной страницы, пример создание слайдера на главной, пример создания карточек товаров используя Vuetify.js. Пример создания списка на страницах. Создание страницы формы для добавления какой либо новой записи.
Пример защиты паролем определенной страницы
Пример защиты паролем определенной страницы. Простой пример авторизации. Защита паролем. Пишем и используем свою авторизацию для страницы или сайта.
Всплывающая подсказка выбора для Input
Пример создания всплывающей подсказки выбора для Input на основе библиотеки autoComplete.js. Тот случай когда нужны всплывающие подсказки при вводе в поле Input.
ModX проверка на главной ли странице мы?
Пример проверки на ModX - на главной ли странице мы находимся, и применения различных условий при этом.
Меняем бэкграунд на бэкграунд изображения страницы
Меняем бэкграунд зашитый в код на бэкграунд который мы выбираем в административной части изображения для страницы.
Создаем выезжающие информационные блоки
Создаем выезжающие информационные блоки. Представлен пример создания информационной всплывающей плашке на определенное время. Информационный блок.
Делаем возможность правки контактов из админки сайта
Пример осуществления возможности правки контактов из административной панели сайта при помощи дополнительных полей используя ACF плагин.
Свои title и description в WordPress
Пример подключения своих title и description в WordPress используя плагин Advanced Custom Field. Как удалить весь Description.
Анимация чисел на сайте
Как сделать анимацию чисел на сайте, и реализовать этот эффект таким образом, чтобы он сработал только в тот момент, когда пользователь видит его.
Когда параллакс background-image - fixed не работает на Iphone
Как решить проблему с параллакс background-image - fixed когда он отказывается правильно работать на устройствах IOS.
Проверка на день недели при выборе даты
Скрипт, который проверяет день недели при выборе даты и в данном случае не дает выбрать воскресенье. Этот скрипт писался мной для онлайн записи на сайте клиники спины. Пример скрипта.
Создаем модальную форму обратной связи
Пример создания модальной формы обратной связи на WordPress используя плагин Contact Form и Bootstrap 5.
Пользовательские дополнительные поля
Пользовательские, дополнительные поля. Пример того как создавать дополнительные пользовательские поля при помощи плагина Advanced Custom Fields. Основные настройки и примеры получения полей.