Я добавляю кнопки приращения на странице продукта вокруг div количества, которое содержит поле ввода количества. Я подключаю мои функции генерации кнопок create_button_before и create_button_after:
add_action( 'woocommerce_before_add_to_cart_quantity', 'create_button_before' );
add_action( 'woocommerce_after_add_to_cart_quantity', 'create_button_after' );
Это прекрасно работает, кроме одной вещи. Я хотел бы, чтобы кнопки были смежными без пробелов по количеству div как элементы inline-block. К сожалению, inline-block в CSS разделяет элементы с разрывами строк в стиле пробелов.
На странице продукта я не могу применить обычный CSS-хак, чтобы сделать размер шрифта родительского элемента 0 (пространство будет иметь ширину 0) и явно указать размер шрифта для всех дочерних элементов. Это потому, что не существует постоянной элементной структуры предков - она изменяется в зависимости от того, является ли продукт единичным, переменным, сгруппированным и т. Д. Возможно, я бы каким-то образом смог обработать все случаи, но в плане обслуживания это было бы хуже, чем переопределение шаблонов.
Можно ли как-нибудь устранить разрывы строк после первой кнопки и перед второй кнопкой в PHP, не переопределяя шаблон?
РЕДАКТИРОВАТЬ: я обнаружил, что в качестве решения CSS, display: block и float: left будут работать должным образом, при условии, что я добавлю левое поле для кнопки Добавить в корзину, которая находится рядом с моими кнопками. Я все еще хотел бы знать, смогу ли я достичь этого через PHP.