Добавим возврат товаров для клиента в личном кабинете woocommerce. Скачать плагин для возврата. После того как клиент отправляет форму на возврат, кнопка Возврат больше не активна. После отправки формы сработает редирект на страницу /account/refund/ Чтобы изменить ссылку измените в файле плагина class-retprd-return-request-ui.php в 72 строчке. Если в админке нажать на крестик около прикреплённого медиа, то […]
Скачать плагин Чтобы вывести галерею изображений товара вместе с видео, нужно добавить шорткод [ gallery_product ] У изображения берётся alt вложения, если пусто, берётся из названия товара. Контейнер куда вставляете шорткод задайте overflow — hidden Что в итоге у нас получится. Если много изображений в галерее. У миниатюр есть стрелки навигации: Если изображений не много, […]
Покажем в админке на странице Купоны даты окончания купонов. По умолчанию дата окончания купоны выводится просто в виде даты и визуально сложно понять какие купона закончились, а какие скоро истекут. Сниппет код можно запускать только админ.
Добавим возможность клиенту отменять самостоятельно заказ в Личном кабинете Woocommerce в течение 30 минут. Визуально изменить кнопку «Отменить» Сниппет можно запускать только фронтенд.
На странице товара, чтобы вывести «Осталось в наличии 8» нужно через виджет «Добавить в корзину», так как виджет «в наличии» не умеет динамически обновлятся на странице для вариативных товаров. В виджете стандартно выводится всегда «В наличии» и «Осталось лишь 8». Если мы хотим выводить только когда запасов товара меньше 8, то добавьте сниппет.
Сделаем метки товара вместо выпадающего списка чекбоксами в редакторе товара Woocommerce.
Сделаем чекбоксы и кнопки плюс/минус, а также свою анимацию на странице корзины woocommerce. НЕ ПОДХОДИТ для блочной темы. Корзину можно сделать шорткодом или виджетом корзина от Elementor. Добавляем сниппет код Добавьте js в дочернюю тему, создайте папку js ../public_html/wp-content/themes/hello-elementor-child/js/cart-checkbox-selection.js Файл cart-checkbox-selection.js И самое сложно это css. Ниже код для анимации: И css визуально для корзины: […]
Давайте сделаем форму обратной связи после оформления заказа в woocommerce. После оформления заказа клиент попадает на страницу Информация о заказе /purchase-summary/Добавим на эту страницу форму для оценки как прошло оформление его заказа. Форму можно сделать с помощью jetformbuilder Добавьте скрытое поле hidden field и далее выберите всё как на скриншоте. В default value мы вставляем […]
Настроим рассылку для писем с сайта, например, чтобы корректно отправлялись письма с форм и от woocommerce. Для начала у вас у вас должна быть доменная почта, например, у вас хостинг на beget. Создайте на хостинге доменную почту с которой будет рассылка, например: info@wp-alexandra.storeДалее вставьте сниппет код: Если у вас доменная почта на mail, яндекс, то […]
