Удалить LinkUrl для изображения для продуктов Woocommerce

Измените эту строку в product-image.php

echo apply_filters( 'woocommerce_single_product_image_html', sprintf( '<a href="%s" itemprop="image" class="woocommerce-main-image zoom" title="%s" data-rel="prettyPhoto' . $gallery . '">%s</a>', $image_link, $image_title, $image ), $post->ID );

to

echo apply_filters( 'woocommerce_single_product_image_html', sprintf( '%s', $image ), $post->ID );

а в файле product-thumbnails.php изменить

echo apply_filters( 'woocommerce_single_product_image_thumbnail_html', sprintf( '<a href="%s" class="%s" title="%s" data-rel="prettyPhoto[product-gallery]">%s</a>', $image_link, $image_class, $image_title, $image ), $attachment_id, $post->ID, $image_class );

to

echo apply_filters( 'woocommerce_single_product_image_thumbnail_html', sprintf( '<a title="%s">%s</a>', $image_title, $image ), $attachment_id, $post->ID, $image_class );

Выполнение вышеуказанного должно удалить возможность щелкнуть изображение и увеличить его.

работает отлично, однако из-за этого я столкнулся с одной проблемой. Я настроил свою страницу так, что когда я нажимаю на миниатюру, она заменяет изображение продукта. Когда я применяю ваше правило, чтобы сделать изображение продукта недоступным для клика, другие js больше не работают. У вас есть идеи, как я могу заставить их работать вместе? Я использую jquery

(function($){

    $(document).ready(function(){

        $('.thumbnails a.zoom').click(function(event){
            event.preventDefault();
            var thumb_url =  $(this).find('img').attr('src');

            $('.woocommerce-main-image img').attr('src',  thumb_url );

        });
    });
})(jQuery);

Попробуй это

.woocommerce-product-gallery__image {события указателя: нет;

Он отлично работает для меня. Проверьте, есть ли в вашей теме пользовательский раздел CSS, и просто вставьте его туда.

Прежде всего, если вы хотите заменить шаблон single-product.php, вам нужно создать новый в папке вашей собственной темы. Пример: wp-content/themes/woocommerce/single-product.php

<?php global $product; echo $product->get_image(); ?>

Выведет только тег img без ссылки и каких-либо div'ов.

Это может быть полезно https://docs.woocommerce.com/wc-apidocs/source-class-WC_Block_Featured_Product.html#156-175

Я искал, как отключить масштабирование и лайтбокс на изображениях продуктов, и помог следующий код (вставленный в functions.php):

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

Однако это имело побочный эффект: пользователи по-прежнему могли нажимать на изображение, отправляя их по прямой ссылке на файл. В теме OceanWP я обнаружил, что это работает (вставьте его в свой css):

img.wp-post-image {
pointer-events:none !important;

Это будет работать для рекомендуемого изображения, но если у вас есть другие изображения в той же галерее продуктов, они по-прежнему будут доступны для кликов. Чтобы отключить щелчок по ним, вставьте этот дополнительный код в свой css:

div.woocommerce-product-gallery__image.flex-active-slide {
pointer-events:none !important;

Надеюсь, это поможет вам!