如果選擇了額外的產品選項，則隱藏添加到購物車按鈕

Question

我正在使用 Woocommerce 請求報價插件和 TM 額外產品選項插件。

我希望我的客戶通常要求報價，因此在每個產品上，“添加到購物車”按鈕旁邊都有一個按鈕。

如果客戶選擇產品的某個選項（通過 TM 額外產品選項），我想隱藏“添加到購物車”按鈕，只允許詢價。 而不是直接結賬。

我已經找到了這個片段來使按鈕可見或不可見。

add_filter('woocommerce_is_purchasable', 'my_woocommerce_is_purchasable', 10, 2);

function my_woocommerce_is_purchasable($is_purchasable, $product) {
 // Write code to access checkbox value in this function
 // let $checkbox_value be the value from checkbox
  return ($checkbox_value == false ? false : $is_purchasable);
}

但是我不知道如何編寫僅在選中 TM Extra 產品選項中的字段時才隱藏的條件。 這是單選按鈕的 HTML。

<li class="tmcp-field-wrap tm-per-row tc-active">
        <label class="tm-epo-field-label" for="tmcp_choice_4_0_561e9641a28f9d">
                <input class="tmcp-field tm-epo-field tmcp-radio tcenabled" name="tmcp_radio_4" data-price="" data-rules="[&quot;&quot;]" data-original-rules="[&quot;&quot;]" data-rulestype="[&quot;&quot;]" data-image="" data-imagec="" data-imagep="" data-imagel="" data-image-variations="[]" value="kostenlose Preisanfrage_0" id="tmcp_choice_4_0_561e9641a28f9d" type="radio" checked="checked">
        <span class="tc-label-wrap"><span class="tc-label tm-label">kostenlose Preisanfrage</span></span>    </label>
    <span class="tc-price-wrap">
    <span class="price tc-price hidden">
    <span class="amount">0,00€</span>
</span>
</span>
        </li>
        </li>

我不確定這是否是最好的方法。

Answer 1

我相信不幸的是，由於您需要在用戶選擇單選按鈕時更改按鈕，除非使用 ajax，否則您無法在 php 代碼中執行此操作。 雖然你可以通過一些 jQuery 來控制它。 我相信如果將以下內容添加到頁面中應該可以工作。 它偵聽單選按鈕的任何更改，如果確實更改，則檢查是否已檢查以及該值是否為指定單選按鈕選項的值。 如果是這樣，它會禁用添加到購物車按鈕。

jQuery("input[type=radio][name='tmcp_radio_4']").change(function() { 
if (this.checked && value='kostenlose Preisanfrage_0' ) 
    jQuery('.single_add_to_cart').prop('disabled', true);
else
    jQuery('.single_add_to_cart').prop('disabled', false);
});

如果您使用的是 Chrome 瀏覽器，您可以嘗試在您想嘗試的頁面上的控制台中添加它，以測試它是否有效。 當您更改單選按鈕時，您應該會看到添加到購物車按鈕的更改。 如果它有效，您可以繼續將其添加到您的代碼中。

In case you are not sure how to add it to your code, there are many ways to add jQuery code in WordPress here is an article about it How to Properly Add jQuery scripts to WordPress

Answer 2

您是否面臨購物車頁面上的價格問題？ 我還在使用帶有 TM 額外產品選項插件的報價插件。 購物車頁面中沒有額外的產品選項價格