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

Изменение сетки в Категориях


Recommended Posts

Пациент

Воспользовался вот этим советом для отображения категорий в картинках. Но боксы теперь слишком крупные. Размер самой картинки поменять могу, но вот как поменять размер бокса - не понимаю. Думаю, что дело в разметки самой сетки, но не знаю где менять и его. Буду благодарен за помощь

 

версия 1.5.5.1.1

тема shadow

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


catalog/view/theme/shadow/stylesheet/stylesheet.css

 

найти блок 

.box-product > div {
position:relative;
display: inline-block;
vertical-align: top;
width: 232px;
text-align: left;
padding: 10px 0px 25px 0px;
margin-bottom: 11px;
margin-right: 10px;
border: 1px solid #efefef;
background: #fff;	
overflow:hidden;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}

В нем менять width: 232px; до нужного состояния.

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

catalog/view/theme/shadow/stylesheet/stylesheet.css

 

найти блок 

.box-product > div {
position:relative;
display: inline-block;
vertical-align: top;
width: 232px;
text-align: left;
padding: 10px 0px 25px 0px;
margin-bottom: 11px;
margin-right: 10px;
border: 1px solid #efefef;
background: #fff;	
overflow:hidden;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}

В нем менять width: 232px; до нужного состояния.

 

Ага, спасибо.

А можно сделать так, чтоб размер картинки автоматом подбирался под размер бокса? В ручную не проблема прописать, но просто интересно.

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


.box-product .image img {
padding: 3px;
}

Дописать параметр width: 100%;

 

Тогда картинка будет растягиваться на 100% ширины блока.

 

И нужно убрать из tpl'ки забитые туда width="130" height="130"

 

 

Лучше почитайте для начала htmlbook.ru

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

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

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

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

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

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

Вхід

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

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

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

×
×
  • Створити...

Important Information

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