[SOLVED] how to change design of subcategory

[bellistriclaudio]

Hey Guys i really look for help

after a big damage in my website and after reinstall all

i have a big issue and i don't know what i need go for fixed

please take look

http://bellistri.dk/shop/da/221-armaturer

before is look great as list

now after new installation is look

i try with category.tpl and category.css but i am  no good in off

 

Can someone help me :-)

 

[vekia]

have you got any example of how it should look like?

[bellistriclaudio]

Hey for first thanks for the fast answer 

here the pic 

really appreciate if you can help 

[vekia]

in category.css use this code:
 

h1{margin-bottom:10px;}

.resumecat {
	margin:15px 0 10px 0;
	padding:8px 7px;
	color:#000;
	background:#f0f0f0;
}

.content_scene_cat {
	padding:5px;
	border:1px solid #ccc;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	-moz-box-shadow: 0 1px 1px #e2e2e2;
	-webkit-box-shadow: 0 1px 1px #e2e2e2;
	box-shadow: 0 1px 1px #e2e2e2;
}

.cat_desc {
	font-size:12px;
	line-height:18px;
}
.cat_desc p {padding:0 10px 5px 10px}
.cat_desc .lnk_more {
   padding:0 10px;
   color:#0088CC;
	background:url(../img/arrow_right_1.png) no-repeat 100% 4px transparent;
}


/* ************************************************************************************************
      SUB CATEGORIES
************************************************************************************************ */
#subcategories {margin-top:15px}
#subcategories h3 {
	padding:14px 12px;
	font-size:13px;
	color:#fff;
	text-transform:uppercase;
	text-shadow:0 1px 0 #666;
	background:url(../img/bg_table_th.png) repeat-x 0 0 #999
}

.inline_list {
	list-style-type:none;
	margin-top:10px;
}
.inline_list  li {
	padding:10px 0;
	border-bottom:1px dotted #ccc
}
.inline_list  li .img {
	float:left;
	margin-right:15px
}
.inline_list  li img {
	border:1px solid #ccc
}
.inline_list  li .cat_name {
	font-weight:bold;
	font-size:13px
}

and in category.tpl for subcategories, use this code:
 

		{if isset($subcategories)}
		<!-- Subcategories -->
		<div id="subcategories">
			<h3>{l s='Subcategories'}</h3>
			<ul class="inline_list">
			{foreach from=$subcategories item=subcategory}
				<li class="clearfix">
					<a href="{$link->getCategoryLink($subcategory.id_category, $subcategory.link_rewrite)|escape:'htmlall':'UTF-8'}" title="{$subcategory.name|escape:'htmlall':'UTF-8'}" class="img">
						{if $subcategory.id_image}
							<img src="{$link->getCatImageLink($subcategory.link_rewrite, $subcategory.id_image, 'medium_default')|escape:'html'}" alt="" width="{$mediumSize.width}" height="{$mediumSize.height}" />
						{else}
							<img src="{$img_cat_dir}default-medium_default.jpg" alt="" width="{$mediumSize.width}" height="{$mediumSize.height}" />
						{/if}
					</a>
					<a href="{$link->getCategoryLink($subcategory.id_category, $subcategory.link_rewrite)|escape:'htmlall':'UTF-8'}" class="cat_name">{$subcategory.name|escape:'htmlall':'UTF-8'}</a>
					{if $subcategory.description}
						<p class="cat_desc">{$subcategory.description}</p>
					{/if}
				</li>
			{/foreach}
			</ul>
			<br class="clear"/>
		</div>
		{/if}

[bellistriclaudio]

Dear 

i really not have a word for say thanks a lot                       

but really a lot for you incredible help

for everything i am here maybe not for code    but for the rest yes 

Thanks Claudio 

[vekia]

you're very welcome

i can confirm that it works:

 

 

i marked whole topic as solved.

with regards,

Milos

[bellistriclaudio]

Work super great 

take look 

http://bellistri.dk/shop/da/221-armaturer

[bellistriclaudio]

hi guys after many years we decide update to 1.7

but can help me for make subcategory on category as list same you help me in 2014 I need the same way 

is possible ?

here example again 

Thanks a lot in advance