禁用WooCommerce blocks块的CSS样式

最模板 2022-04-05 13:52 WooCommerce教程
在WooCommerce安装新主题会使用新的CSS文件,但是系统又自带CSS,将会发生重合导致各种意外放生,如:
 
1:主题将加载实际上不需要的CSS样式。
2:将会有很多 CSS 覆盖,这会导致更多的工作并造成更多的混乱。
因此,我们决定将它们从主题中完全删除,而不是覆盖 WooCommerce 块样式。下面,您可以找到有关如何在您自己的 WordPress 网站中禁用这些样式的解决方案。
 
禁用 WooCommerce 前端样式
当您或您的用户访问该网站时,WooCommerce 会加载块样式。因此,您无需担心 WooCommerce 块的样式,因为它已经为您完成了。
 
如果您的 WordPress 网站不需要这些blocks样式,则可以使用以下代码段禁用它:
/**
 * 禁止 WooCommerce block styles (front-end).前台样式表
 */
function zuimoban_disable_woocommerce_block_styles() {
  wp_dequeue_style( 'wc-blocks-style' );
}
add_action( 'wp_enqueue_scripts', 'zuimoban_disable_woocommerce_block_styles' );
 
禁用 WooCommerce 后端样式
WooCommerce 也会在您网站的后端加载块样式。因此,您可以在 Gutenberg(块编辑器)中使用这些块。
 
唯一的区别是它加载了两个样式文件而不是一个:blocks块编辑器样式和blocks块样式。
 
可以使用以下代码段禁用它:
/**
 * 禁止WooCommerce block styles (back-end)后台样式表
 */
function zuimoban_disable_woocommerce_block_editor_styles() {
  wp_deregister_style( 'wc-block-editor' );
  wp_deregister_style( 'wc-blocks-style' );
}
add_action( 'enqueue_block_assets', 'zuimoban_disable_woocommerce_block_editor_styles', 1, 1 );
 
在将这些代码片段添加到您的网站之前,请确保您已经为 WooCommerce 块创建了自己的样式。
 
否则,这些块将没有CSS样式。
 

相关文章

  1. 变量$order获取WooCommerce订单信息

    在WooCommerce我怎样才能得到订单总额或者我怎样才能得到订单物品或者可能是订单 ID、客户 ID、账单信息、付款方式、总退款等等,使用变量$order可以获取。可能有 $order_id 可用。在这种...

    2022-04-15
  2. 使用$product获取WooCommerce产品信息ID、S

    在WooCommerce中,使用变量$product 如何获取产品 SKU或者我怎样才能得到产品的简短描述或者可能是产品库存水平、运输等级、税收等级、价格、正常价格、销售价格等等.并非总是可以访问...

    2022-04-15
  3. 在WooCommerce列表页显示商品品牌

    安装好WooCommerce Brands 插件网站将显示品牌分类,商品也会出现品牌链接,但是商品列表页如何也显示商品品牌呢?仅将这些添加到单个产品页面中。 在woomcomerce当中添加以下代码: ad...

    2022-04-15
  4. 在WooCommerce添加产品视频代替图片

    WooCommerce 不允许您添加产品视频,但是我们可以用几行代码添加它,不需要第三方插件。 WooCommerce 产品图片用于说明您的产品,但有些产品需要视频才能更好地展示它们。在这里,我将...

    2022-04-04
  5. 重命名WooCommerce产品选项卡里的附加信息

    系统WooCommerce产品选项卡里的附加信文字一般为Additional information,意思附加信息,但是我们可能需要修改成产品规格,文字Specifications,使用插件太过冗余,直接采用以下代码片段: a...

    2022-04-04
  6. WooCommerce启用PayPal Standard标准版

    WooCommerce一次次升级把PayPal Standard标准版给隐藏了,推荐用高级版,对于广大外贸独立站来说,使用高级企业版就不能提现到个人账户了,我们需要PAYPAL标准版,这里最模板提供代码如下...

    2022-04-04
  7. 当WooCommerce订单金额超过1000隐藏paypal

    在当WooCommerce当中我们使用最多的支付工具是paypal,但是手续费太高了,4.4%加提现35美金,对于我们广大独立站来说,利润太薄了,若是出现一个更大的订单,超过1000,一下子就收走了...

    2022-04-04
  8. 控制WooCommerce在产品页标签数量

    如果您使用 WooCommerce 产品标签,一个产品可能属于其中的 10 个或更多。发生这种情况时,单个产品页面会显示一长串标签链接,这可能会占用太多空间(请参阅下面的屏幕截图以可视化...

    2022-03-28
  9. 显示WooCommerce选定的变化信息如价格、重

    让我们访问WooCommerce变体 ID。如果我需要读取变化价格、库存数量、SKU、重量等怎么办?那么,在这种情况下,我们需要不同的代码。...

    2022-03-28
  10. 变量$cart获取WooCommerce购物车信息总数、

    怎样才能得到WooCommerce购物车总数或者怎样才能显示WooCommerce购物车商品或者可能是购物车费用、申请的优惠券、购物车内容总量、总重量等等,这里使用$cart 变量. 1. 如果您可以访问 ...

    2022-04-15