Вопросы =?=

.

ап

1. Навигацию слайдера перекрывает заголовок. Необходимо увеличить высоту блока с слайдером. Добавьте в файл стилей main.css

.theme-default {
  height: 330px !important;
}

2. Код слайдера вставлен корректно.

3. Замените строку

<hr id="firstblock_bg"></hr>

на

<div id="firstblock_bg"></div>

.

1. В каком браузере происходит данное смещение? В Opera такого не наблюдала.
2. У вас стили прописаны к  hr#firstblock_bg необходимо изменить на #firstblock_bg и сами стили изменить по примеру:

#firstblock_bg {
	background: url("http://frigus.storeland.net/slider_hr.png") repeat-x scroll 0 121px rgba(0, 0, 0, 0);
	border: 0 none;
	height: 130px;
	margin: -8px 0 0;
}

3. У вас после слайдера вроде уже стоит подобный блок: <div id="secondblock"></div> тут или простилизовать этот блок или ниже создать
4. Для начала в шаблоне Товары, задайте им классы, таблице отдельно как и списку, далее в стилях уже пропишите примерно следующее:

.tabl{
text-indent: 9999px;
display:block;
height: 30px;
width:30px;
background: url (' ') no-repeat left top;
}

классы только соответственно свои пропишите и значение измените.

.

.

1. Будьте любезны прислать скрин и указать разрешение и желательно отметить изменения =)
2. А что вам мешает создать один блок и в нем указать два фона? =) Пример:

background: url('ссылка на картинку') repeat-x center bottom #000000;

вам остается только поменять значения ссылки и цвета, то есть <div id="firstblock_bg"></div> уже не пригодится, чтобы полоску отдельно добавлять.
3. Так у вас есть <div id="secondblock"></div> его же и стилизуйте, он вроде после слайдера идет, распишите подробнее, если я не в ту степь пошла, просто слабо понимаю, что мешает использовать данный блок.
4. В шаблоне Товары находим:

<td class="alignCenter viewSelector">
			<!-- Переключатель режима просмотра -->
			{% IF GOODS_VIEW_TYPE=2 %}
			<strong title="Список товаров сейчас отображается в виде таблицы, по 2 товара на строку">Таблица</strong>&nbsp;
			<a href="?goods_view_type=1" title="Отображать список товаров в виде списка">Список</a>
			{% ELSE %}
			<a href="?goods_view_type=2" title="Отображать список товаров в виде таблицы с 2мя товарами на одну строку">Таблица</a>&nbsp;
			<strong title="Список товаров сейчас отображается в виде списка, где один товар занимает одну строку">Список</strong>
			{% ENDIF %}
			<!-- /Переключатель режима просмотра -->
		  </td>

меняем на:

<td class="alignCenter viewSelector catalog-page">
		 <div class="view-style">
			<!-- Переключатель режима просмотра -->
			{% IF GOODS_VIEW_TYPE=2 %}
			<a class="goods-block active" href="?goods_view_type=2" title="Отображать список товаров в виде таблицы с 2мя товарами на одну строку"></a>&nbsp;
			<a class="goods-line" href="?goods_view_type=1" title="Отображать список товаров в виде списка"></a>
			{% ELSE %}
			<a class="goods-block" href="?goods_view_type=2" title="Отображать список товаров в виде таблицы с 2мя товарами на одну строку"></a>&nbsp;
			<a class="goods-line active" href="?goods_view_type=1" title="Отображать список товаров в виде списка"></a>
			{% ENDIF %}
			<!-- /Переключатель режима просмотра -->
	 </div>
		  </td>

и далее позаимствованные стили вставьте к себе.

5. Блоки картинками чисто будут или отдельно картинки текст и прочее? внутри основного блока достаточно прописать пример:

<div class="containerin" id="firstblock">
  <div>block1</div>
  <div>block2</div>
</div>

а потом стили прописать, пример:

#firstblock div {
width:200px;
height:130px;
float:left;
}

.

3.Так его справа нужно было, а я уж подумала снизу и не понимала проблемы вашей)  У вас сейчас слайдер отсутствует. Блоку задайте float:right; а слайдеру float:left;

4 А что с картинками не так? Они вроде ровно стоят. Можно отступы им побольше задать через стиль margin

5. А зачем было фон задавать? Проще будет просто в блоки картинки вставить. Пример одного из блоков:

<div id="first_block_item_1">
  <img alt="" src="http://frigus.storeland.net/11.png">
  <p>234432</p>
  <div class="clr"></div>
  <span>123 123</span>
</div>

какие стили нужно дописать:

#first_block_page div img {
float: left;
}
#first_block_page div p {
font: 14px Arial;
color: #fff;
}
#first_block_page div span {
font-size: 10px;
color: #fff;
}

стили для p и span накидала для примера

.

А вот теперь появился слайдер =)
На счет блоков, сделайте изменения еще раз, только еще в шаблоне HTML после:

<div id="first_form"></div>

вставьте:

<div class="clr"></div>

и полоса должна будет вернуться на свое законное место.
на счет отступа между текстом, в Main.css найдите:

#first_block_page div p {
	color: #FFFFFF;
	font: bold 16px Arial;
	margin-top: 20px;
}

замените на:

#first_block_page div p {
	color: #FFFFFF;
	font: bold 16px Arial;
	margin-bottom: 0;
	margin-top: 20px;
}

Все получилось Супер!!!

.

1.В шаблоне nyvo.css найдите данный блок кода:

.nivo-controlNav {
text-align:center;
}

замените его на

.nivo-controlNav {
text-align:center;
		display:none;
}

2. Найдите данный блок в шаблоне HTML:

<div id="first_form"></div>

замените его на

<div id="first_form">
		 <p id="firstformheader">"Текст выгодного предложения для клиента"</p>
		 <p id="texttranslateheader">Текст поясняющий предложение</p>
</div>

далее в самый конец шаблона main.css добавьте данный код:

#firstformheader {
	color: white;
	text-align: center;
	font-size: 20px;
	padding: 15px;
}
#texttranslateheader {
	padding: 5px;
	color: white;
	font-size: 15px;
	text-align: center;
}

3.Найдите в шаблоне HTML данный блок кода:

	<div id="secondblock"></div>

замените его на

<div id="secondblock"><p id="howwework">Как мы работаем:</p></div>

далее в самый конец main.css добавьте данный блок кода:

#howwework {
	font-size: 20px;
	padding: 5px;
	color: white;
	margin-left: 465px;
}

.

.

ап

Данный тэг p имеет собственный стиль с именем secondblock_text

для того чтобы увеличить оступ сверху просто замените данный код в шаблое main.css:

#secondblock_text {font-size: 20px; padding: 5px; color: white;}

на

#secondblock_text {font-size: 20px; padding: 10px 5px; color: white;}

после тэга padding идет пара чисел, первое число(10) отвечает за отступ по высоте, другое число (5) отвечает за отступы по ширине.

2.Пожалуйста загрузите данное изображение через бэк-офис на ваш сайт, чтобы я мог воспользоваться им.

Стоит уменьшить размеры данного изображения, потому что сечай если загружать данное изображение туда, сайт имеет такой вид :



4.Просто создайте отдельные файлы со скриптами, и со стилями и загрузите их на сайт через редактор шаблонов, когда они будут у вас загружены , мы сможем их подключить к вам на сайт спецальными тегами, и после этого уже будем выставлять их на сайт, чтобы они корректно отображались.

.