taniacouton

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

1. В main.css найдите:

#cpages {
	box-shadow: 2px 4px 12px #969696;
	padding-top: 10px;
}

добавьте background с необходимым значением, например: background:#ffffff;

2. По виду и расположению фильтров у нас ранее обсуждались темы, на них уже имеются инструкции:
http://forum.storela...ртир/#entry9752
и
http://forum.storela...ьтра/#entry8434

3. Можно реализовать подобное меню проще без использования JS. Тема о выпадающем меню:
http://forum.storela...ыпадающее-меню/

И далее останется всего лишь простилизовать его по цвету.

4.Можно в визуальном редакторе страницы в разделе Сайт - Страницы. Можно в разделе Сайт - Редактор шаблонов - Страница, но тут изменения придется делать путем изменения кода.

1. На данный момент тело сайта у вас имеет белый фон
3.В main.css найдите

#cpages {
background-color: #FFFFFF;
padding-top: 3px;
}

задайте стиль box-shadow
4. Каталог у вас находится справа.

ul.leftmenu {
margin-left: 30px;
margin-right: 20px;
}

уменьшите значение margin
5. В какой категории можно пронаблюдать фильтр.
6. main.css

.leftmenu li li a:hover {
background: url("/design/lm-bg.jpg") repeat-x scroll left bottom rgba(0, 0, 0, 0);
}

В шаблоне товар найдите и удалите:

<!-- Другие изображения товара. Отображаются если есть изображения товара -->
			  {% IFNOT goods_images_empty %}
				{% FOR goods_images %}
				  <!-- Заголовок и обёртка для изображений, которая позволяет не показывать уменьшенное изображение товара если оно у него лишь одно -->
				  {% IF goods_images.first %}
					<div {% IF goods_images.length=1 %}style="display:none;"{% ENDIF %}>
					  <h5>Другие фото {GOODS_NAME}</h5>
				  {% ENDIF %}
				  <!-- Уменьшенное изображение товара -->
				  <div class="goodsDataMainImagesIcon left">
					<a href="{goods_images.LARGE}" rel="gallery"  target="_blank" title="{goods_images.NAME}"><img class="cornerAll withBorder goods-image-icon" rel="{goods_images.MEDIUM}" src="{goods_images.ICON}" alt="{goods_images.NAME}" /></a>
					<!-- Идентификатор изображения товара, используется для галереи изображений -->
					<input type="hidden" rel="{goods_images.ID}" />
				  </div>
				  <!-- В самом конце закрываем обёртку для списка маленьких изображений товара -->
				  {% IF goods_images.last %}
					</div>
				  {% ENDIF %}
				{% ENDFOR %}
			  {% ENDIF %}

далее найдите:

<td>
			  <div class="goodsDataMainOrder cornerAll" itemscope itemprop="offerDetails" itemtype="http://data-vocabulary.org/Offer">
				<table>
				  <!-- Блок с данными товара при выбранных параметрах. Берутся из модификаций товара -->
				  <tr>

и перед ним вставьте:

<td>
<!-- Другие изображения товара. Отображаются если есть изображения товара -->
			  {% IFNOT goods_images_empty %}
				{% FOR goods_images %}
				  <!-- Заголовок и обёртка для изображений, которая позволяет не показывать уменьшенное изображение товара если оно у него лишь одно -->
				  {% IF goods_images.first %}
					<div {% IF goods_images.length=1 %}style="display:none;"{% ENDIF %}>
					  <h5>Другие фото {GOODS_NAME}</h5>
				  {% ENDIF %}
				  <!-- Уменьшенное изображение товара -->
				  <div class="goodsDataMainImagesIcon left">
					<a href="{goods_images.LARGE}" rel="gallery"  target="_blank" title="{goods_images.NAME}"><img class="cornerAll withBorder goods-image-icon" rel="{goods_images.MEDIUM}" src="{goods_images.ICON}" alt="{goods_images.NAME}" /></a>
					<!-- Идентификатор изображения товара, используется для галереи изображений -->
					<input type="hidden" rel="{goods_images.ID}" />
				  </div>
				  <!-- В самом конце закрываем обёртку для списка маленьких изображений товара -->
				  {% IF goods_images.last %}
					</div>
				  {% ENDIF %}
				{% ENDFOR %}
			  {% ENDIF %}
</td>