<div id="mapBox"> у него своя высота, которая меняется как я понимаю от размеров монитора и у нас есть див в который обвернута карта <div id="map">, тогда в JQuery пишем всего две строчки и все будет работатьvar mapHeight = $( '#mapBox' ).height();
$( '#map' ).css('height', mapHeight);
<ul class="products">
<?php
$product_ids_on_sale = wc_get_product_ids_on_sale();
$args = array(
'post_type' => 'product',
'post__in' => array_merge( array( 0 ), $product_ids_on_sale )
);
$loop = new WP_Query( $args );
if ( $loop->have_posts() ) {
while ( $loop->have_posts() ) : $loop->the_post();
wc_get_template_part( 'content', 'product' );
endwhile;
} else {
echo __( 'Продуктов не найдено' );
}
wp_reset_postdata();
?>
</ul><!--/.products-->
$args = array(
'post_type' => 'product',
'meta_query' => array(
'relation' => 'OR',
array( // Simple products type
'key' => '_sale_price',
'value' => 0,
'compare' => '>',
'type' => 'numeric'
),
array( // Variable products type
'key' => '_min_variation_sale_price',
'value' => 0,
'compare' => '>',
'type' => 'numeric'
)
)
);
query_posts( $args );$product->is_on_sale()$classes[] = 'col-sm-6';$classes .= 'col-sm-6';
$array = array('post_type' = > 'product',
'tax_query' = array(
array(
'taxonomy' => 'product_cat',
'field' = > 'term_id/slug/name ',
'terms' = 'id/slug/name'
)
)
);<div> и задать диву высоту большей из картинок. Таким образом, мы не трогаем оригинальный размер картинок и при этом получаем baseline для текста. 
global $post;
$categories = get_the_category();
foreach($categories as $category) {
echo $category->cat_ID;
}global $product; //Если не объявлен ранее. Не уверен в необходимости.
global $post;
$categories = get_the_terms( $post->ID, 'product_cat' );
foreach ($categories as $category) {
echo $category->term_id; //Может быть в нескольких категориях
}
