<div class="yellow"></div>
<div class="col-full">
<table class="shop_table shop_table_responsive cart woocommerce-cart-form__contents" cellspacing="0">
<thead>
<tr>
<th class="product-thumbnail">
<h1 class="entry-title">Корзина</h1>
</th>
<th class="product-name">Обработка заказов производится<br>с 09:00 до 18:00</th>
<th class="product-subtotal">Итого</th>
<th class="product-remove"><button>Оформить заказ</button></th>
</tr>
</thead>
<tbody>
<tr class="woocommerce-cart-form__cart-item cart_item">
<td class="product-thumbnail">
thumbnail
</td>
<td class="product-name" data-title="Товар">
Товар
</td>
<td class="product-subtotal" data-title="Итого">
Итого
</td>
<td class="product-remove">
Удалить эту позицию</td>
</tr>
</tbody>
</table>
</div>
.col-full {
position:relative;
z-index:999;
width: 980px;
margin-right:50px;
margin-left:50px;
}
.yellow {
position: absolute;
width: 100%;
height: 82px;
background-color: yellow;
z-index: 1;
}
thead {
background-color:yellow;
}
if ( is_home() || is_front_page()|| is_page_template('template-blog.php')) {
wp_enqueue_script('jquery.flexslider-min', get_template_directory_uri() .'/js/jquery.flexslider-min.js','','', true);
wp_enqueue_script('jquery.flexslider.start.main', get_template_directory_uri() .'/js/jquery.flexslider.start.main.js','','', true);
}
<section>
<div>
<img src="http://placehold.it/2447x396">
</div>
</section>
* {
margin: 0;
padding: 0;
}
section: {overflow:hidden;}
img {
width:100%;
}
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(
src='img.jpg',
sizingMethod='scale');
-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(
src='img.jpg',
sizingMethod='scale')";
.trail-end-wrapper {
display: table-cell;
min-width: 276px;
height: 48px;
position: absolute;
left: 50%;
bottom: 0;
transform: translate(-50%, 0);
}
$('.main-product .thumbnail-container').each(function(i) {
var height = $('.main-product .product-section h3').eq(i).height()+$('.main-product .thumbnail-container').eq(i).height();
if (height != 346) {
$('.main-product .product-frame .price').eq(i).css("top",(height+32)+"px");
}
});