Отобразить пользовательский блок div для woocommerce вариантов товара на складе

Question

В Woocommerce я пытаюсь сделать пользовательский контейнер Div видимым, когда вариативного продукта нет в наличии, но он доступен на последнем заказе.

Так что по умолчанию он скрыт.Но когда покупатель выбирает вариант, которого нет в наличии, но который доступен для заказа, он покажет написанные мной блоки div.

Я поместил этот блок div внутри краткого описания продукта, посколькуэто место, где я хочу, чтобы оно было видно, когда его нет в наличии.Или, по крайней мере, я хочу, чтобы оно было над формой вариантов, под кратким описанием продукта.

Поскольку я почти ничего не знаю о php и woocommerce хуках, мне было интересно, знает ли кто-нибудь, как это сделать.

Это код контейнера div, о котором я говорю.

<div class="mto-cont">
<div class="col-xs-6 made-to-order"><a href="#">Made to Order</a></div>
<div class="col-xs-6">Production time: <span style="color: #000;">2 - 4 weeks</span></div>

Answer 1

Обновлен - Следующее добавит настраиваемое отображение html, когда вариант продукта относится к задержкам:

add_filter( 'woocommerce_available_variation', 'custom_outofstock_variation_addition', 10, 3 );
function custom_outofstock_variation_addition( $data, $product, $variation ) {
    if( $variation->is_on_backorder() ){
        $data['availability_html'] .= '<div class="mto-cont">
        <div class="col-xs-6 made-to-order"><a href="#">Made to Order</a></div>
        <div class="col-xs-6">Production time: <span style="color: #000;">2 - 4 weeks</span></div>
        </div>';
    }
    return $data;
}

Код помещается в файл function.php вашей активной дочерней темы (илиактивная тема).Проверено и работает.

Answer 2

В зависимости от вашего программного обеспечения и того, что вы хотите сделать, есть 2 способа:

1. Скрыть div с помощью CSS / JS (например, изменить свойство display).

2. Поскольку вы говорите о фреймворке PHP, вы просто не можете отображать DIV при определенных условиях.

Я надеюсь, что вы не спрашивали, какдетально решить вашу проблему одним из этих двух способов, поскольку существуют миллиарды миллиардов объяснений и учебных пособий, поскольку сокрытие html-элемента при определенных условиях является одним из самых основных элементов, которые вы можете изучить во всем мире.в Интернете, просто используя Google в течение 2 секунд;)

Если у вас есть подробный вопрос, потому что то, что вы запрограммировали, по какой-то причине не работает, предоставьте код и опишите, что вы пытались сделать и чтоне работает.