选择下拉列表中的特定值时隐藏 'add to cart'

Question

上提出的问题

我试图在用户选择下拉列表中的特定项目时隐藏 'add to cart' woocommerce 按钮。我正在使用 WordPress 平台，并在 functions.php 和第 3 方插件中尝试了多个 JQuery 片段，但仍在努力使其正常工作。

在Functions.php主题文件中

function load_scripts() {
?>
    <script type="text/javascript">
    $(document).ready(function(){
        $(document.getElementsByName("select-1574795073993")).change(function(){
            $( "select option:selected").each(function(){
                if($(this).attr("value")=="International"){
                    $(".single_add_to_cart_button").hide();
                }
            });
        }).change();
    });
    </script>
<?php
}
add_action('wp_enqueue_scripts', 'load_scripts');

有人可以通过简单的步骤协助 1) 提供正确的代码，以及 2) 插入 woocommerce.com 托管平台。

非常感谢！

Answer 1

试试下面的代码。

function load_scripts(){ ?>
    <script type="text/javascript">
        (function($){
            $(document).ready(function(){
                $('select[name="select-1574795073993"]').on('change', function() {
                    if( this.value == "International" && $('.product_meta .by-vendor-name-link').text() == 'Sold By Ronks Michael' ){
                        $(".single_add_to_cart_button").hide();
                    }else{
                        $(".single_add_to_cart_button").show(); 
                    }
                });
            });
        })(jQuery);
    </script>
<?php }
add_action( 'wp_footer', 'load_scripts', 10, 1 );

Answer 2

除上述内容外，我还想添加一个 AND 子句，这样即使该商品由 Ronks Michael 出售，它也会隐藏按钮

例如源代码：

<a class="by-vendor-name-link" style="display: block;" href="https://picflick.co.za/vendor/ronks-michael/">Sold By Ronks Michael</a>

所以当它 =“由 Ronks Michael 出售”时，if 语句将为真。

谢谢

选择下拉列表中的特定值时隐藏 'add to cart'

Hide 'add to cart' when certain value in dropdown is selected

php

wordpress

jquery

function

dropdown