0 Пользователей и 1 Гость просматривают эту тему.
  • 6 Ответов
  • 251 Просмотров
*

IIIyPyII

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

dmitry_stas

  • Легенда
  • 12296
  • 1165 / 7
Re: Сократить наименование товара
« Ответ #1 : 22.09.2017, 12:04:20 »
например max-height для блока с именем задать
Тут дарят бакс просто за регистрацию! Успей получить!
Все советы на форуме раздаю бесплатно, то есть даром. Индивидуально бесплатно консультирую только по вопросам стоимости индивидуальных консультаций
*

kit2m2

  • Завсегдатай
  • 1464
  • 129 / 1
Re: Сократить наименование товара
« Ответ #2 : 22.09.2017, 12:07:10 »
Плагин - Заголовки категорий и товаров - Количество символов

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

IIIyPyII

  • Новичок
  • 12
  • 0 / 0
Re: Сократить наименование товара
« Ответ #3 : 22.09.2017, 12:21:14 »
Ага, спасибо понял. Вот только не могу сообразить где этот блок товара)))
В CSS @media (max-width: 767px)
еть блок:
    .cart .product_name a{
        display:block;
    }
Делаю из него:
    .cart .product_name a{
        display:block;
        max-height: 80px;
        overflow: hidden;
    }

Реакции 0

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

kit2m2

  • Завсегдатай
  • 1464
  • 129 / 1
Re: Сократить наименование товара
« Ответ #4 : 22.09.2017, 12:24:32 »
Не видя ничего не могу сказать.
Задайте не max-height, а просто height
*

IIIyPyII

  • Новичок
  • 12
  • 0 / 0
Re: Сократить наименование товара
« Ответ #5 : 22.09.2017, 12:28:17 »
Не видя ничего не могу сказать.
Задайте не 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;
    }
}
*

nevigen

  • Moderator
  • 9580
  • 823 / 17
  • http://n*****n.com
Re: Сократить наименование товара
« Ответ #6 : 22.09.2017, 12:29:17 »
В списке товаров мне нужно что бы наименование товара ограничивалось 2 строками.
.карт ?


Читайте праивла ! ваши простыни пролистывать никому не охота ! пользуйтесь спойлерами и код тегами !
Профессиональные / Бесплатные решения для JoomShopping
Не лечи бесплатно, ибо тот, кто лечится бесплатно, рано или поздно перестает ценить свое здоровье,
а тот, кто лечит бесплатно, рано или поздно перестает ценить результаты своего труда/ (с) Гиппократ?
Не ищите ответов, ищите решение !
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

Вывести данные Продавца в карточку товара

Автор Netman_avs

Ответов: 7
Просмотров: 749
Последний ответ 16.12.2018, 19:24:48
от kit2m2
Как вывести дату добавления товара?

Автор djdim

Ответов: 16
Просмотров: 1423
Последний ответ 11.12.2018, 13:06:48
от dmitry_stas
Количество товара кнопками - И + В JoomShopping to NEVIGEN

Автор konsty

Ответов: 13
Просмотров: 1494
Последний ответ 26.11.2018, 11:51:48
от intcorp
Вывести все товары категории в карточке товара

Автор v-v

Ответов: 59
Просмотров: 5783
Последний ответ 19.11.2018, 20:09:24
от Argawa
JoomShopping как вывести кол.во продаж(покупок) в карточке товара?

Автор designerandrey

Ответов: 10
Просмотров: 320
Последний ответ 09.11.2018, 22:11:16
от designerandrey