仅从 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 模态图像?