subcat. design

[sanyo13]

Hey!

 

I would make a new design for subcategories. So i should remove the box what is surround the subcategories, and the mouseover effect. And take the subcategories descriptions under the pictures. (example: http://picup.hu/9ib14tc.png ). 

[vekia]

this is a picture of subcategories, or products?

so i suppose that you want to change products display layout instead of subcategories... 

[sanyo13]

subcat. ofc dont need teh price jsut the picture and the description under the picture.

[vekia]

im lost, you said that you want to change "subcat" and then you're saing that you want to hide price. So if you want to hide price, you probably talkin about products, not subcategories

[sanyo13]

Nop, iam talki nabout the subcats. i need the picture of the categori and the descripton like on the "example"

[sanyo13]

I would reach a design like this http://picup.hu/5jo14v9.jpg

[vekia]

i think that this is what you're looking for:

subcategories grid display

 

ps. you can  also add there description

[sanyo13]

well i would take the chategorie name to the top of the picture and teh escription to the bottom as u can see on the picture

[vekia]

no worries, it's easy to achieve.

 

instead of:

                    <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>

use:

                    <a href="{$link->getCategoryLink($subcategory.id_category, $subcategory.link_rewrite)|escape:'htmlall':'UTF-8'}" title="{$subcategory.name|escape:'htmlall':'UTF-8'}" class="img">
<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.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>
                    

[sanyo13]

Well i think i did all hte changes what u wrote but now i got a full white screen  http://pastebin.com/EQPVDbXq this is how the code looks now.

[vekia]

if you've got white screen can you please turn on error reporting?

[vekia]

ok i checked your code, you've got there weirdy {if} conditions

please follow guide once again and carefully paste code that i suggested

[sanyo13]

ye u r right! its okey now. the next problem is that i have no category.css file. everything is in my global.css and i cant find the .inline_list li { pharameters. Here is my file if You have free time

global.css

[sanyo13]

and i get the subcat name at the top of the picture ( i need there) and at the bottom of the picture too, where i would show the description

[vekia]

if you don't have these styles, you can just create them, so just paste the styles code to your css styles file

[sanyo13]

Omm why i get the subcat name udner the pictures too? i need the subcats descriptions there

[vekia]

in my tutorial i suggested to "Remove the subcategory description"

 

hope that you skipped this step! if so, description should appear!

[sanyo13]

yeye iam bad:D i deleted ^^

[vekia]

ps i don't see any url to your website - it is online?

[sanyo13]

http://qautohifi.hu/index.php yes it is

[sanyo13]

I stil cant do this Something is not okey. i still get the subcats name under teh picture too, but i didnt remove the

{if $subcategory.description}

<p class="cat_desc">{$subcategory.description}</p>

{/if}

 

http://picup.hu/059157u.jpg

 

And i would remove that grey mouseover effect.

And i would show the description still under the picture. ANd dont need the picture and description if u open the subcat.

 

Hope You can understand

Edited October 12, 2013 by sanyo13 (see edit history)