禁用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. 在WooCommerce产品页面上显示销售总数

    让客户知道产品的受欢迎程度确实有助于转化。一种方法是在产品页面上显示产品已售出的次数。WooCommerce 已经记录了产品的销售次数,因此在产品页面上显示这些数据非常容易。 woo...

    2022-07-10
  2. 为注销的用户重命名WooCommerce我的帐户菜

    在您的 WooCommerce 商店中,您可能会有一个指向我的帐户页面的菜单链接。通常,无论用户是否登录,此链接都会显示我的帐户。但是,如果我们想让它为注销的用户说一些更有用的东西...

    2022-07-10
  3. 按国家地区禁用WooCommerce支付网关

    如果您使用 WooCommerce 向多个国家/地区销售商品,您可能需要阻止来自某些国家/地区的客户使用特定的支付网关。例如,您可能只想向美国客户提供 PayPal。或者您可能希望阻止澳大利亚...

    2022-07-10
  4. 变量$order获取WooCommerce订单信息

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

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

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

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

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

    2022-04-15
  7. 在 WooCommerce中自定义地址格式

    每个国家都有不同的地址格式,例如,美国使用缩写的州名,而澳大利亚通常显示完整的州名。这些不是一成不变的规则,它们总是可以改变的。如何 ? 通过当然是自定义代码: 此代码...

    2022-07-26
  8. 在WooCommerce单个产品图像上禁用缩放、灯

    如果WooCommerce您不销售具有大量细节的高端产品,您的客户可能不需要直接放大您的产品图像的能力。而且,如果您不上传高分辨率图像,那么缩放功能就毫无用处。这同样适用于灯箱和...

    2022-07-10
  9. 在WooCommerce添加产品视频代替图片

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

    2022-04-04
  10. 在WooCommerce中重命名国家地区

    如果您想在WooCommerce中重命名一个国家/地区,只需向您的网站添加代码片段即可。以下示例将Ireland更改为Republic of Ireland: add_filter( woocommerce_countries, snippetpress_rename_countries );function sni...

    2022-07-10