Удалить вариацию в корзине Woocommerce

Question

У меня есть пицца с несколькими ингредиентами. Если пользователь установил флажок «Добавить ингредиенты», выбор выглядит как раскрывающийся список по умолчанию «none». Мне нужно, чтобы «нет» выбранных параметров, чтобы спрятаться в корзине и выписке.

У меня есть они, чтобы спрятаться на странице корзины, но они все еще отображаются в корзине и контрольной кассе.

Вот некоторые из кода, отображающие ингредиенты:

  <li>Add Ingredients?</li> 
 
    </ul> 
 
</dd> \t 
 
<dt class="variation-GreenOlives">Green Olives:</dt> 
 
<dd class="variation-GreenOlives"> 
 
    <p>Whole Pizza ($1.00)</p> 
 
</dd> 
 
<dt class="variation-RipeOlives">Ripe Olives:</dt> 
 
<dd class="variation-RipeOlives"> 
 
    <p>None</p> 
 
</dd> 
 
<dt class="variation-SlicedTomatoes">Sliced Tomatoes:</dt> 
 
<dd class="variation-SlicedTomatoes"> 
 
    <p>None</p> 
 
</dd> 
 
<dt class="variation-FreshMushrooms">Fresh Mushrooms:</dt> 
 
<dd class="variation-FreshMushrooms"> 
 
    <p>None</p> 
 
</dd> 
 
<dt class="variation-ArtichokeHearts">Artichoke Hearts:</dt> 
 
<dd class="variation-ArtichokeHearts"> 
 
    <p>None</p> 
 
</dd> 
 
<dt class="variation-CannedMushrooms">Canned Mushrooms:</dt> 
 
<dd class="variation-CannedMushrooms"> 
 
    <p>None</p> 
 
</dd> 
 
<dt class="variation-FreshBasil">Fresh Basil:</dt> 
 
<dd class="variation-FreshBasil"> 
 
    <p>None</p> 
 
</dd> 
 
<dt class="variation-Spinach">Spinach:</dt> 
 
<dd class="variation-Spinach"> 
 
    <p>None</p> 
 
</dd> 
 
<dt class="variation-Pepperjack">Pepperjack:</dt> 
 
<dd class="variation-Pepperjack"> 
 
    <p>None</p> 
 
</dd> 
 
<dt class="variation-ExtraCheese">Extra Cheese:</dt> 
 
<dd class="variation-ExtraCheese"> 
 
    <p>None</p> 
 
</dd> 
 
<dt class="variation-Cheddar">Cheddar:</dt> 
 
<dd class="variation-Cheddar"> 
 
    <p>None</p> 
 
</dd> 
 
<dt class="variation-Swiss">Swiss:</dt> 
 
<dd class="variation-Swiss"> 
 
    <p>None</p> 
 
</dd>

А вот код, который скрывается в "NONE" варианты на странице корзины:

function hideNone(){ 
 
    $(document).ready(function(){ 
 
     $("dd>p:contains('None')").hide() && $("dd").prev().hide(); 
 
    }); 
 
}

Так что, несмотря на то, что код во всех трех местах показывает порядок, этот код только скрывает его на странице корзины. Я использую woocommerce и гравитационные формы на локальной установке. Спасибо за вашу помощь.

Answer 1

Проблема, я думаю, что вы объявили функцию hideNone() и не вызвали функцию. $(document).ready() фактически используется для вызова функции при загрузке документа, что означает, что не обязательно должно быть определение функции. См. Документацию.

$(document).ready(function() { 
 
    $("dd>p:contains('None')").hide() && $("dd").prev().hide(); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script> 
 
<dt class="variation-GreenOlives">Green Olives:</dt> 
 
<dd class="variation-GreenOlives"> 
 
    <p>Whole Pizza ($1.00)</p> 
 
</dd> 
 
<dt class="variation-RipeOlives">Ripe Olives:</dt> 
 
<dd class="variation-RipeOlives"> 
 
    <p>None</p> 
 
</dd> 
 
<dt class="variation-SlicedTomatoes">Sliced Tomatoes:</dt> 
 
<dd class="variation-SlicedTomatoes"> 
 
    <p>None</p> 
 
</dd> 
 
<dt class="variation-FreshMushrooms">Fresh Mushrooms:</dt> 
 
<dd class="variation-FreshMushrooms"> 
 
    <p>None</p> 
 
</dd> 
 
<dt class="variation-ArtichokeHearts">Artichoke Hearts:</dt> 
 
<dd class="variation-ArtichokeHearts"> 
 
    <p>None</p> 
 
</dd> 
 
<dt class="variation-CannedMushrooms">Canned Mushrooms:</dt> 
 
<dd class="variation-CannedMushrooms"> 
 
    <p>None</p> 
 
</dd> 
 
<dt class="variation-FreshBasil">Fresh Basil:</dt> 
 
<dd class="variation-FreshBasil"> 
 
    <p>None</p> 
 
</dd> 
 
<dt class="variation-Spinach">Spinach:</dt> 
 
<dd class="variation-Spinach"> 
 
    <p>None</p> 
 
</dd> 
 
<dt class="variation-Pepperjack">Pepperjack:</dt> 
 
<dd class="variation-Pepperjack"> 
 
    <p>None</p> 
 
</dd> 
 
<dt class="variation-ExtraCheese">Extra Cheese:</dt> 
 
<dd class="variation-ExtraCheese"> 
 
    <p>None</p> 
 
</dd> 
 
<dt class="variation-Cheddar">Cheddar:</dt> 
 
<dd class="variation-Cheddar"> 
 
    <p>None</p> 
 
</dd> 
 
<dt class="variation-Swiss">Swiss:</dt> 
 
<dd class="variation-Swiss"> 
 
    <p>None</p> 
 
</dd>