Как уменьшить высоту карточки товара

[roman37]

Здравствуйте!

В админке убрал краткое описание в карточке товара. Судя по всему там блок отведенный под это описание, как его можно убрать? Пустое место смотрится некрасиво и точки остались. подскажите пожалуйста как уменьшить высоту карточки.

Змінено 16 квітня 2016 користувачем roman37

[OldAine]

Здравствуйте!

В админке убрал краткое описание в карточке товара. Судя по всему там блок отведенный под это описание, как его можно убрать? Пустое место смотрится некрасиво и точки остались. подскажите пожалуйста как уменьшить высоту карточки.

.product-thumb .caption {
    padding: 0 20px;
    min-height: 100px;
}    
.product-thumb p {
    display: none;
}

[Raensul]

Спрошу сдесь, чтобы не создавать новую тему.

Подскажите скрипт, плз, который скрывает в категории длинные описания товара, а при наведении мышкой это описание отображается.

Оно же не в css рисуется?

[OldAine]

Спрошу сдесь, чтобы не создавать новую тему.

Подскажите скрипт, плз, который скрывает в категории длинные описания товара, а при наведении мышкой это описание отображается.

Оно же не в css рисуется?

Можно на чистом Css сделать.

 

Поищите в поисковиках по запросу "css спойлер"

 

Пример 1, пример 2

[roman37]

 

.product-thumb .caption {
    padding: 0 20px;
    min-height: 100px;
}    
.product-thumb p {
    display: none;
}

 

Огромное спасибище за помощь, все получилось!

[Raensul]

Можно на чистом Css сделать.

 

Поищите в поисковиках по запросу "css спойлер"

 

Пример 1, пример 2

спасибо

а как тут дело с кроссбраузерностью? я думал скриптом браузеры охотнее сжирают...

и, кроме того, в этих примерах скрытие/показ по клику, а как по ховеру сделать?

Змінено 16 квітня 2016 користувачем Raensul

[Luxprint]

 

.product-thumb .caption {
    padding: 0 20px;
    min-height: 100px;
}    
.product-thumb p {
    display: none;
}

 

а это где находится?

[Bredihinaelenaa]

Вместе с описанием исчезает и цена, как-то можно убрать только описание?

[jaffagold]

Цитата

и, кроме того, в этих примерах скрытие/показ по клику, а как по ховеру сделать?

Если не заморачиваться,Это можно сделать таким способом.

Задается блоку ( карточка товара в категории) внешняя обертка с фиксированной высотой. В нее размещается инфомация карточки товара, таким образом, чтобы один блок( с описанием) снизу вылазил за границы. Для блока-обертки задается свойство overflow:hidden. В этом случае блок описания не показывается, т.к. он находится за нижней границей.

 а при наведении блоку-обертке прописывается свойство overflow:visible. И карточка товара показывается полностью. Дополнительные стили( рамки, тени, цвет, сахар, соль- по вкусу)

Змінено 7 березня 2017 користувачем jaffagold

[jaffagold]

Цитата

Вместе с описанием исчезает и цена, как-то можно убрать только описание?

.product-thumb p:first-of-type {

    display: none;

}

Общее замечание.( если вы только хотите скрыть описание)

Мне кажется помимо скрытия описания его длину в админке надо уменьшить до 1 символа( ноль не получится). Т.к. поисковики могут неправильно понять то, что у вас на странице много скрытого текста, который частично совпадает с Description и Title. Они могут посчитать это сео-хитростями и наказать.

Змінено 7 березня 2017 користувачем jaffagold

[usernew]

В 16.04.2016 в 11:12, roman37 сказал:

Здравствуйте!

В админке убрал краткое описание в карточке товара. Судя по всему там блок отведенный под это описание, как его можно убрать? Пустое место смотрится некрасиво и точки остались. подскажите пожалуйста как уменьшить высоту карточки.

 

Добрый день.

Подскажите, а где находится код приведенный ниже ?

 

.product-thumb .caption {
    padding: 0 20px;
    min-height: 100px;
}    
.product-thumb p {
    display: none;
}

Змінено 29 березня 2017 користувачем usernew

[s2156487]

В 29.03.2017 в 12:05, usernew сказал:

а где находится код приведенный ниже ?

 

...catalog/view/theme/default/stylesheet/stylesheet.css