Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/wordpress/12.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Wordpress Woocommerce:如何删除;“添加到购物车”;在产品上方悬停时_Wordpress_Woocommerce - Fatal编程技术网

Wordpress Woocommerce:如何删除;“添加到购物车”;在产品上方悬停时

Wordpress Woocommerce:如何删除;“添加到购物车”;在产品上方悬停时,wordpress,woocommerce,Wordpress,Woocommerce,我想要一些帮助删除“添加到购物车”文本出现在我的WordPress网站的产品页面上的产品价格。(在我的页面上翻译为“在winkelmand中”) 我一直在到处寻找,我发现的选择不起作用,我的想法 以下是正在发生的事情的屏幕截图: 网址: 将鼠标悬停在产品上时,将显示黄色文本。当您在加载产品页面之前选择产品时,它也会出现在手机上 有人能告诉我如何禁止显示此文本吗?我尝试过CSS(display:none),但是当你把鼠标悬停在产品上时,价格就消失了 提前谢谢,我会非常感激的 尝试使用此CSS: .

我想要一些帮助删除“添加到购物车”文本出现在我的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)
  • 使指针保持默认状态,使其看起来不可单击
  • 使文本变小,以便人们(几乎)不会意外地将鼠标悬停在文本上或单击文本
  • 去掉下面的空白,这样每个产品之间就不会有很大的空白区域 (-删除小屏幕的边距,它是独立设置的)
CSS现在如下所示:

.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。这是所选主题的有意行为。我只想删除它:)