更改放大镜和灯箱图像 woocommerce

氧化铝

因为我正在开发一个库存照片网站,所以我不希望图片被盗。我安装了水印解决方案,所有产品图像都带有水印,除了全尺寸。这是购买后下载的。

现在默认的 WooCommerce 行为是,当我将鼠标悬停在单个产品页面上显示的图像上时,会启动放大镜。好的,但是显示的全尺寸图像没有我的水印。即便如此,当单击图像时,灯箱会打开,显示全尺寸图像。

当用户想要查看元素时,复制 url 并下载完整尺寸的图像而无需购买。这是一种不想要的情况。

有人知道如何在放大镜和灯箱中显示带水印(更大)的预览吗?我自己找不到。

最好的祝愿

氧化铝

找到了。只需添加另一个称为预览的缩略图大小。所以我在我的functions.php文件中添加了这行代码:

add_image_size( 'preview', $width = 3072, $height =3072, $crop = false );

并改变了

$thumbnail_size    = apply_filters( 'woocommerce_product_thumbnails_large_size', 'large' );

在 product-image.php 文件中:

$thumbnail_size    = apply_filters( 'woocommerce_product_thumbnails_large_size', 'preview' );

不要忘记将 product-image.php 模板文件复制到您的子主题。

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

如何在羽毛灯灯箱中取出放大镜?

来自分类Dev

jQuery放大镜不在图像外

来自分类Dev

WPF中的放大镜

来自分类Dev

iOS黑色放大镜

来自分类Dev

默认屏幕放大镜?

来自分类Dev

默认屏幕放大镜?

来自分类Dev

自动启动放大镜

来自分类Dev

当使用nextjs放大时,React图像放大镜不起作用

来自分类Dev

如何在一个子图中显示图像的放大(图上放大镜)

来自分类Dev

在表格外使用放大镜

来自分类Dev

跟随光标在画布上的放大镜

来自分类Dev

屏幕放大镜也显示鼠标指针

来自分类Dev

如何在iOS 7中的UISearchBar中更改位置或隐藏放大镜图标?

来自分类Dev

如何更改Compiz放大镜的键盘快捷键(当前为alt输入)

来自分类Dev

当使用放大镜js更改src时,如何刷新img src?

来自分类Dev

禁用UITextView的放大镜,但在目标c中启用链接和电话号码检测

来自分类Dev

使用预制的javascript放大镜时,如何在水平方向上对齐图像并以CSS为中心?

来自分类Dev

仅当我将鼠标悬停在CSS中的图像上时才能显示放大镜吗?

来自分类Dev

使用CSS使放大镜遵循椭圆形路径

来自分类Dev

放大镜悬停后iOS屏幕闪烁

来自分类Dev

撤消Google Chrome检查器的放大镜工具?

来自分类Dev

放大镜显示UIWindow在后面

来自分类Dev

跟随画布光标的放大镜

来自分类Dev

为什么我的搜寻按钮没有放大镜?

来自分类Dev

HTML5搜索输入放大镜替代?

来自分类Dev

Facebook Feed对话框中的神秘放大镜

来自分类Dev

如何隐藏Windows 10的放大镜(缩放)?

来自分类Dev

在输入type =“ search”元素内增加放大镜图标

来自分类Dev

如何在Qualtrics中使用放大镜?

Related 相关文章

热门标签

归档