Пользовательский текст в Добавить в корзину, но не на стороне в Woocommerce

Question

В Woocommerce я использую следующий код для добавления пользовательского текста в разделе добавить в корзину:

add_action( 'woocommerce_after_add_to_cart_button', 'content_after_addtocart_button_func' );

function content_after_addtocart_button_func() {
    // Echo content.
    echo '<div  style="font-size:10px;"><em>(*Contact us for bulk purchase enquiry)</em></div>';
}

Но это отображается в одну строку, как на этом скриншоте:

Как мне получить его под кнопкой добавления в корзину?

Answer 1

Вы можете попробовать использовать <br slyle="clear:both;"> с аргументом slyling clear, установленным на both, чтобы остановить поведение плавающего стиля:

add_action( 'woocommerce_after_add_to_cart_button', 'content_after_addtocart_button_func' );

function content_after_addtocart_button_func() {
    // Echo content.
    echo '<br slyle="clear:both;"><div  style="font-size:10px;"><em>(*Contact us for bulk purchase enquiry)</em></div>';
}

Это должно работать ...

Answer 2

Просто оберните текст с помощью <div> следующим образом:

add_action('woocommerce_after_add_to_cart_button', 'content_after_addtocart_button_func');

function content_after_addtocart_button_func()
{

    // Echo content.
    echo '<div>(*Contact us for bulk purchase enquiry)</div>';
}

или вы можете использовать woocommerce_after_add_to_cart_form следующим образом:

add_action('woocommerce_after_add_to_cart_form', 'content_after_addtocart_button_func');

function content_after_addtocart_button_func()
{

// Echo content.
     echo '<div>(*Contact us for bulk purchase enquiry)</div>';
}