1. В файле стилей найдите
.products-grid h2 {
font-size: 1em;
height: 1.9em;
overflow: hidden;
}
и замените на
.products-grid h2 {
font-size: 1em;
height: 7em;
overflow: hidden;
}
2. Стиль кнопок вы можете изменить следующим образом - добавьте в файл стилей
.btn-success2 {
background-color: #000000;
color: #FFFFFF;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.btn-success {
background-color: #5BB75B;
color: #FFFFFF;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
и измените свойство background-color. В данном случае первый класс это цвет обычного состояния, второй при наведении.
3. Найдите в шаблоне "Товары"
{% IF GOODS_VIEW_TYPE=2 %}
<a href="?goods_view_type=1" title="Отображать список товаров в виде списка" class="list"></a>
<a title="Список товаров категории «{% IF IS_FULL_CATALOG %}Каталог{% ELSE %}{CATEGORY_NAME}{% ENDIF %}» сейчас отображается в виде таблицы, по 3 товара на строку" class="table-act"></a>
{% ELSE %}
<a title="Список товаров категории «{% IF IS_FULL_CATALOG %}Каталог{% ELSE %}{CATEGORY_NAME}{% ENDIF %}» сейчас отображается в виде списка, где один товар занимает одну строку" class="list-act"></a>
<a href="?goods_view_type=2" title="Отображать список товаров в виде таблицы с 3-мя товарами на одну строку" class="table"></a>
{% ENDIF %}
и замените на
{% IF GOODS_VIEW_TYPE=2 %}
<a title="Список товаров категории «{% IF IS_FULL_CATALOG %}Каталог{% ELSE %}{CATEGORY_NAME}{% ENDIF %}» сейчас отображается в виде списка, где один товар занимает одну строку" class="list-act"></a>
<a href="?goods_view_type=1" title="Отображать список товаров в виде таблицы с 3-мя товарами на одну строку" class="table"></a>
{% ELSE %}
<a href="?goods_view_type=2" title="Отображать список товаров в виде списка" class="list"></a>
<a title="Список товаров категории «{% IF IS_FULL_CATALOG %}Каталог{% ELSE %}{CATEGORY_NAME}{% ENDIF %}» сейчас отображается в виде таблицы, по 3 товара на строку" class="table-act"></a>
{% ENDIF %}
далее найдите
{% IF GOODS_VIEW_TYPE=1 %}
<ol class="span7 products-list" style="*padding: 0px;">
и замените на
{% IF GOODS_VIEW_TYPE=2 %}
<ol class="span7 products-list" style="*padding: 0px;">
4. Добавьте в файл стилей
.num {
color: #E9077C;
font-family: helvetica;
font-style: italic;
white-space: nowrap;
}
и задайте другой цвет свойству color
5. В шаблоне "HTML" найдите
{% FOR recently_viewed_goods %}
<div class="goods-image-icon-square" style="padding: 0.8em 5px 0.8em 0;vertical-align:middle;text-align:center;display: inline-block;">
<a href="{recently_viewed_goods.URL}" title="Перейти на страницу «{recently_viewed_goods.NAME}»" style="text-align: center;"><img style="margin: auto;" src="{% IF recently_viewed_goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-icon.png{% ELSE %}{recently_viewed_goods.IMAGE_ICON}{% ENDIF %}" alt="{recently_viewed_goods.NAME}" /></a>
</div>
{% ENDFOR %}
и замените на
{% FOR recently_viewed_goods %}{% IF recently_viewed_goods.index < 9 %}
<div class="goods-image-icon-square" style="padding: 0.8em 5px 0.8em 0;vertical-align:middle;text-align:center;display: inline-block;">
<a href="{recently_viewed_goods.URL}" title="Перейти на страницу «{recently_viewed_goods.NAME}»" style="text-align: center;"><img style="margin: auto;" src="{% IF recently_viewed_goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-icon.png{% ELSE %}{recently_viewed_goods.IMAGE_ICON}{% ENDIF %}" alt="{recently_viewed_goods.NAME}" /></a>
</div>
{% ENDIF %}{% ENDFOR %}
6. Добавьте в файл стилей
.thumbnails.goodsDataMainImages {
margin-top: -15px;
}
.span12.goodsDataMainImageZoom {
min-height: 30px;
}
7. Найдите в файле стилей
.phone {
float: left;
font-size: 1.35em;
vertical-align: middle;
}
и замените на
.phone {
float: left;
font-size: 1.35em;
text-align: left;
vertical-align: middle;
}
8. Размер изображения корзины 48x48. Путь к изображению корзины задается в шаблоне "HTML", а именно в строке
<td class="cartIcon" title="Перейти в корзину" width="58"><a href="{CART_URL}"><img src="{ASSETS_IMAGES_PATH}shop_cart_black.jpg" alt="Корзина"/></a></td>
9. К сожалению этого сделать нельзя, так как это поведение браузеров.
Цитата
как можно решить проблему сдвигания правого серого блока на левый белый при разных масштабах в браузерах.
Пожалуйста, приведите пример. Не совсем понимаю о чем вы.
10. Найдите в файле стилей
.page-title {
margin: 0;
padding: 0;
}
и замените на
.page-title {
margin: 0 0 15px;
padding: 0;
}
11. Добавьте в файл стилей
.products-list .span7.item {
margin-bottom: 0;
margin-top: 0;
}
.products-list .product-box {
padding: 5px 14px !important;
}
12. Добавьте в файл стилей
.products-grid .span3.item {
height: 390px !important;
}