Картинка Вместо Слайдера, Каталог Товаров, Забыл!

День добрый, давно ставил слайдер на сайт, прямо наверху каталога товаров, отображение только на главной странице.  Теперь хочу что бы осталась только одна кликабельная картинка, и что бы она по размеру была равна всегда граням товара четко с ними была на ровне отметил линиями под номерами 1 и 2., помогите все это поменять а то подзабыл вообще как с этим работать.




вот код этой части сайта




<div class="page-headline">
  <h1>{CATEGORY_NAME}</h1>
</div>

<div class="pad-box">
  <!-- Строка пути -->
  <div id="site-path">
    <p>
  <a href="http://{NET_DOMAIN}/...}/">Главная</a>
  
  <!-- Если отображаем полный каталог товаров, без указания категории -->
  {% IF IS_FULL_CATALOG %}
» <span class="current">Каталог товаров</span>
  <!-- Если отображаем товары в категории -->
  {% ELSE %}
    » <a href="{CATALOG_URL}" >Каталог товаров</a>
    {% FOR upper_navigation %}
  {% IF upper_navigation.CURRENT %} » <span class="current">{upper_navigation.NAME}</span>{% ELSEIF upper_navigation.CURRENT_PARENT %} » <a href="{upper_navigation.URL}" >{upper_navigation.NAME}</a>{% ENDIF %}
    {% ENDFOR %}
  {% ENDIF %}
  
    </p>
  </div>
  <!-- end Строка пути -->

  <!-- Nyvo слайдер который отображается на главной -->

{% IF index_page %}

<!-- Обёртка, указывающая стиль темы -->

<div class="theme-default" style="padding: 1em 1em 0 1em;">

<!-- Непосредственный код слайдера -->

<div id="slider">

<img src="http://st.sarushop.r...7/bezzubik.jpg" alt="" />

<a href="http://sarushop.ru/c...Avtografy"><img src="http://st.sarushop.r...7/bezzubik.jpg" alt="" /></a>

<a href="http://sarushop.ru/c...dnye-igry"><img src="http://st.sarushop.r...7/bezzubik.jpg" alt="" /></a>

<a href="http://sarushop.ru/c...prestolov"><img src="http://st.sarushop.r...7/bezzubik.jpg" alt="" /></a>

<a href="http://sarushop.ru/c...ri-Potter"><img src="http://st.sarushop.r...7/bezzubik.jpg" alt="" /></a>

<a href="http://sarushop.ru/c...ksessuary"><img src="http://st.sarushop.r...7/bezzubik.jpg" alt="" /></a>

</div>
</div>

<!-- Запуск слайдера -->

<script type="text/javascript">

$(window).load(function() {
    $('#slider').nivoSlider({
   animSpeed: 500
}).parent().show();
    });



</script>

{% ENDIF %}

Здравствуйте.

Зайдите в раздел Сайт - Редактор шаблонов - Товары - найдите:

		  <!-- Nyvo слайдер который отображается на главной -->

{% IF index_page %}

<!-- Обёртка, указывающая стиль темы -->

<div class="theme-default" style="padding: 1em 1em 0 1em;">

<!-- Непосредственный код слайдера -->

<div id="slider">

<img src="http://st.sarushop.ru/7/1238/587/bezzubik.jpg" alt="" />

<a href="http://sarushop.ru/catalog/Avtografy"><img src="http://st.sarushop.ru/7/1238/587/bezzubik.jpg" alt="" /></a>

<a href="http://sarushop.ru/catalog/Golodnye-igry"><img src="http://st.sarushop.ru/7/1238/587/bezzubik.jpg" alt="" /></a>

<a href="http://sarushop.ru/catalog/Igra-prestolov"><img src="http://st.sarushop.ru/7/1238/587/bezzubik.jpg" alt="" /></a>

<a href="http://sarushop.ru/catalog/Garri-Potter"><img src="http://st.sarushop.ru/7/1238/587/bezzubik.jpg" alt="" /></a>

<a href="http://sarushop.ru/catalog/Aksessuary"><img src="http://st.sarushop.ru/7/1238/587/bezzubik.jpg" alt="" /></a>

</div>
</div>

<!-- Запуск слайдера -->

<script type="text/javascript">

$(window).load(function() {
				$('#slider').nivoSlider({
				   animSpeed: 500
				 }).parent().show();
		});



</script>

{% ENDIF %}

замените на:

{% IF index_page %}
  <a href="ссылка на страницу"><img src="http://st.sarushop.ru/7/1238/587/bezzubik.jpg" alt="" style="width: 656px;  margin: 0 6px;" /></a>
{% ENDIF %}

замените текст и ссылки на необходимые.

Благодарю, все работает.