Сократить наименование товара - JoomShopping

Добрый день.
Подскажите, как можно реализовать?
В списке товаров мне нужно что бы наименование товара ограничивалось 2 строками. Именно не количество символов, а строки.
Что бы на разных мониторах не было пляски блоков товара.

например max-height для блока с именем задать

Плагин - Заголовки категорий и товаров - Количество символов

Ограничить строки можно CSS - Задайте заголовку высоту в пикселях и примените свойство - overflow:hidden; или overflow-y:hidden;

Ага, спасибо понял. Вот только не могу сообразить где этот блок товара)))
В CSS @media (max-width: 767px)
еть блок:
    .cart .product_name a{
        display:block;
    }
Делаю из него:
    .cart .product_name a{
        display:block;
        max-height: 80px;
        overflow: hidden;
    }

Реакции 0

Может не тот блок редактирую?

Не видя ничего не могу сказать.
Задайте не max-height, а просто height

Не видя ничего не могу сказать.
Задайте не max-height, а просто height

Попробывал, тишина(((

Вот весь блок:

@media (max-width: 767px) {
   
    .row-fluid [class*="sblock"] {     
        padding-left: 3px;
    }
    .row-fluid .sblock2{
        width: 50%;
    }
    .row-fluid .sblock3{
        width: 50%;
    }
    .row-fluid .sblock4{
        width: 50%;
    }
    .row-fluid .sblock5{
        width: 50%;
    }
    .row-fluid .sblock6{
        width: 50%;
    }
    .row-fluid .sblock7{
        width: 50%;
    }
    .row-fluid .sblock8{
        width: 50%;
    }
    .row-fluid .sblock9{
        width: 50%;
    }
    .row-fluid .sblock10{
        width: 50%;
    }
    .row-fluid .sblock11{
        width: 50%;
    }
    .row-fluid .sblock12{
        width: 50%;
    }
   
    .mobile-cart {
        display: inline-block;
        font-weight: bold;
        width: 40%;
    }   
    #jshop_menu_order tr{
        display: block;
        width: 100%;
    }
    #jshop_menu_order tr td{
        display: inline-table;
        width: 100%;     
        line-height: 26px;
    }
    .jshop.cart, .jshop.cart tbody{
        display: block;
        border:0px;
    }
    .jshop.cart tr{
        display: block;
        width: 100%;
        border-left: 1px solid #ccc;
        border-right: 1px solid #ccc;
        border-top: 1px solid #ccc;
        background-size: 100% 100%;
        color: black;
        margin-bottom: 20px;
    }
    .jshop.cart tr:first-child{
        border: 1px solid #ccc; 
        margin-bottom: 10px;
        display: none;
    }
    .jshop.cart tr th{
        display: inline-table;
        width: 100%;     
        line-height: 26px;
        border: none;
        border-bottom: 1px solid #565656;
    }
    .jshop.cart tr td{
        display: flex;     
        border: none;
        border-bottom: 1px solid #ccc;
        padding: 5px 10px;
        text-align:left;
    }
    .cart .odd td, .cart .even td{
        background-color: #fff;
    }
    .cart .product_name a{
        display:block;
      height: 10px;
        overflow: hidden;
    }
    .jshop_img_description_center .mobile-cart{
        display: none;
    }   
    .login_block .form-horizontal .controls {
        margin-left: 160px;
    }
    .pagelogin .register_block .logintext, .pagelogin .register_block .block_button_register{
        margin-left: 160px;
    }
    .jshop_list_product .block_product{
        border:1px solid #ccc;
        padding:5px;
        border-radius:4px;
    }
    .cart_block_discount .name{
        float:none;
    }
    .cart_block_discount input{
        display: block;
        margin-top:10px;
    }
    .pagelogin .register_block .form-horizontal .control-label{
        text-align: left;
        width:150px;
    }
    .pagelogin .register_block .form-horizontal .controls{
        margin-left: 160px;
    }
}

В списке товаров мне нужно что бы наименование товара ограничивалось 2 строками.

.карт ?


Читайте праивла ! ваши простыни пролистывать никому не охота ! пользуйтесь спойлерами и код тегами !