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>

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

1 个答案: