Перейти до вмісту
Пошук в
  • Детальніше...
Шукати результати, які ...
Шукати результати в ...

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


Recommended Posts

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

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

post-709579-0-35459700-1460794534_thumb.jpg

Змінено користувачем roman37
Надіслати
Поділитися на інших сайтах


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

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

.product-thumb .caption {
    padding: 0 20px;
    min-height: 100px;
}    
.product-thumb p {
    display: none;
}
  • +1 1
Надіслати
Поділитися на інших сайтах

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

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

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

Надіслати
Поділитися на інших сайтах


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

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

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

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

 

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

 

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

Надіслати
Поділитися на інших сайтах

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

 

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

 

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

спасибо

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

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

Змінено користувачем Raensul
Надіслати
Поділитися на інших сайтах


  • 7 months later...
  • 3 months later...
Цитата

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

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

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

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

Змінено користувачем jaffagold
Надіслати
Поділитися на інших сайтах


Цитата

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

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

    display: none;

}

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

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

Змінено користувачем jaffagold
Надіслати
Поділитися на інших сайтах


  • 3 weeks later...
В 16.04.2016 в 11:12, roman37 сказал:

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

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

post-709579-0-35459700-1460794534_thumb.jpg

 

Добрый день.

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

 

.product-thumb .caption {
    padding: 0 20px;
    min-height: 100px;
}    
.product-thumb p {
    display: none;
}
Змінено користувачем usernew
Надіслати
Поділитися на інших сайтах


  • 4 months later...

Створіть аккаунт або увійдіть для коментування

Ви повинні бути користувачем, щоб залишити коментар

Створити обліковий запис

Зареєструйтеся для отримання облікового запису. Це просто!

Зареєструвати аккаунт

Вхід

Уже зареєстровані? Увійдіть тут.

Вхід зараз
  • Зараз на сторінці   0 користувачів

    • Ні користувачів, які переглядиють цю сторінку
×
×
  • Створити...

Important Information

На нашому сайті використовуються файли cookie і відбувається обробка деяких персональних даних користувачів, щоб поліпшити користувальницький інтерфейс. Щоб дізнатися для чого і які персональні дані ми обробляємо перейдіть за посиланням . Якщо Ви натиснете «Я даю згоду», це означає, що Ви розумієте і приймаєте всі умови, зазначені в цьому Повідомленні про конфіденційність.