移除LinkUrl至圖片以獲取Woocommerce產品

Question

我正嘗試刪除在woocommerce的產品特色圖片中點擊圖片的能力，以便您不再點擊圖片並將其變大。

沒有太多的技巧與CSS這麼簡單的解釋讚賞。 我打開了product-image.php，我知道如何將自定義代碼輸入到我的主題中。

有人嗎？

Answer 1

更改這條線在礦井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); 

到

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); 

到

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

這樣做應該消除點擊圖像並使其變大的能力。

Answer 2

完美的工作，但我面臨一個問題，因爲它。我設置了我的頁面，以便在單擊縮略圖時替換產品圖像。當我應用您的規則使產品圖像無法點擊時，其他js不再有效。你有什麼想法，我怎麼能讓這兩個工作在一起？ jquery Im使用的是

(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);