我試圖刪除圖片文件名,該圖片文件名顯示在單張產品頁面上的lightbox功能中的圖片上方。Woocommerce - 刪除產品圖片庫上的圖像文件名(lightbox)
我的圖像有一個可怕的命名結構,它很分散給用戶看「IMG_1234.JPG」。
在WooCommerce中是否有一個設置可以讓我切換此開關?或者我是否需要通過添加/刪除代碼來更改文件?
在此先感謝...
我試圖刪除圖片文件名,該圖片文件名顯示在單張產品頁面上的lightbox功能中的圖片上方。Woocommerce - 刪除產品圖片庫上的圖像文件名(lightbox)
我的圖像有一個可怕的命名結構,它很分散給用戶看「IMG_1234.JPG」。
在WooCommerce中是否有一個設置可以讓我切換此開關?或者我是否需要通過添加/刪除代碼來更改文件?
在此先感謝...
如果你使用任何兼容woocommerce模板,然後你會發現在你的模板文件夾命名爲「woocommerce」目錄。
如果你找不到它,那麼它將是wp-contents/plugins/woocommerce/templates
目錄。在這種情況下,您的主題不會覆蓋默認佈局。那麼你需要找到templates(or woocommerce)/single-product/product-image.php
文件。在第21行左右,您應該找到以下內容 -
$image_title = esc_attr(get_the_title(get_post_thumbnail_id()));
添加//該行的前面(註釋掉)如下 - 。
// $image_title = esc_attr(get_the_title(get_post_thumbnail_id()));
現在尋找的東西rel="prettyPhoto'
在31行左右從該行刪除title="%s"
你找到rel="prettyPhoto'
。
再次找到product-thumbnails.php
在上一個相同的文件夾中。在40左右,你會看到類似在─
$image_title = esc_attr(get_the_title($attachment_id));
評論如下這一點,添加兩個斜槓(//)就像前一個。 現在再次在第42行搜索prettyPhoto[product-gallery]
,當你發現它在附近尋找title="%s"
,並像以前一樣刪除它。
這將從Lightbox圖片查看器中刪除標題。
不過,所有這些作品,你可以簡單地使用這下面的腳本您的header.php文件中或任何地方,你可能會發現適宜─
<script>
jQuery(document).ready(function(){
jQuery('a[rel*="prettyPhoto"]').attr('title','').find('img').attr('alt','');
});
</script>
maksbd19,非常感謝你的回答!我非常密切地遵循你的指示,並沒有任何運氣。您的指導的結果會生成無圖像的產品。當我收到單品頁面時,前端不會顯示產品的主圖像。另外,我沒有把你提供的腳本插入到我的header.php文件中,因爲我不確定插入它的位置。它是在「」之後的任何地方。再次感謝,-Chris – user2880543
你可以在你的header.php文件中的標記之前插入這段代碼。這爲我工作。 – maksbd19
在我結束沒有運氣再次... 我插你的代碼開放
標記之後... 」 />