选择下拉列表中的特定值时隐藏“添加到购物车”

Posted 2023-05-09

【中文标题】选择下拉列表中的特定值时隐藏“添加到购物车”

【英文标题】：Hide 'add to cart' when certain value in dropdown is selected

【发布时间】：2021-02-23 01:53:23

【问题描述】：

关于wordpress.stackexchange提出的问题

当用户在下拉列表中选择特定项目时，我试图隐藏“添加到购物车”woocommerce 按钮。我正在使用 WordPress 平台，并在 functions.php 和 3rd 方插件中尝试了多个 JQuery sn-ps，但仍在努力让它工作。

在 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 托管平台。

非常感谢！

【参考方案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 );

【讨论】：

非常感谢@Bhautik - 我已将代码附在functions.php function load_scripts() ?>

@Bhuatik - 你先生是个传奇......它成功了！ :) 非常感谢

除上述内容外，我还想添加一个 AND 子句，这样即使商品由 Ronks Michael 出售，它也会隐藏按钮。源代码：picflick.co.za/vendor/ronks-michael/">Sold By Ronks Michael 所以当它 = Sold By Ronks Michael 时，if 语句将是真的。谢谢

（或任何人） - 你能帮帮伙计吗

非常感谢您的参与。这里有趣的情况......有超过 1 个 标签。我正在寻找的 1 包含在 标记中。你能补充吗？我试过 $(".product_meta.by-vendor-name-link").text() == "Sold By Ronks Michael" ) 但这没有用。请帮忙:)

【参考方案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>

因此，当它 = “Sold By Ronks Michael”时，if 语句将为真。

谢谢