更改WooCommerce通知的设计

时间:2016-12-26 作者:Peter123

我使用上的德国市场插件运行WooCommerce

www.sabertec.net.

不幸的是,我不知道如何改变WooCommerce通知出现的设计。下面,您可以看到一个屏幕截图,显示您将产品放入购物车时看到的内容。

你们中有人知道如何更改此通知的设计吗?

这意味着:

如何仅针对此WooCommerce通知禁用阴影效果(不针对产品说明和其余文本)?

如何更改“查看购物车”的颜色?

enter image description here

您好,

彼得123。

1 个回复
最合适的回答,由SO网友:Jami Gibbs 整理而成

听起来你可能想从学习一点CSS开始,这不一定是WordPress的问题(有很多CSS教程可以让你开始学习)。

然后,要更改站点的样式,请确定要更改的元素,并将自定义项添加到主题或正在使用的自定义CSS输入中。识别要更改的CSS的最快方法是使用浏览器工具,如Chrome DevTool 检查器或Firefox的Firebug扩展。

由于我们专门讨论的是WooCommerce,我还想提及的是,您可以完全删除WooCommerce风格,从头开始(对于那些想要定制其店铺整体外观的人来说,这是一个很好的选择)。在主题的functions.php 文件将执行此操作。

逐个删除每个样式:

add_filter( \'woocommerce_enqueue_styles\', \'yourname_dequeue_styles\' );
function yourname_dequeue_styles( $enqueue_styles ) {
    unset( $enqueue_styles[\'woocommerce-general\'] ); // Remove the gloss
    unset( $enqueue_styles[\'woocommerce-layout\'] ); // Remove the layout
    unset( $enqueue_styles[\'woocommerce-smallscreen\'] ); // Remove the smallscreen optimisation
    return $enqueue_styles;
}
或者在一行中删除它们

add_filter( \'woocommerce_enqueue_styles\', \'__return_false\' );