Question

我正在尝试制作woocommerce产品变体字段我在</head>之前放下了下面的文字但是没有用。

我该怎么做？

它适用于Jsfiddle，但不适用于我的网站我做错了什么。

我的HTML：

<select id="color" class="" name="attribute_color" data-attribute_name="attribute_color">
     <option value="" selected="selected">Choose an option</option>
     <option value="White" class="attached enabled">White</option>
     <option value="Black" class="attached enabled">Black</option>
    </select>

我的剧本：

$(document).ready(function() {
    $('select').prop("required", true);
});

感谢。

Answer 1

在WordPress上，您需要先使用 jQuery ，然后将 $ 添加到 function($) 。这样，您可以在之后使用简写 $ 。

这是你的代码：

jQuery(document).ready(function($) {
   $('select#color').prop("required", true);
});

（我已在jQuery选择器中将color添加到select html标记。您可以像在代码中一样删除它

Answer 2

作为记录，如果不需要在 jQuery 中执行，而是在后端执行，这是我的情况，也是最有效的。我强烈建议像这样使用 woocommerce_dropdown_variation_attribute_options_html 过滤器：

add_filter( 'woocommerce_dropdown_variation_attribute_options_html', [ 'make_size_attr_required' ], 10, 2 );
function make_size_attr_required( $html, $args ) {
    if ( 'pa_taille' === $args['attribute'] ) {
        $html = str_replace( '<select id="pa_taille"', '<select required id="pa_taille"', $html );
    }
    return $html;
}

这只会将“required”HTML 属性添加到想要的选择中，这里是“pa_taille”，您想要的产品变体名称。

如何在WooCommerce变体选择选项中添加“必需”

2 个答案: