Попрощайтесь с кнопкой «Сбросить вариант» в продуктах с переменными WooCommerce: раскрыто несколько методов!

Если вы владелец магазина WooCommerce и хотите улучшить взаимодействие с пользователем и упростить процесс выбора продуктов, возможно, вы задавались вопросом, как удалить кнопку сброса вариантов для переменных продуктов. В этой статье мы рассмотрим несколько методов достижения этой цели. От простых фрагментов кода до рекомендаций по плагинам — мы вам поможем!

Метод 1: собственный CSS
Один из самых простых способов удалить кнопку сброса вариантов — добавить собственный CSS в вашу тему WooCommerce. Это можно сделать, перейдя в раздел «Внешний вид» >«Настройка» в панели администратора WordPress и добавив следующий фрагмент кода в раздел «Дополнительный CSS»:

.woocommerce div.product form.cart .reset_variations {
    display: none;
}

Этот код предназначен специально для кнопки сброса вариантов и скрывает ее от просмотра.

Метод 2: Модификация Functions.php
Для тех, кто умеет редактировать файлы темы, вы можете добиться того же результата, добавив фрагмент кода в файл function.php вашей темы. Просто откройте папку своей темы через FTP или редактор файлов WordPress и добавьте следующий код:

add_action('wp_enqueue_scripts', 'remove_reset_variation_button');
function remove_reset_variation_button() {
    wp_dequeue_script('wc-add-to-cart-variation');
}

Этот код удаляет JavaScript, ответственный за создание кнопки сброса варианта.

Метод 3: решение с помощью плагина
Если вы предпочитаете более удобный подход или не хотите напрямую изменять файлы темы, вы можете использовать плагин, чтобы удалить кнопку сброса вариантов. Одним из таких плагинов является «Образцы вариаций WooCommerce» от Эмрана Ахмеда. Он позволяет вам настраивать внешний вид и поведение вариантов вашего продукта, включая возможность удалить кнопку сброса.

Чтобы использовать этот плагин, выполните следующие действия:

  1. Установите и активируйте плагин «Образцы вариантов WooCommerce» из репозитория плагинов WordPress.
  2. Перейдите в WooCommerce >Настройки >Образцы вариантов.
  3. Найдите параметр «Кнопка сброса варианта» и отключите его.

Выполняя любой из упомянутых выше методов, вы можете попрощаться с кнопкой сброса вариантов в переменных продуктах WooCommerce. Независимо от того, решите ли вы использовать собственный CSS, изменить файл function.php вашей темы или использовать плагин, улучшение пользовательского опыта и упрощение процесса выбора продукта находятся всего в нескольких шагах. Удачной настройки!