Задать классы bootstrap 4 товарам в woocomerce?

Question

[WebforSelf]

Как можно задать блоку товара woocomerce классы бустрап чтоб сохранить функционал выбора колонок, сейчас там так

column-4,column-3 и т.д. ( а к примеру бустрап задает свои классы)

column-4 = col-md-3
column-3 = col-md-4

Конечно можно сделать вот так вот

<div  <?php wc_product_class( "col-12 col-md-3 col-sm-6 item_product", $product ); ?>>

В шаблоне вывода товара , но тогда смысл колоночных настроек потеряется. Кто как решал этот вопрос?

Answer 1

[WP Panda]

Можно так как вы, Но лучше через фильтр.
woocommerce_post_class

function bla_bla_bla_post_class($classes, $product)
{
    $classes[] = 'col-12';
    $classes[] = 'col-md-3';
    $classes[] = 'col-sm-6';

    return $classes;
}
add_filter('woocommerce_post_class', 'bla_bla_bla_post_class', 10, 2);

Ну а дальше править стили, по другому никак

Comments

[WebforSelf]

Так , а как задать чтоб если я хотел 3 колонки то он ставил бы col-md-4 , а если 4 колонки то col-md-3

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

Да, сделал колхозно, лучше через функшен все делать я так понял.

[WP Panda]

WebforSelf,

Так , а как задать чтоб если я хотел 3 колонки то он ставил бы col-md-4 , а если 4 колонки то col-md-3

if else - вот так

Answer 2

[RianMan]

поэтому bootstrap не воспринимаю, flex и greed - никаких проблем с БЕМ и сео. извините, что не ожидаемый ответ...