仅从 WooCommerce 画廊/灯箱缩略图中删除特色图片

Posted

技术标签:

【中文标题】仅从 WooCommerce 画廊/灯箱缩略图中删除特色图片【英文标题】:Remove featured image from WooCommerce gallery/lightbox thumbnails only 【发布时间】:2021-07-06 15:37:25 【问题描述】:

我需要从 wordpress woocommerce 画廊/灯箱中隐藏特色产品图片,但它仍然必须在产品页面中显示为大图片。我已经尝试了几个 sn-ps,例如 Remove featured image from the WooCommerce gallery,但这些 sn-ps 最终会从图库和产品页面或图库/灯箱本身中删除精选的 img。

请查看附件中的图片链接。

提前致谢!

【问题讨论】:

能否提供网址? gamingaddicted.it/prodotto/handpicked-red-chillies 【参考方案1】:

可以用你的 CSS 来做到这一点。但请记住一件事。隐藏第一个缩略图并不总是一个好主意,因为当有人点击您图片库中的另一张图片时,您将丢失第一个特色图片,因此客户可能看不到主要产品。

.woocommerce div.product div.woocommerce-product-gallery--columns-4 .flex-control-thumbs li:first-child 
    display: none;

【讨论】:

嗨 Lubo 感谢您的回复和上面的 css,它工作得很好:) 这个概念是我会让画廊中的图像不可点击,我只想使用厨房来突出主要组件组装在电脑上。非常感谢您的帮助!!! 没问题,不客气。乐意效劳。如果可能的话,我将不胜感激。祝你有美好的一天! :) 我投票了,但我是新用户,看起来不会反映这个话题 哦,没错。不管怎样,谢谢你!祝你有美好的一天:) 嘿Lubo,使用上面的代码,第一行显示3个拇指,而第二行显示4个拇指,请问你有一个快速解决方案吗?谢谢!

以上是关于仅从 WooCommerce 画廊/灯箱缩略图中删除特色图片的主要内容,如果未能解决你的问题,请参考以下文章

自动播放(幻灯片)放大灯箱中的灯箱画廊?

Bootstrap Image Gallery 灯箱显示来自多个画廊的所有图像。只希望显示特定的画廊图像

如何从灯箱画廊中触发无限滚动 - Django / FancyBox / Waypoints.js

如何使用数据库缩略图中的 src 将Class active 添加到 Bootstrap 模态图像?

ScrollTop 在砌体图像缩略图中找不到几个不同的数字元素 ID 之一以将页面滚动到图像

php 添加Woocommerce 3图库/灯箱/缩放支持。在functions.php中包括以下内容