Есть команда woocommerce для добавления настраиваемого поля, но кажется, что добавить блочный элемент:
echo '<p> Medium Size - 70 PHP';
woocommerce_form_field( 'mediumBagCount', array(
'type' => 'select',
'class' => array( 'wps-drop' ),
'label' => __( 'Packge Type' ),
'options' => array(
'0' => __( '0', 'wps' ),
'1' => __( '1', 'wps' ),
'2' => __( '2', 'wps' ),
)
),
$checkout->get_value( 'mediumBagCount' ));
echo '</p>';
Я попытался обернуть его тегом абзаца, но он все равно занимает новую строку:
Кто-нибудь знает, как я могу заставить поле сидеть рядом с его абзацем?
Это потому, что woocommerce добавляет display:block;
к меткам полей оформления заказа с классом form-row
. Также поле выбора внутри класса form-row
применяется на всю ширину.
Вы можете добавить следующий css в пользовательский css вашей темы или написать функцию и подключить ее к wp_footer
.
.wps-drop.form-row label{
display: inline-block;
}
.wps-drop.form-row select{
width: auto;
}
Или вы можете использовать
function custom_style(){
?>
<style type = "text/css">
.wps-drop.form-row label{
display: inline-block;
}
.wps-drop.form-row select{
width: auto;
}
</style>
<?php
}
add_action('wp_footer', 'custom_style');
Вы можете использовать хук wp_footer и добавить стиль в php. Посмотреть обновление
Да, спасибо, приятель, мне пришлось удалить метку из css и отметить ее как важную. Большое спасибо!
Спасибо, приятель, кажется, мой сервер кэширует мой CSS, поэтому я не могу ничего там обновить (я отключил свой плагин кэширования), поэтому мне все равно придется найти другой способ, спасибо!