Wordpress Woocommerce:如何删除;“添加到购物车”;在产品上方悬停时
我想要一些帮助删除“添加到购物车”文本出现在我的WordPress网站的产品页面上的产品价格。(在我的页面上翻译为“在winkelmand中”) 我一直在到处寻找,我发现的选择不起作用,我的想法 以下是正在发生的事情的屏幕截图: 网址: 将鼠标悬停在产品上时,将显示黄色文本。当您在加载产品页面之前选择产品时,它也会出现在手机上 有人能告诉我如何禁止显示此文本吗?我尝试过CSS(display:none),但是当你把鼠标悬停在产品上时,价格就消失了 提前谢谢,我会非常感激的 尝试使用此CSS:Wordpress Woocommerce:如何删除;“添加到购物车”;在产品上方悬停时,wordpress,woocommerce,Wordpress,Woocommerce,我想要一些帮助删除“添加到购物车”文本出现在我的WordPress网站的产品页面上的产品价格。(在我的页面上翻译为“在winkelmand中”) 我一直在到处寻找,我发现的选择不起作用,我的想法 以下是正在发生的事情的屏幕截图: 网址: 将鼠标悬停在产品上时,将显示黄色文本。当您在加载产品页面之前选择产品时,它也会出现在手机上 有人能告诉我如何禁止显示此文本吗?我尝试过CSS(display:none),但是当你把鼠标悬停在产品上时,价格就消失了 提前谢谢,我会非常感激的 尝试使用此CSS: .
.woocommerce ul.products li.product:hover .price, .theme-block.shop .product:hover .price {
opacity: 1 !important;
}
.woocommerce ul.products li.product .button.add_to_cart_button, .woocommerce ul.products li.product .button.product_type_simple {
opacity: 1 !important;
position: static !important;
}
谢谢@PetarVasilev在正确的方向上帮助我。我改变并添加了一些东西,现在它就像一个魅力 最终,我们所做的是:
- 移动“添加到购物车”文本并使其不透明(不透明度:0)
- 使价格文本不不透明(不透明度:1)
- 使指针保持默认状态,使其看起来不可单击
- 使文本变小,以便人们(几乎)不会意外地将鼠标悬停在文本上或单击文本
- 去掉下面的空白,这样每个产品之间就不会有很大的空白区域 (-删除小屏幕的边距,它是独立设置的)
.woocommerce ul.products li.产品:hover.price、.theme-block.shop.产品:hover.price{
不透明度:1!重要;
}
.woocerce ul.products li.product.button.add_to_cart_button.woocerce ul.products li.product.button.product_type_simple{
不透明度:0!重要;
位置:静态!重要;
游标:默认值;
字体大小:0px;
}
.woocommerce ul.products li.product,.woocommerce页面ul.products li.product{
边缘底部:0rem;
}
@介质(最大宽度:768px){
woocommerce ul.产品li.产品{
页边距底部:0!重要
}
}
图像链接和网站链接目前对我都不起作用。URL不起作用吗?它肯定是在线的,我们也可以在手机上打开它。你确定你不能用它吗?另外,屏幕截图的链接仍然在线@PetarVasilevIt现在可以工作了。这看起来像是故意的行为。看看它在主题网站上是否做了同样的事情。我想你是对的@PetarVasilev。这是所选主题的有意行为。我只想删除它:)