Сообщений в теме: 4

[Hyde]

Нужно что бы цена и текст не накладывались на картинку.

Возможно ли поднять до одинакового с меню уровня? И вместо заливки поставит фон картинку.

можно ли поменять фон для этого блока?

[Stasya]

1. В шаблоне Товары найдите блок

<!-- Описание категории -->
{% IF CATEGORY_DESCRIPTION %}
<div class="categoryDescriptionBlock">
<div class="htmlDataBlock">
	 {CATEGORY_DESCRIPTION}
</div>
</div>
{% ENDIF %}
<!-- Короткое SEO описание категории -->
{% IF CATEGORY_SEO_DESCRIPTION_SHORT %}
<div style="padding-bottom:1em;">
{CATEGORY_SEO_DESCRIPTION_SHORT}
</div>
{% ENDIF %}
<!-- Полное SEO описание категории -->
{% IF CATEGORY_SEO_DESCRIPTION_LARGE %}
<div class="categoryDescriptionBlock">
<div class="htmlDataBlock">
	 {CATEGORY_SEO_DESCRIPTION_LARGE}
</div>
</div>
{% ENDIF %}

копируйте, вырежьте и вставьте его после строки

<h1>{CATEGORY_NAME}</h1>

2. В конец файла main.css  добавьте блок

#headerWrap {
height: 117px;
}

[CrazyCat]

Hyde (27 Сентябрь 2013 - 13:06) писал:

сп.jpg Нужно что бы цена и текст не накладывались на картинку. сп2.jpg Возможно ли поднять до одинакового с меню уровня? И вместо заливки поставит фон картинку. сп3.jpg можно ли поменять фон для этого блока?

Добрый день!1. В Сайт-Редактор шаблонов-Шаблоны-Товары  найдите и ВЫРЕЖЬТЕ код

{% IF CATEGORY_DESCRIPTION %}

{CATEGORY_DESCRIPTION}
{% ENDIF %}{% IF CATEGORY_SEO_DESCRIPTION_SHORT %}
{CATEGORY_SEO_DESCRIPTION_SHORT}
{% ENDIF %}{% IF CATEGORY_SEO_DESCRIPTION_LARGE %}

{CATEGORY_SEO_DESCRIPTION_LARGE}
{% ENDIF %}

Далее этот код вставьте в этом же шаблоне после строки

<h1>{CATEGORY_NAME}</h1>

2. В Сайт-Редактор шаблонов-Стили-main.css найдите код

.goodsListItemImage {height: 100px;margin-top: 1em;}

И замените на

.goodsListItemImage {height: 100px;margin-top: 1em;margin-bottom: 25px;}

3.  В Сайт-Редактор шаблонов-Стили-main.css найдите код

#contentWrap {clear: both;background: white;}

И замените на

#contentWrap {clear: both;background: url(src="адрес картинки"); /*здесь сменим фон на картинку*/margin-top: -35px;}

4.  Чтобы сменить фон блока из третьего скриншотаВ Сайт-Редактор шаблонов-Стили-main.css найдите код

#primaryContent {background: url(http://design.toyflors.ru/main_contnent_bg.png) left top repeat-y;width: 834px;}

Строка

background: url(http://design.toyflors.ru/main_contnent_bg.png) left top repeat-y;

отвечает за фон этого блока. Сейчас у Вас фоном является картинка.Чтобы, допустим, сменить на фоновый цвет, то эту строку нужно изменить

background: #Цвет;

где цвет - это код цвета, который Вы можете выбрать тут

[Hyde]

Спасибо за ответы. Но не совсем получилось
1. Хотелось бы подвинуть описание товара и цену еще ниже.
2. Немного сдвинуть заголовок от края.

Прикрепленные изображения

• 

[CrazyCat]

1. Не вижу у Вас в Сайт-Редактор шаблонов-Стили-main.css
этой строчки

.goodsListItemImage {height: 100px;margin-top: 1em;margin-bottom: 25px;}

.

2. В Сайт-Редактор шаблонов-Стили-main.css в конец добавьте

.primaryContent h1{
font-weight: lighter;
color: #8B008B;
font-size: 1.5666em;
line-height: 1.1538em;
margin: 0.7692em 0 0.3846em 20px !important;
}