sengun (01 Август 2013 - 17:45) писал:
Заголовок <h1> желательно располагать в начале страницы. В противном случае может возникнуть проблема с поисковиками.
Чтобы вставить название товара над таблицей с ценой, в шаблоне "Товар" перед строкой
<div class="goodsDataMainOrder cornerAll">
вставьте код
<h2 style="padding-left: 17px; font: 18px 'PT Sans Narrow', sans-serif; margin-bottom: 10px;">{GOODS_NAME}</h2>
Здесь два раза замените h2 на h1, если все же решитесь удалить заголовок. Он удаляется в том же шаблоне в самом начале
<div class="page-headline">
<h1>{GOODS_NAME}</h1>
</div>
Перенесем кнопку. В main.css в коде
.goodsDataMain td {vertical-align:top}
внесите такие изменения
.goodsDataMain td {vertical-align:top; width; 285px;}
В шаблоне "Товар" удалите строку
<a class="button" onclick="$('.goodsDataForm').submit(); return false;" title="Положить «{GOODS_NAME}» в корзину" href="#">В корзину</a><br /><br />
а перед кодом
</td>
</tr>
</table>
</div>
</form>
<!-- Блок описания товара. Показываем его есть описание товара -->
вставьте такой код
<td><a class="button to_cart" onclick="$('.goodsDataForm').submit(); return false;" title="Положить «{GOODS_NAME}» в корзину" href="#">Добавить в корзину</a></td>
и в конец main.css добавьте код
a.to_cart {
width: 285px;
text-align: center;
margin-left: 17px;
margin-top: 20px;
font-size: 17px;
}
По высоте кнопку можно будет сделать, если вы загрузите для ее фона отдельно изображение.
Добрый день, прошу помочь разобраться все с теми же заголовками:
Вы мне писали, что заголовок лучше не перемещать, над ценой, а оставить в начале страницы
Но в шаблоне осень, он как раз таки сделан над ценой, там не влияет на поисковики?
Если нет и это не критично
Прикрепил скрин как хочу сделать
1) Название, цену и товар в наличии аналогично шаблону осень, вплоть до шрифтов и цвета
2) Кнопку "добавить в корзину" от осени ниже ссылки "определите свой размер (иконку загрузил cart_white.png)
3) Блоки не в овальных рамках, а разделенные полосками (как на скрине)
Как мне это реализовать?
Прикрепленные изображения