Отображение цен на товар

[natasha1803]

Здравствуйте. Подскажите возможно ли изменить отображение цен на товар. Проблема в том, что названия некоторые такие длинные, что перекрывают цены у товара. Можно ли это как-то исправить не уменьшая наименование товары?

 

[fanatic]

увеличить размер блока с названием

ссылка, ускорит получение конкретного совета

[MKaizer]

34 минуты назад, natasha1803 сказал:

Подскажите возможно ли изменить отображение цен на товар

Можно, изменив размер блока, как советует @fanatic + добавив отступы от названия и цены в CSS.

Змінено 31 березня 2019 користувачем MKaizer

[natasha1803]

57 минут назад, fanatic сказал:

увеличить размер блока с названием

ссылка, ускорит получение конкретного совета

ссылка для примера на каталог https://mnveshey.ru/posuda/, 

[MKaizer]

2 минуты назад, natasha1803 сказал:

ссылка для примера на каталог https://mnveshey.ru/posuda/, 

.product-thumb h4 {
    height: 45px;
}

 

[natasha1803]

Только что, MKaizer сказал:

.product-thumb h4 {
    height: 45px;
}

 

Спасибо, попробуем.

[MKaizer]

1 минуту назад, natasha1803 сказал:

Спасибо, попробуем.

После внесенных изменений очистите кэш модификаторов и кэш браузера.

[natasha1803]

В 31.03.2019 в 13:22, MKaizer сказал:

.product-thumb h4 {
    height: 45px;
}

 

Добрый день, а не подскажите какую строчку необходимо заменить, так как похожей строки в файле не нашлось.

 

 

/* carousel */
.carousel-caption {
    color: #FFFFFF;
    text-shadow: 0 1px 0 #000000;
}
.carousel-control .icon-prev:before {
    content: '\f053';
    font-family: FontAwesome;
}
.carousel-control .icon-next:before {
    content: '\f054';
    font-family: FontAwesome;
}
/* product list */
.product-thumb {
    border: 1px solid #ddd;
    margin-bottom: 20px;
    overflow: auto;
}
.product-thumb .image {
    text-align: center;
}
.product-thumb .image a {
    display: block;
}
.product-thumb .image a:hover {
    opacity: 0.8;
}
.product-thumb .image img {
    margin-left: auto;
    margin-right: auto;
}
.product-grid .product-thumb .image {
    float: none;
}
@media (min-width: 767px) {
.product-list .product-thumb .image {
    float: left;
    padding: 0 15px;
}
}
.product-thumb h4 {
    font-weight: bold;
}
.product-thumb .caption {
    padding: 0 20px;
    min-height: 180px;
}
.product-list .product-thumb .caption {
    margin-left: 230px;
}
@media (max-width: 1200px) {
.product-grid .product-thumb .caption {
    min-height: 210px;
    padding: 0 10px;
}
}
@media (max-width: 767px) {
.product-list .product-thumb .caption {
    min-height: 0;
    margin-left: 0;
    padding: 0 10px;
}
.product-grid .product-thumb .caption {
    min-height: 0;
}
}
.product-thumb .rating {
    padding-bottom: 10px;
}
.rating .fa-stack {
    font-size: 8px;
}
.rating .fa-star-o {
    color: #999;
    font-size: 15px;
}
.rating .fa-star {
    color: #FC0;
    font-size: 15px;
}
.rating .fa-star + .fa-star-o {
    color: #E69500;
}
h2.price {
    margin: 0;
}
.product-thumb .price {
    color: #444;
}
.product-thumb .price-new {
    font-weight: 600;
}
.product-thumb .price-old {
    color: #999;
    text-decoration: line-through;
    margin-left: 10px;
}
.product-thumb .price-tax {
    color: #999;
    font-size: 12px;
    display: block;
}
.product-thumb .button-group {
    border-top: 1px solid #ddd;
    background-color: #eee;
    overflow: auto;
}
.product-list .product-thumb .button-group {
    border-left: 1px solid #ddd;
}
@media (max-width: 768px) {
    .product-list .product-thumb .button-group {
        border-left: none;
    }
}
.product-thumb .button-group button {
    width: 60%;
    border: none;
    display: inline-block;
    float: left;
    background-color: #eee;
    color: #888;
    line-height: 38px;
    font-weight: bold;
    text-align: center;
    text-transform: uppercase;
}
.product-thumb .button-group button + button {
    width: 20%;
    border-left: 1px solid #ddd;
}
.product-thumb .button-group button:hover {
    color: #444;
    background-color: #ddd;
    text-decoration: none;
    cursor: pointer;
}
@media (max-width: 1200px) {
    .product-thumb .button-group button, .product-thumb .button-group button + button {
        width: 33.33%;
    }
}
@media (max-width: 767px) {
    .product-thumb .button-group button, .product-thumb .button-group button + button {
        width: 33.33%;
    }
 

 

[MKaizer]

/catalog/view/theme/royal/stylesheet/skins/stylesheet1.css

520 строчка

[natasha1803]

Спасибо.