Try to add the following PHP code snippet to the child theme functions.php
function woodmart_get_grid_el_class( $loop = 0, $columns = 4, $different_sizes = false, $xs_size = false, $sm_size = 4, $lg_size = 3, $md_size = false ) {
$classes = '';
$items_wide = woodmart_get_wide_items_array( $different_sizes );
if ( ! $xs_size ) {
$xs_size = apply_filters( 'woodmart_grid_xs_default', 6 );
}
if ( $columns > 0 ) {
$lg_size = 12 / $columns;
}
if ( ! $md_size ) {
$md_size = $lg_size;
}
if ( $columns > 4 ) {
$md_size = 3;
}
if ( $columns <= 3 ) {
if ( $columns == 1 ) {
$sm_size = 12;
$xs_size = 12;
} else {
$sm_size = 6;
}
}
// every third element make 2 times larger (for isotope grid)
if ( $different_sizes && ( in_array( $loop, $items_wide ) ) ) {
$lg_size *= 2;
$md_size *= 2;
}
if ( in_array( $columns, array( 5, 7, 8, 9, 10, 11 ) ) ) {
$lg_size = str_replace( '.', '_', round( 100 / $columns, 1 ) );
if ( ! strpos( $lg_size, '_' ) ) {
$lg_size = $lg_size . '_0';
}
}
$classes .= ' col-' . $xs_size . ' col-sm-' . $sm_size . ' col-md-' . $md_size . ' col-lg-' . $lg_size;
if ( $loop > 0 && $columns > 0 ) {
if ( 0 == ( $loop - 1 ) % $columns || 1 == $columns ) {
$classes .= ' first ';
}
if ( 0 == $loop % $columns ) {
$classes .= ' last ';
}
}
return $classes;
}
.
