Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
  • Sign Up

Recommended Posts

Добрый день! Подскажите где и что править , что бы увеличить шрифт цены в мини карточке товара

post-715896-0-86179600-1484387258_thumb.png

Link to post
Share on other sites

 

Вот этот блок вы имели ввиду?:

.common-home .caption > p, .product-grid .product-thumb .caption > p, #product-card .caption > p, .product-thumb > .caption > p {
    padding: 0 10px;
    max-height: 210px;
    overflow: hidden;
    text-overflow: ellipsis;
}
Не нахожу где изменить шрифт цены
Link to post
Share on other sites

Можно и тут добавить

font-size: 18px;

а можно и отдельно

.product-grid .product-thumb .caption > p{font-size: 18px;}

Link to post
Share on other sites

Можно и тут добавить

font-size: 18px;

а можно и отдельно

.product-grid .product-thumb .caption > p{font-size: 18px;}

 

Теперь возникает другой вопрос, вместе с ценой и краткое описание меняется

post-715896-0-03364300-1484466216_thumb.png

Link to post
Share on other sites

Упс. Не доглядел...

Попробуй такой код:

.product-grid .product-thumb .price{font-size: 18px;}

Link to post
Share on other sites

  • 7 months later...
В 15.01.2017 в 15:00, SiteMix сказал:

Упс. Не доглядел...

Попробуй такой код:

.product-grid .product-thumb .price{font-size: 18px;}

здравствуйте, это где именно нужно прописать?

Link to post
Share on other sites

Во втором сообщении написано. Вместо next-default подставить свой шаблон.

Можно добавить в конец файла.

 

Да, если шаблон другой, то и код может отличаться. Нужно по шаблону уточнять.

Edited by SiteMix
Link to post
Share on other sites

  • 4 months later...

Здравствуйте! У меня вопрос противоположный от того, что задал автор темы! Я не могу уменьшить шрифт цены!

Добавил font-size к изначальному коду ничего не поменялось. Изначально было так:

.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 {background-color: #eee; overflow: auto; visibility:hidden;}
.product-thumb:hover .button-group{visibility:visible;}
.product-list .product-thumb .button-group {visibility:visible;}
.product-list .product-thumb .caption > p{display:block;}

А я сделал так:

.product-thumb .price { color: #444; font-size: 6px; }
.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 {background-color: #eee; overflow: auto; visibility:hidden;}
.product-thumb:hover .button-group{visibility:visible;}
.product-list .product-thumb .button-group {visibility:visible;}
.product-list .product-thumb .caption > p{display:block;}

Где я должен править этот размер? Опенкарт 2.3, тема Simplica

Link to post
Share on other sites

@vunn Ссылку дайте на сайт, или вы думаете у каждого стоит этот шаблон и они по памяти помнят где и какие селекторы прописаны? 

Link to post
Share on other sites

10 часов назад, vunn сказал:

А я сделал так:

.product-thumb .price { color: #444; font-size: 6px; }
.product-thumb .price-new { font-weight: 600; }

Можно попробовать так:

.product-thumb .price {color: #444; font-size: 6px;}
.product-thumb .price-new {font-weight: 600; font-size: 6px;}
.product-thumb .price-old {color: #999; text-decoration: line-through; margin-left: 10px; font-size: 6px;}

Но чем гадать, легче на пациента взглянуть.

Link to post
Share on other sites

  • 6 months later...

Доброго времени, кто нибудь сможет подсказать...

Изменил шрифт и размер цены в категории товара а как сделать так что бы цена прижималась не к описанию а в самый низ к корзине ? 

Т.е. идет название , потом отступ -описание - и цена прижимается к описанию и может быть посередине в карточке товара а нужно ее опустить в самый низ и очень хорошо было бы выделить ее обрамив в желтый прямоугольник.

кто нибудь пытался сделать такое ? поделитесь опытом 

Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
  • Recently Browsing   0 members

    No registered users viewing this page.

×
×
  • Create New...

Important Information

On our site, cookies are used and personal data is processed to improve the user interface. To find out what and what personal data we are processing, please go to the link. If you click "I agree," it means that you understand and accept all the conditions specified in this Privacy Notice.