css - Woocommerce - 删除产品图片库（灯箱）上的图片文件名

Question

我正在尝试删除单个产品页面上灯箱功能中图像上方显示的图像文件名。

我的图片有一个糟糕的命名结构，看到“IMG_1234.JPG”会让用户分心。

WooCommerce 中是否有允许我打开和关闭此设置的设置？还是我需要通过添加/删除代码来更改文件？

提前致谢...

Answer 1

如果您使用任何与 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() ) );

现在在第 31 行搜索rel="prettyPhoto'周围的东西。title="%s"从找到的那一行中删除rel="prettyPhoto'.

再次product-thumbnails.php在前一个文件夹中找到。在大约 40 岁时，您会看到如下所示的内容 -

$image_title = esc_attr( get_the_title( $attachment_id ) );

注释掉添加两个正斜杠（//），就像前一个一样。现在再次在第 42 行附近搜索某物prettyPhoto[product-gallery]，当您找到它时寻找title="%s"附近并像以前一样将其删除。

这将从灯箱图片查看器中删除标题。

除了所有这些工作，您只需在 header.php 文件中或您可能找到合适的任何地方使用以下脚本 -

<script>
    jQuery(document).ready(function(){
        jQuery('a[rel*="prettyPhoto"]').attr('title','').find('img').attr('alt','');
    });
</script>