[решено] Как изменить вид подкатегорий в центральной колонке ...

[Jevgen]

День добрый. Хочу изменить вид вывода подкатегорий. Хочу чтобы в ряду было 4-5 категорий в рамке. Т.е. фотография категории, под ней название и всё это в рамке. При наведении меняется цвет заполения. На подобие модуля Featured Products на главной странице.

 

тут для примера похожие варианты решения моего вопроса....

[Jevgen]

Очень нужна помощь

[Jevgen]

Аууууууу

[Ronaldo Perez]

В чем вопрос состоит? Элементарно посмотреть код на сайтах-примерах не пришло в голову?

"Хочу..." - делай, не знаешь как - изучи как минимум базовые возможности html/css, не хочешь - отдай специалисту.

[Jevgen]

Там а где код смотреть. Я искал не нашёл. Я находил сайт, смотрел css, там ничего не было. нужно tpl смотреть, а его код

 

вот достойный пример ! где код тут смотреть ?

 

http://www.gadgetshoponline.nl/6-iphone

[Jevgen]

Если вы смотрите homefeutured то там есть строчка {assign var='nbItemsPerLine' value=4}

value количество товаров в строке.

Не стоит благодарности.

спасибо, а где в самой Престе смотреть шаблон подкатегорий.

[Jevgen]

как называется этот шаблон который отвечает за центральную колонку ?????????

[Jevgen]

нашёл category.tpl

а как прописать то ? встявляю в category.tpl без изменений

 

<!-- Subcategories -->

<div id="subcategories">

	<h3>{l s='Subcategories'}</h3>

	{assign var='nbItemsPerLine' value=4}

	<ul class="inline_list">

	{foreach from=$subcategories item=subcategory}

Edited September 12, 2011 by Jevgen (see edit history)

[Jevgen]

помогите плиз

[sors]

http://www.gadgetshoponline.nl/themes/blue-glossy14/css/category.css

[Jevgen]

спасибо огромное ) когда прочитал сообщение уже сам накидал кое какие наброски ) спасибо ещё раз что есть добрые люди ))))))))))))))

[Jevgen]

Я вот так сделал, немного улучшил, потому что тень слева не появляется, т.к. привязка к левой границе. сделал отступ 6 пикселей, так же и снизу необходимо сделать

 

/* category.tpl */

h2.category_title { font-size: 1.3em }
body#category #subcategories li { background: transparent; border: 1px solid #E7E7E7; margin-right: 11px; margin-top: 17px; margin-bottom: 6px; margin-left: 12px; padding:15px 15px 0px 15px; height: 150px; width: 130px}
body#category #subcategories LI:hover {
background: transparent;
Border-color: #000;
-webkit-box-shadow: 0 0 6px #000;
-moz-box-shadow: 0 0 6px #000;
box-shadow: 0 0 6px #000;
}
div.cat_desc { margin: 0 1em }
body#category div#subcategories ul.inline_list li a img { display: inline }

Edited September 13, 2011 by Jevgen (see edit history)