1. В файле main.css найдите блок
.page-headline h1 {
position: absolute;
width: 940px;
font: 30px/70px "Trebuchet MS", Arial, Helvetica, sans-serif;
color: #000000;
padding-left: 20px;
height: 2em;
overflow: hidden;
}
а в нем строку
font: 30px/70px "Trebuchet MS", Arial, Helvetica, sans-serif;
30- это размер Arial, Helvetica, sans-serif; - это шрифт. Измените на те, которые Вам нужны.
и вот в этом блоке тоже самое
h3 {
font: 20px/20px "Trebuchet MS", Helvetica, Arial, sans-serif;
text-transform: uppercase;
color: #333;
}
2. В шаблоне Товар найдите блок
<!-- Другие изображения товара. Отображаются если есть изображения товара -->
<tr>
<td class="goodsDataMainOtherImages" colspan="2">
{% 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>
</tr>
и удалите его с прежнего местонахождения. Теперь найдите блок
<td class="goodsDataMainImageBlock">
<!-- Большое изображение -->
<div class="goodsDataMainImage">
{% IF GOODS_IMAGE_EMPTY %}
<img src="{ASSETS_IMAGES_PATH}no-photo-medium.png" alt="{GOODS_NAME}" title="Увеличить {GOODS_NAME}" />
{% ELSE %}
<a itemprop="image" href="{GOODS_IMAGE_LARGE}" target="_blank" title="Увеличить {GOODS_NAME}"><img class="cornerAll withBorder goods-image-medium" src="{GOODS_IMAGE_MEDIUM}" alt="{GOODS_NAME}" /></a>
{% ENDIF %}
<!-- Идентификатор изображения товара, используется для галереи изображений -->
<input type="hidden" rel="{GOODS_IMAGE_ID}" />
</div>
<!-- Ссылка на увеличение среднего изображения товара до большого. Появляется если у товара указано изображение -->
{% IFNOT GOODS_IMAGE_EMPTY %}
<div class="goodsDataMainImageZoom">
<a href="{GOODS_IMAGE_LARGE}" target="_blank">Увеличить изображение</a>
</div>
{% ENDIF %}
</td>
и замените его на
<td class="goodsDataMainImageBlock">
<!-- Большое изображение -->
<div class="goodsDataMainImage">
{% IF GOODS_IMAGE_EMPTY %}
<img src="{ASSETS_IMAGES_PATH}no-photo-medium.png" alt="{GOODS_NAME}" title="Увеличить {GOODS_NAME}" />
{% ELSE %}
<a itemprop="image" href="{GOODS_IMAGE_LARGE}" target="_blank" title="Увеличить {GOODS_NAME}"><img class="cornerAll withBorder goods-image-medium" src="{GOODS_IMAGE_MEDIUM}" alt="{GOODS_NAME}" /></a>
{% ENDIF %}
<!-- Идентификатор изображения товара, используется для галереи изображений -->
<input type="hidden" rel="{GOODS_IMAGE_ID}" />
</div>
<!-- Ссылка на увеличение среднего изображения товара до большого. Появляется если у товара указано изображение -->
{% IFNOT GOODS_IMAGE_EMPTY %}
<div class="goodsDataMainImageZoom">
<a href="{GOODS_IMAGE_LARGE}" target="_blank">Увеличить изображение</a>
</div>
{% ENDIF %}
<!-- Другие изображения товара. Отображаются если есть изображения товара -->
{% 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>
Теперь в файле main.css найдите блок
h5 {
font: bold 15px/20px "Trebuchet MS", Arial, Helvetica, sans-serif;
color: #006699;
}
Строка font: bold 15px/20px "Trebuchet MS", Arial, Helvetica, sans-serif; отвечает за размер и шрифт, color: #006699; за цвет шрифта.
3. В файле main.css найдите блок
.goodsDataMainImagesIcon {
width: 61px;
height: 51px;
margin: 0.2em 0.4em 0.2em 0em;
}
и замените его на
.goodsDataMainImagesIcon {
width: 61px;
height: 51px;
margin: 0.2em 0.4em 0.2em 0em;
border: 1px solid black;
border-radius: 5px;
}
4. В том же шаблоне
.goodsDataMainDeliveryBlock {
color: #000000 !important;
}
и замените на
.goodsDataMainDeliveryBlock {
color: #000000 !important;
line-height: 2px;
}
5. В том же файле найдите блок
.goods-image-other {
max-width: 185px;
max-height: 185px;
}
и замените его на
.goods-image-other {
max-width: 165px;
max-height: 185px;
}
6. Найдите блок
.goodsListItemName a {
font-size: 16px;
line-height: 18px;
padding: 0px;
margin: 0px;
font-weight: normal;
}
и замените его на
.goodsListItemName a {
font-size: 11px;
line-height: 18px;
padding: 0px;
margin: 0px;
font-weight: normal;
}