Подскажите мне нужно в верстке шаблона category.twig вынести блок пагинации <div class="pagination">{{ pagination }}</div>за пределы блока с товарами .product-grid
Куда и как мне надо ввести этот код?
<?php echo $header; ?>
<div class="content"><?php echo $content_top; ?></div>
<div id="container">
<div class="row">
<ul class="breadcrumb">
<?php foreach ($breadcrumbs as $breadcrumb) { ?>
<li><a href="<?php echo $breadcrumb['href']; ?>"><?php echo $breadcrumb['text']; ?></a></li>
<?php } ?>
</ul>
</div>
<div class="content">
<div class="top-menu">
<div class="display">
<h1 class="category-header"><?php echo $heading_title; ?></h1>
</div>
<div class="show-items"><?php echo $text_limit; ?>
<select id="input-limit" onchange="location = this.value;">
<?php foreach ($limits as $limits) { ?>
<?php if ($limits['value'] == $limit) { ?>
<option value="<?php echo $limits['href']; ?>" selected="selected"><?php echo $limits['text']; ?></option>
<?php } else { ?>
<option value="<?php echo $limits['href']; ?>"><?php echo $limits['text']; ?></option>
<?php } ?>
<?php } ?>
</select>
</div>
<div class="sort"><?php echo $text_sort; ?>
<select id="input-sort" onchange="location = this.value;">
<?php foreach ($sorts as $sorts) { ?>
<?php if ($sorts['value'] == $sort . '-' . $order) { ?>
<option value="<?php echo $sorts['href']; ?>" selected="selected"><?php echo $sorts['text']; ?></option>
<?php } else { ?>
<option value="<?php echo $sorts['href']; ?>"><?php echo $sorts['text']; ?></option>
<?php } ?>
<?php } ?>
</select>
</div>
</div>
<div class="clearfix"></div>
<?php echo $column_left; ?><?php echo $column_right; ?>
<?php if ($column_left && $column_right) { ?>
<?php $class = 'col-sm-6'; ?>
<?php } elseif ($column_left || $column_right) { ?>
<?php $class = 'col-sm-9'; ?>
<?php } else { ?>
<?php $class = 'col-sm-12'; ?>
<?php } ?>
<article id="content" class="<?php echo $class; ?>">
<?php if ($categories) { ?>
<div class="subcategory-header"><?php echo $text_refine; ?></div>
<div class="category-list">
<?php if (count($categories) <= 5) { ?>
<?php foreach ($categories as $category) { ?>
<div class="col-md-2 col-xs-6">
<div class="category-list-item">
<?php if($category['thumb']) { ?>
<a href="<?php echo $category['href']; ?>"><img src="<?php echo $category['thumb']; ?>" alt="<?php echo $category['name']; ?>" title="<?php echo $category['name']; ?>"><span><?php echo $category['name']; ?></span></a>
<?php } else { ?>
<a href="<?php echo $category['href']; ?>"><span><?php echo $category['name']; ?></span></a>
<?php } ?>
</div>
</div>
<?php } ?>
<?php } else { ?>
<?php for ($i = 0; $i < count($categories);) { ?>
<?php $j = $i + ceil(count($categories) / 3); ?>
<?php for (; $i < $j; $i++) { ?>
<?php if (isset($categories[$i])) { ?>
<div class="col-lg-2 col-md-3 col-sm-4 col-xs-4">
<div class="category-list-item">
<?php if($categories[$i]['thumb']) { ?>
<a href="<?php echo $categories[$i]['href']; ?>"><img src="<?php echo $categories[$i]['thumb']; ?>" alt="<?php echo $categories[$i]['name']; ?>" title="<?php echo $categories[$i]['name']; ?>"><span><?php echo $categories[$i]['name']; ?></span></a>
<?php } else { ?>
<a href="<?php echo $categories[$i]['href']; ?>"><span><?php echo $categories[$i]['name']; ?></span></a>
<?php } ?>
</div>
</div>
<?php } ?>
<?php } ?>
<?php } ?>
<?php } ?>
<div class="clearfix"></div>
</div>
<?php } ?>
<div class="mobile-category-header"></div>
<div id="res-products">
<?php if ($products) { ?>
<div class="product-grid row">
<?php $a = 0; ?>
<?php foreach ($products as $product) { ?>
<div class="cols col-lg-4 col-md-4 col-sm-4 col-xs-4">
<div class="product">
<?php if ($product['product_stickers']) { ?>
<div class="sticker-box-cat">
<?php foreach ($product['product_stickers'] as $product_sticker) { ?>
<span class="stickers-cat" style="color: <?php echo $product_sticker['color']; ?>; background: <?php echo $product_sticker['background']; ?>;">
<?php echo $product_sticker['text']; ?>
</span>
<?php } ?>
</div>
<?php } ?>
<?php if ($product['economy']) { ?>
<div class="sticker">-<?php echo $product['economy']; ?>%</div>
<?php } ?>
<?php if ($product['thumb']) { ?>
<div class="image">
<a href="<?php echo $product['href']; ?>"><img src="<?php echo $product['thumb']; ?>" title="<?php echo $product['name']; ?>" alt="<?php echo $product['name']; ?>" /></a>
<?php if ($product['dop_img']) { ?>
<a class="hover-image" href="<?php echo $product['href']; ?>"><img src="<?php echo $product['dop_img']; ?>" title="<?php echo $product['name']; ?>" alt="<?php echo $product['name']; ?>" /></a>
<?php } ?>
<?php if (isset($popup_view_data['status']) && $popup_view_data['status']) { ?>
<a href='javascript:void(0);' class='popup_view_button' onclick='get_popup_view("<?php echo $product['product_id']; ?>");'><?php echo $popup_view_text['button_popup_view']; ?></a>
<?php } ?>
</div>
<?php } ?>
<div class="product-about">
<div class="name"><a href="<?php echo $product['href']; ?>"><?php echo $product['name']; ?></a></div>
<div class="description"><?php echo $product['description']; ?></div>
<?php if ($product['price']) { ?>
<div class="price">
<?php if (!$product['special']) { ?>
<?php echo $product['price']; ?>
<?php } else { ?>
<span class="price-old"><?php echo $product['price']; ?></span> <span class="price-new"><?php echo $product['special']; ?></span>
<?php } ?>
</div>
<?php } ?>
<?php if (isset($product['oct_options']) && $product['oct_options']) { ?>
<div class="cat-options">
<?php foreach ($product['oct_options'] as $option) { ?>
<?php if ($option['type'] == 'radio') { ?>
<div class="form-group">
<label class="control-label"><?php echo $option['name']; ?>: </label>
<?php if ($option['product_option_value']) { ?>
<?php foreach ($option['product_option_value'] as $product_option_value) { ?>
<?php if ($product_option_value['image']) { ?>
<div class="radio">
<label>
<img src="<?php echo $product_option_value['image']; ?>" alt="<?php echo $product_option_value['name']; ?>" class="img-responsive" title="<?php echo $product_option_value['name']; ?>" />
</label>
</div>
<?php } else { ?>
<div class="radio">
<label><?php echo $product_option_value['name']; ?></label>
</div>
<?php } ?>
<?php } ?>
<?php } ?>
</div>
<?php } else { ?>
<div class="form-group size-box">
<label class="control-label"><?php echo $option['name']; ?>: </label>
<?php if ($option['product_option_value']) { ?>
<?php foreach ($option['product_option_value'] as $product_option_value) { ?>
<div class="radio">
<label><?php echo $product_option_value['name']; ?></label>
</div>
<?php } ?>
<?php } ?>
</div>
<?php } ?>
<?php } ?>
</div>
<?php } ?>
<div class="product-buttons">
<?php if ($product['rating']) { ?>
<div class="rating">
<?php for ($i = 1; $i <= 5; $i++) { ?>
<?php if ($product['rating'] < $i) { ?>
<span><i class="fa fa-star-o stars-rev"></i></span>
<?php } else { ?>
<span><i class="fa fa-star stars-rev"></i></span>
<?php } ?>
<?php } ?>
</div>
<?php } ?>
<a class="cart" onclick="addToCart('<?php echo $product['product_id']; ?>');">
<i class="fa fa-shopping-cart" aria-hidden="true"></i><?php echo $button_cart; ?>
</a>
<div class="additional">
<a class="wishlist" onclick="addToWishList('<?php echo $product['product_id']; ?>');"><i class="fa fa-heart-o" aria-hidden="true"></i></a>
<a class="compare" onclick="addToCompare('<?php echo $product['product_id']; ?>');"><i class="fa fa-exchange" aria-hidden="true"></i></a>
</div>
</div>
</div>
</div> </div>
<?php } ?>
<?php } else { ?>
<div>
<?php } ?>
<div class="pagination"><?php echo $pagination; ?></div>
</div>
<?php if ($thumb != "" OR $description != "") { ?>
<div class="category-info">
<?php if ($thumb) { ?>
<div class="img"><img src="<?php echo $thumb; ?>" alt="<?php echo $heading_title; ?>" /></div>
<?php } ?>
<?php if ($description) { ?>
<?php echo $description; ?>
<?php } ?>
</div>
<?php } ?>
<?php if (!$categories && !$products) { ?>
<div class="content"><?php echo $text_empty; ?>
<?php } ?>
<div class="clearfix"></div>
</div>
<div class="clearfix"></div>
</article>
<div class="clearfix"></div>
</div>
</div>
<?php echo $content_bottom; ?>
<div class="clearfix"></div>
<script>
$(window).on('resize', function(){
var win = $(this); //this = window
if (win.width() >= 768) {
$("#ismobile") .prependTo("#column-left");
$('#filter-mobile').css('display', 'none');
} else {
$('#filter-mobile').css('display', 'block');
$("#ismobile") .appendTo("#filter-mobile");
}
});
cols = $('#column-right, #column-left').length;
if (cols == 2) {
$('#content .product-grid .cols').attr('class', 'col-lg-6 col-md-6 col-sm-6 col-xs-6');
} else if (cols == 1) {
$('#content .product-grid .cols').attr('class', 'col-lg-4 col-md-4 col-sm-6 col-xs-6');
} else {
$('#content .product-grid .cols').attr('class', 'col-lg-3 col-md-3 col-sm-6 col-xs-6');
}
cols1 = $('#column-right, #column-left').length;
if (cols1 == 2) {
$('#content .product-grid > div:nth-child(2n+2)').after('<div class="clearfix visible-md visible-sm"></div>');
} else if (cols1 == 1) {
$('#content .product-grid > div:nth-child(3n+3)').after('<div class="clearfix visible-lg"></div>');
} else {
$('#content .product-grid > div:nth-child(4n+4)').after('<div class="clearfix"></div>');
}
</script>
<?php echo $footer; ?>