Как убрать увеличение картинки на мобильной версии?

Question

[Nik Master]

Картинки на сайте при наведении увеличиваются, но это мешает на телефоне пролистывать сайт. Когда палец на картинке она увеличивается. Как это отключить на мобильной версии сайта?

Answer 1

[Nik Master]

Вопрос решил так. Обернул код скрипта в:

if(window.innerWidth > 767) {
 //здесь код скрипта
}

Answer 2

[Дмитрий Алёшин]

Маловато деталей, чтобы ответить на вопрос.
Если у вас WooCommerce и интернет-магазин, то есть решение вот тут (в самом конце): https://wordpress.org/support/topic/how-do-i-disab...
Если это делает какой-либо плагин галерей, то там уже надо разбираться, какой именно. Пример для плагина Visual Portfolio, Photo Gallery & Posts Grid: https://wordpress.org/support/topic/disable-hover-....
Бывает, что эффект встроен в тему, тогда надо разбираться, что за тема.
В общем, слишком мало информации.

Comments

[Nik Master]

Вот этот плагин www.jacklmoore.com/zoom (не реклама)

[Дмитрий Алёшин]

Мне пришло на ум только достаточно сложное решение. Возможно, другие люди подскажут что-то проще.

Шаги следующие.

1. В документации плагина сказано, что отключить зум можно через $('#example').trigger('zoom.destroy');
2. Создаем скрипт по адресу wp-content/themes/your-theme/js/your-script.js
3. В него помещаем код по типу следующего:
jQuery(document).ready(function($) {
$("img").trigger('zoom.destroy');
})
4. Подключаем скрипт в functions.php через wp_enqueue_script:
add_action( 'wp_enqueue_scripts', 'add_my_script' );
function add_my_script() {
wp_enqueue_script(
'your-script', // имя скрипта
get_template_directory_uri() . '/js/your-script.js', //локация файла
array('jquery')
);

5. Осталось проверить, является ли пользовательский браузер мобильным. Для этого используем функцию wp_is_mobile/. https://developer.wordpress.org/reference/function....
Соответственно, если функция возвращает true, т.е. браузер мобильный, то в таком случае вызываем скрипт.

Других вариантов не придумал. Либо просто отрубить через meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" , но в этом случае вообще все виды масштабирования будут отключаться.

[Nik Master]

Дмитрий Алёшин, Спасибо за ответ. Нашел вариант как это сделать.