16 сент. 2013 г.

Изменяем шрифт в названии, описании и цен товаров в списке товаров OpenCart

Задача:

  1. изменить шрифт в названии товара в списке товаров
  2. изменить шрифт в описании товаров в списке товаров
  3. изменить шрифт цен в списке товаров
Решение:

Редактируем файл
//catalog/view/theme/default/stylesheet/stylesheet.css
Примерно 900 строка


.product-list .name {
    margin-bottom: 25px; - отступ между названием товара и его описанием
    overflow: auto; 
    text-align: center; - выровняли название товара по центру
}
.product-list .name a {
    color: #000000; - изменили цвет названия товара
    font-size: 16px; - увеличили размер шрифта названия товара
    font-weight: bold;
    text-decoration: none;
}
.product-list .description {
    line-height: 15px;
    margin-bottom: 5px;
    color: #4D4D4D;
    font-size: 14px; - размер шрифта описания товара в списке товаров
}
.product-list .rating {
    color: #7B7B7B;
}
.product-list .price {
    float: right; - обтекание по правому краю цены товара
    height: 50px;
    margin-left: 8px;
    text-align: center; - выравнивание по середине цены товара
    color: #ef5c1a; - цвет цены товара
    font-size: 25px; - размер шрифта цены товара
    font-weight: bold; - жирный стиль написания цены товара
}

Итак, мы изменили стили в списке товаров на движке OpenCart:

  1. Названия товара 
  2.  Описания товара 
  3.  Цены товара 
 Если вы используете вид: сетка, то необходимо подправить те же классификаторы, но с окончанием grid

Место для рекламы

Комментариев нет:

Отправить комментарий