Jump to content

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


Recommended Posts

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

 

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

post-156018-0-56594000-1315766282_thumb.png

post-156018-0-86159000-1315766301_thumb.jpg

Share this post


Link to post
Share on other sites

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

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

Share this post


Link to post
Share on other sites

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

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

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

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

Share this post


Link to post
Share on other sites

нашёл 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 by Jevgen (see edit history)

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites

Я вот так сделал, немного улучшил, потому что тень слева не появляется, т.к. привязка к левой границе. сделал отступ 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 by Jevgen (see edit history)

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
 Share

×
×
  • Create New...

Important Information

Cookies ensure the smooth running of our services. Using these, you accept the use of cookies. Learn More