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

Chvalov

Гуру форума
Регистрация
31 Окт 2011
Сообщения
265
Реакции
81
Помогите исправить вот эти сходы:
zmzWfkdDP9Y.jpg

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

траблы тут: httр://Для просмотра ссылки Войди или Зарегистрируйся
 
Помогите исправить вот эти сходы:
zmzWfkdDP9Y.jpg

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

траблы тут: 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. решение поверхностное, в итоге вы получите такую картинку
Для просмотра ссылки Войди или Зарегистрируйся
 
откройте /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. решение поверхностное, в итоге вы получите такую картинку
Для просмотра ссылки Войди или Зарегистрируйся
Да я также сделал с категориями, но как мне сделать так чтобы привюшки товаров розтягивались на свободную область ?
Потому что с категориями я уже подбирал по размерам картинки, а вот с товарами так не смогу (их много будет)
 
Да я также сделал с категориями, но как мне сделать так чтобы привюшки товаров розтягивались на свободную область ?
Потому что с категориями я уже подбирал по размерам картинки, а вот с товарами так не смогу (их много будет)
зачем чтобы товары растягивались? Оо у товара есть свой блок, есть свои размеры, добавьте товары и смотрите результат, выше вполне рабочее решение
У вас была задача убрать лестницу - я ее убрал
 
зачем чтобы товары растягивались? Оо у товара есть свой блок, есть свои размеры, добавьте товары и смотрите результат, выше вполне рабочее решение
У вас была задача убрать лестницу - я ее убрал
Тогда еще подскажите как сделать чтобы название товара не переходило на вторую строчку, а при наведении :)hover) на сам блок или на название товара - оно прокручивалось от начала до конца и обратно (alternate), потому что если добавить товар с длиним именем блок потеряет свой вид :(

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