边栏自定义中的Woocommerce产品小部件

时间:2018-06-01 20:51:43

标签: javascript php css wordpress woocommerce

我有一个关于在wordpress边栏中使用woocommerce产品的问题。我已将一些产品包含在旁边的艺术家页面中,但是“添加到购物篮”中。按钮似乎重叠。有没有办法只在侧面菜单中隐藏这些按钮?

屏幕截图:

screenshot

链接: http://zephyrusrecords.be/zephyrus/myrddin/

提前致谢并且一切顺利, 米希尔

2 个答案:

答案 0 :(得分:2)

看起来这应该是诀窍,id定位特定小部件,所以它不应该影响其他任何东西。

#custom_html-40 .button {
    display: none;
}

周末愉快。

答案 1 :(得分:1)

你可以用CSS做到这一点 - 这不是"正确的方式"但它确实有效。

aside#secondary #custom_html-40 a.add_to_cart_button{
display:none;
}

编辑:如果您不知道如何添加CSS。登录仪表板>外观>编辑..如果没有在右侧边栏上查找styles.css,你应该登陆styles.css编辑器。加载页面,并将其添加到页面底部。要查看更改,请确保在查看页面时清除缓存。 Chrome:Shift + f5; Firefox:Ctrl + f5(我通常多次清除缓存)

如果您了解PHP,那么正确的方法是创建一个函数,执行$ wp_query搜索,将其限制为您的规范。这将拍摄产品ID。 通过这种方式,您可以渲染提取URL,Prod Thumb,Prod Pricing以及您希望显示的任何其他信息。这种方法需要时间来开发,但这是正确的方法,因此您不需要额外的代码。

祝你好运!