【问题标题】:Hide weight and dimensions fields from product variations settings in Woocommerce在 Woocommerce 的产品变体设置中隐藏重量和尺寸字段
【发布时间】:2019-05-12 22:22:40
【问题描述】:

我正在开发一个不需要 WooCommerce 中的运输重量和尺寸的网站。在管理区域 - 添加新产品时,有包含此选项的运输选项卡。有没有办法隐藏它?我尝试使用以下 CSS,但它不起作用。我一直在寻找一种方法来使用我的 functions.php 文件来删除它,但无法弄清楚如何。这是我尝试过的:

p.form-field._weight_field {display:none;}

p.form-field .dimensions_field {display:none;}

.woocommerce_options_panel .options_group:first-child{display:none 
!important;}

我尝试了多种变体,但没有运气。有谁知道使用functions.php文件并仅隐藏重量和尺寸输入区域的方法?

【问题讨论】:

  • 您能否分享更多详细信息,例如相关部分的 html?如果您的 css 无法正常工作,则可能是其他东西覆盖了它。
  • 这是在 Wordpress 中使用 WooCommerce。它在 PHP 中。这些只是我在浏览器上使用检查功能找到的 CSS 选择器。
  • php 输出 html。在浏览器上使用检查功能还可以向您显示正在应用 css 的 html。如果您搜索“如何检查工具 html”,您应该会找到一些有用的链接来演示如何执行此操作。

标签: php css wordpress woocommerce


【解决方案1】:

如果您想隐藏左侧的选项卡(从而阻止任何人访问重量、尺寸或运输类别字段):

#woocommerce-product-data ul.wc-tabs li.shipping_options.shipping_tab {
    display: none;
}

如果您只想隐藏重量和尺寸字段:

#shipping_product_data .form-field._weight_field, 
#shipping_product_data .form-field.dimensions_field {
    display: none;
}

【讨论】:

    【解决方案2】:

    在管理产品页面设置中隐藏产品重量和尺寸字段。

    1) 对于产品帖子类型,您将使用:

    // Products
    add_action( 'woocommerce_product_options_general_product_data', 'hide_product_weight_and_dimentions' );
    function hide_product_weight_and_dimentions(){
        ?><style>
            div#shipping_product_data ._weight_field, div#shipping_product_data .dimensions_field { display:none !important;}
        </style><?php
    }
    

    2) 对于产品变体,您将使用:

    // Variations
    add_action( 'woocommerce_variation_options_pricing', 'hide_variation_weight_and_dimentions', 10, 3 );
    function hide_variation_weight_and_dimentions( $loop, $variation_data, $variation ){
        ?><style>
            .variable_weight<?php echo $loop ?>_field, .dimensions_field { display:none !important;}
        </style><?php
    }
    

    代码进入您的活动子主题(或活动主题)的 function.php 文件中。经过测试并且可以工作。

    关于一个简单的产品:

    关于可变产品的产品变体:

    【讨论】:

    • 那行得通。这正是我所需要的。谢谢!
    猜你喜欢
    • 1970-01-01
    • 2018-09-26
    • 1970-01-01
    • 1970-01-01
    • 2020-05-03
    • 2019-07-25
    • 1970-01-01
    • 1970-01-01
    • 2020-09-30
    相关资源
    最近更新 更多