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

Метод 1: отключить масштабирование через настройки WooCommerce
Самый простой способ отключить масштабирование товара — изменить настройки WooCommerce. Выполните следующие действия:

1. Войдите в свою панель администратора WordPress.
2. Перейдите в WooCommerce >Настройки.
3. Перейдите на вкладку «Товары».
4. В разделе «Изображение продукта» снимите флажок «Включить масштабирование изображений продуктов».
5. Сохраните изменения.

Метод 2: используйте собственный фрагмент кода CSS.
Если вам знаком CSS, вы можете использовать собственный фрагмент кода, чтобы отключить масштабирование продукта. Вот как:

1. Перейдите в панель администратора WordPress.
2. Перейдите в раздел «Внешний вид» >«Настроить».
3. Нажмите раздел «Дополнительный CSS».
4. Добавьте следующий код CSS:

.woocommerce-product-gallery__image--zoom-enabled {
    pointer-events: none !important;
    cursor: default !important;
}

5. Сохраните изменения.

Метод 3: изменение файла Functions.php темы.
Для опытных пользователей другим вариантом является изменение файла functions.phpтемы. Однако учтите, что этот метод требует технических знаний и к нему следует подходить с осторожностью. Выполните следующие действия:

1. Доступ к файлам WordPress с помощью FTP-клиента или файлового менеджера.
2. Найдите файл functions.phpвашей активной темы (обычно он находится в wp-content/themes/your-theme-name/).
3. Откройте файл functions.phpс помощью редактора кода.
4. Добавьте следующий фрагмент кода в конец файла:

add_action( 'after_setup_theme', 'disable_woocommerce_product_zoom', 100 );
function disable_woocommerce_product_zoom() {
    remove_theme_support( 'wc-product-gallery-zoom' );
}

5. Сохраните изменения и загрузите измененный файл functions.phpобратно на свой сервер.

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