Какой хук или фильтр отвечает за вывод данной картинки?

Question

[Genri_Rus]

Собственно вот пример:

Не совсем понятно, как отредактировать данное изображение ?

Допустим заменить role="presentation" на role="lightbox"

Answer 1

[deadnice]

Можно переопределить файл product-image.php в своей теме
Как это сделать: https://toster.ru/answer?answer_id=1441589

Comments

[Genri_Rus]

Спасибо, а вот если я хочу оставить плагин zoom, то тогда как ?

P.S. Ведь если я переопределю, то у меня все с 0 нужно будет делать ?

[deadnice]

Genri_Rus, вы можете скопировать файл, оставить там оригинальную логику и изменить только то, что необходимо

[Genri_Rus]

deadnice, получается с помощью фильтра woocommerce_single_product_image_thumbnail_html атрибут role нельзя изменить ?

product-image.php не отвечает за зуммирование - он меняет только то, что внутри самой ссылки (если посмотреть как на моем скрине)

Вот разве нельзя просто с помощью фильтра заменить атрибут у картинки role="presentation" на role="lightbox" с использованием str_replace?

[deadnice]

Genri_Rus, можно с помощью фильтра. Однако я написал про файл, на 43й строке

$html .= sprintf( '<img src="%s" alt="%s" class="wp-post-image" />', esc_url( wc_placeholder_img_src( 'woocommerce_single' ) ), esc_html__( 'Awaiting product image', 'woocommerce' ) );

Вот тут можно сделать str_replace

[Genri_Rus]

deadnice, спасибо, но в этом коде я не нашел тег role ?

Где он может быть ?

$html .= sprintf( '<img src="%s" alt="%s" class="wp-post-image" />', esc_url( wc_placeholder_img_src( 'woocommerce_single' ) ), esc_html__( 'Awaiting product image', 'woocommerce' ) );

P.S. Здесь его нету

Я нашел в woocommerce один файл class-wc-frontend-scripts.php

Там есть вот такая строчка кода, которая отвечает за функцию wc-product-gallery-zoom

'zoom_enabled'              => apply_filters( 'woocommerce_single_product_zoom_enabled', get_theme_support( 'wc-product-gallery-zoom' ) ),
					'zoom_options'              => apply_filters( 'woocommerce_single_product_zoom_options', array() ),
					'photoswipe_enabled'        => apply_filters( 'woocommerce_single_product_photoswipe_enabled', get_theme_support( 'wc-product-gallery-lightbox' ) ),
					'photoswipe_options'        => apply_filters(

zoom_enabled или zoom_options ?

Если с помощью фильтра и функции str_replace ?

[deadnice]

Genri_Rus, а вы дебажили строку котрорую я выше скинул?
Попробуйте вставить в functions.php:
remove_theme_support( 'wc-product-gallery-zoom' );

[Genri_Rus]

deadnice, если я ее уберу, то zoom пропадет, а если мне нужен zoom ?

[deadnice]

Genri_Rus, попробуйте продебажить филтр woocommerce_single_product_zoom_options

add_filter( 'woocommerce_single_product_zoom_options', 'change_wooc_zoom_options' );
function change_wooc_zoom_options($array) {
	var_dump($array); exit;
	//return $array;
}

[Genri_Rus]

deadnice, выводит пустой массив array(0) { }

[deadnice]

Genri_Rus, а попробуйте продебажить строку из файла, которую я выше скидывал

[Genri_Rus]

deadnice, вы про эту имели ввиду ?

$html .= sprintf( '<img src="%s" alt="%s" class="wp-post-image" />', esc_url( wc_placeholder_img_src( 'woocommerce_single' ) ), esc_html__( 'Awaiting product image', 'woocommerce' ) );

[deadnice]

Genri_Rus, да, что там на выходе получается, если есть role="presentation" то можно str_replace тут сделать

[Genri_Rus]

deadnice, я нашел этот img.setAttribute('role', 'presentation');

В скрипте jquery.zoom.js берет img

Но сейчас проверю и ваш вариант

[Genri_Rus]

deadnice, он выводит только саму картинку

$html .= sprintf( '<img src="%s" alt="%s" class="wp-post-image" />', esc_url( wc_placeholder_img_src( 'woocommerce_single' ) ), esc_html__( 'Awaiting product image', 'woocommerce' ) );

var_dump($html);

[Genri_Rus]

deadnice, единственный выход - это копировать файл jquery.zoom.js, заново его подключать и изменять ?

[Genri_Rus]

deadnice, заметьте - в скрипте jquery.zoom.js есть строчка

img = document.createElement('img'),
$img = $(img),

Это говорит о том, что это изображение как-то создано в woocommerce, скрипт просто считывает данные с img

P.S. Мне бы найти фильтр или код, где создается данное изображение

[deadnice]

Genri_Rus,

единственный выход - это копировать файл jquery.zoom.js, заново его подключать и изменять ?

Если уж рассматривать плохие варианты, наименьшим из зол будет просто в вашем custom.js просто убрать.

А по сабжу вы можете написать в поддержку woocommerce и здесь отписать как вам они помогли. Ссылки нужны на сапорт?

[Genri_Rus]

deadnice,

наименьшим из зол будет просто в вашем custom.js просто убрать.

А как можно это сделать ?

[deadnice]

Если у вас уже есть свой файл скриптов то добавьте в него:

$(document).ready(function() {
    $('.zoomImg').attr('role', 'lightbox');
});

Если нет то создайте custom.js по пути ваша_тема/js/custom.js
Подключите его - в файле functions.php добавьте:

add_action('wp_enqueue_scripts', 'add_custom_script');
function add_custom_script(){
	wp_enqueue_script( 'custom', get_template_directory_uri() . '/js/custom.js');
}

или в месте где уже подключаются скрипты (если вы знаете где):

wp_enqueue_script( 'custom', get_template_directory_uri() . '/js/custom.js');

И добавьте в custom.js код, который скинул выше.

[Genri_Rus]

deadnice, спасибо большое )

Попытаюсь разобраться, но я уже понял, что именно скрипт jquery.zoom.js задает данные параметры, а не сам woocommerce