отображение списка товаров (блоки)

[Chvalov]

Помогите исправить вот эти сходы:

Как сделать блоки красивими и чтобы все били одинакового размера???
Или дайте ссылку на скачку нормального шаблона где таких проблем нету, заранее спасибо

траблы тут: httр://Для просмотра ссылки Войди или Зарегистрируйся

 

[HeadHunter]

Помогите исправить вот эти сходы:

Как сделать блоки красивими и чтобы все били одинакового размера???
Или дайте ссылку на скачку нормального шаблона где таких проблем нету, заранее спасибо

траблы тут: httр://Для просмотра ссылки Войди или Зарегистрируйся

откройте /components/com_jshopping/css/default_bs.css
и попробуйте поменять верстку

найти

.jshop_list_product .product .product_title {
font-size: 16px;
margin-top: 0;
text-align: center;
}

заменить на

.jshop_list_product .product .product_title {
font-size: 16px;
height: 40px;
line-height: 20px;
margin-top: 0;
overflow: hidden;
text-align: center;
}

найти

.jshop_list_product .product .image {
}

заменить на

.jshop_list_product .product .image {
display: table-cell;
height: 120px;
text-align: center;
vertical-align: middle;
width: 170px;
}

P.S. решение поверхностное, в итоге вы получите такую картинку
Для просмотра ссылки Войди или Зарегистрируйся

 

[Chvalov]

откройте /components/com_jshopping/css/default_bs.css
и попробуйте поменять верстку

найти

.jshop_list_product .product .product_title {
font-size: 16px;
margin-top: 0;
text-align: center;
}

заменить на

.jshop_list_product .product .product_title {
font-size: 16px;
height: 40px;
line-height: 20px;
margin-top: 0;
overflow: hidden;
text-align: center;
}

найти

.jshop_list_product .product .image {
}

заменить на

.jshop_list_product .product .image {
display: table-cell;
height: 120px;
text-align: center;
vertical-align: middle;
width: 170px;
}

P.S. решение поверхностное, в итоге вы получите такую картинку
Для просмотра ссылки Войди или Зарегистрируйся

Да я также сделал с категориями, но как мне сделать так чтобы привюшки товаров розтягивались на свободную область ?
Потому что с категориями я уже подбирал по размерам картинки, а вот с товарами так не смогу (их много будет)

 

[HeadHunter]

Да я также сделал с категориями, но как мне сделать так чтобы привюшки товаров розтягивались на свободную область ?
Потому что с категориями я уже подбирал по размерам картинки, а вот с товарами так не смогу (их много будет)

зачем чтобы товары растягивались? Оо у товара есть свой блок, есть свои размеры, добавьте товары и смотрите результат, выше вполне рабочее решение
У вас была задача убрать лестницу - я ее убрал

 

[Chvalov]

зачем чтобы товары растягивались? Оо у товара есть свой блок, есть свои размеры, добавьте товары и смотрите результат, выше вполне рабочее решение
У вас была задача убрать лестницу - я ее убрал

Тогда еще подскажите как сделать чтобы название товара не переходило на вторую строчку, а при наведении hover) на сам блок или на название товара - оно прокручивалось от начала до конца и обратно (alternate), потому что если добавить товар с длиним именем блок потеряет свой вид

вот пример о том что я хочу: Для просмотра ссылки Войди или Зарегистрируйся и тут Для просмотра ссылки Войди или Зарегистрируйся