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'。从找到 rel="prettyPhoto' 的那一行中删除 title="%s"。

再次在前一个文件夹中找到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>