В теме одно сообщение

[Joe Black]

Есть вопрос по этому шаблону, подскажите пожалуйста: на главной странице(и в каталоге товаров) есть товарные позиции, каждый товар отображается в блоке-прямоугольнике. Как можно уменьшить такой прямоугольник?(естественно у всех товаров что бы при отображение на сайте были меньшие блоки-прямоугольники). Заранее спасибо за ответ!

[Alekseys]

Joe Black (23 Январь 2015 - 11:00) писал:

Есть вопрос по этому шаблону, подскажите пожалуйста: на главной странице(и в каталоге товаров) есть товарные позиции, каждый товар отображается в блоке-прямоугольнике. Как можно уменьшить такой прямоугольник?(естественно у всех товаров что бы при отображение на сайте были меньшие блоки-прямоугольники). Заранее спасибо за ответ!

Здравствуйте. В main.css замените

.menu-item-box {
position: relative;
display: block;
float: left;
min-height: 327px;
width: 194px;
border: 1px solid #bdc3c7;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 3px;
border-radius: 2px;
background-color: #fff;
}

на

.menu-item-box {
position: relative;
display: block;
float: left;
/* min-height: 327px; */
width: 194px;
border: 1px solid #bdc3c7;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 3px;
border-radius: 2px;
background-color: #fff;
}

затем

.item-box {
border: 1px solid #bdc3c7;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
}

замените на

.item-box {
border: 1px solid #bdc3c7;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
height: 380px;
}

и уменьшайте параметр height: 380px;
заменив

.menu-item-params {
width: 100%;
}

на

.menu-item-params {
width: 100%;
margin-top: 0px;
}

можно поднять блок с ценой и кнопками, уменьшая margin-top: 0px; (в минус), и уменьшая в

.menu-item-slider a img {
display: block;
margin: 0 auto;
max-width: 100%;
max-height: 100%;
}

параметр max-width: 100%; можно уменьшить фото товара.