Здравствуйте.
Зайдите в раздел Сайт - Редактор шаблонов - HTML - найдите:
{% IF index_page %}
<div class="clear"></div>
<!-- Предложение -->
<div id="proposition" class="main-block">
<div class="container">
<div class="row">
<div class="col-sm-6 col-md-4 col-xs-12 animated" data-animation="fadeInLeft" data-delay="0" >
<h2 class="title">Календарь клева рыбы</h2>
<div class="calendar_large"></div>
<script src="http://rybnica.ru/widget/widget-large.js"></script>
<script>
create_calendar_large($('.calendar_large'));
</script>
</div>
<div class="col-sm-6 col-md-8 col-xs-12 callback animated" data-animation="fadeInRight" data-delay="300" >
<script>
<!-- Запуск слайдера -->
$(window).load(function() {
$(".flexslider").flexslider({
animation: "slide"
});
});
</script>
<!-- flexslider слайдер который отображается на главной -->
<div class="flexslider">
<ul class="slides">
<li>
<img src="{ASSETS_IMAGES_PATH}slide1.jpg" alt="" />
<a href="/catalog/Udilishha/" class="button big">Купить</a>
</li>
<li>
<img src="{ASSETS_IMAGES_PATH}slide2.jpg" alt="" />
<a href="/catalog/Spinningovye-primanki/" class="button big">Купить</a>
</li>
<li>
<img src="{ASSETS_IMAGES_PATH}slide3.jpg" alt="" />
<a href="/catalog/" class="button big">Купить</a>
</li>
<li>
<img src="{ASSETS_IMAGES_PATH}slide4.jpg" alt="" />
<a href="/catalog/Katushki/" class="button big">Купить</a>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<!-- Информационный блок -->
<!-- /END Информационный блок -->
{% ENDIF %}
замените на:
{% IF index_page %}
<div class="clear"></div>
<!-- Слайдер и баннеры -->
<div id="proposition" class="main-block">
<div class="container">
<div class="row">
<div class="banner col-sm-6 col-md-4 col-xs-12 animated" data-animation="fadeInLeft" data-delay="0" >
<a href="#"><img src="{ASSETS_IMAGES_PATH}slide1.jpg" alt="" /></a>
<a href="#"><img src="{ASSETS_IMAGES_PATH}slide2.jpg" alt="" /></a>
</div>
<div class="col-sm-6 col-md-8 col-xs-12 callback animated" data-animation="fadeInRight" data-delay="300" >
<script>
$(window).load(function() {
$(".flexslider").flexslider({
animation: "slide"
});
});
</script>
<div class="flexslider">
<ul class="slides">
<li>
<img src="{ASSETS_IMAGES_PATH}slide1.jpg" alt="" />
<a href="/catalog/Udilishha/" class="button big">Купить</a>
</li>
<li>
<img src="{ASSETS_IMAGES_PATH}slide2.jpg" alt="" />
<a href="/catalog/Spinningovye-primanki/" class="button big">Купить</a>
</li>
<li>
<img src="{ASSETS_IMAGES_PATH}slide3.jpg" alt="" />
<a href="/catalog/" class="button big">Купить</a>
</li>
<li>
<img src="{ASSETS_IMAGES_PATH}slide4.jpg" alt="" />
<a href="/catalog/Katushki/" class="button big">Купить</a>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<!-- /END Слайдер и баннеры -->
{% ENDIF %}
Вместо знака # укажите ссылки на страницы и измените названия файлов баннеров.
Далее зайдите в main.css - найдите:
#proposition .callback {background-color: ;padding: 30px;text-align: center;}
замените на:
#proposition .callback, #proposition .banner {padding: 30px 0;text-align: center;}
#proposition .banner img{width: 100%; height: auto;}
далее найдите:
#proposition .callback .button {margin-top: 20px;max-width: 350px;width: 100%;}
замените на:
#proposition .callback .button {margin-top: 20px;max-width: 350px;width: 100%;position: absolute;right: 10px;bottom: 70px;}
Далее зайдите в flexsider.css - найдите:
.flexslider .slides > li {
display: none;
-webkit-backface-visibility: hidden;
}
замените на:
.flexslider .slides > li {
display: none;
-webkit-backface-visibility: hidden;
position: relative;
}
далее найдите:
.flexslider {
margin: 0 0 60px;
background: #fff;
border: 4px solid #fff;
position: relative;
zoom: 1;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);
-moz-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);
-o-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);
box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);
}
замените на:
.flexslider {
margin: 0 0 0 10px;
background: #fff;
position: relative;
zoom: 1;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);
-moz-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);
-o-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);
box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);
}
далее найдите:
.flex-control-nav {
width: 100%;
position: absolute;
bottom: -40px;
text-align: center;
}
замените на:
.flex-control-nav {
width: 100%;
position: absolute;
bottom: 0px;
text-align: center;
}
Результат:
0
Недавно я просила установить на слайдере кнопку "Купить", но я изначально хотела прямо на картинке. Вы сделали ниже слайдера, видимо, именно на картинке это сделать не удастся.
Круто. Спасибо большое))) 
надпись пропала
