Categories/subcategories Display

[nunofc]

Hello.

 

I've got a question.

 

Is there any way that I can make the categories appear in a list, instead of appearing with images as default? (prestashop 1.6.1.4)

 

Example - I want it to show like this:

 

-Clothes

-Shoes

-Toys

-Others

 

Instead of what's happening in the attached image. I've put blank images but doesn't look that good.

 

 

Thanks in advance for any help.

 

Best regards,

Nuno Costa

[NemoPS]

There is. Open up category.tpl and get rid of this

 

                	<div class="subcategory-image">
						<a href="{$link->getCategoryLink($subcategory.id_category, $subcategory.link_rewrite)|escape:'html':'UTF-8'}" title="{$subcategory.name|escape:'html':'UTF-8'}" class="img">
						{if $subcategory.id_image}
							<img class="replace-2x" src="{$link->getCatImageLink($subcategory.link_rewrite, $subcategory.id_image, 'medium_default')|escape:'html':'UTF-8'}" alt="{$subcategory.name|escape:'html':'UTF-8'}" width="{$mediumSize.width}" height="{$mediumSize.height}" />
						{else}
							<img class="replace-2x" src="{$img_cat_dir}{$lang_iso}-default-medium_default.jpg" alt="{$subcategory.name|escape:'html':'UTF-8'}" width="{$mediumSize.width}" height="{$mediumSize.height}" />
						{/if}
					</a>
                   	</div>

[nunofc]

Hello

 

Thanks a lot for your help.

 

The images are now gone!

 

Another little question:

 

Is it possible to get rid of the blank space (as you can see in the attached image)?

 

And make it more like a list:

 

- Coats and jackets

- Sweaters

- Knits

- Shirts

 

etc...

 

Thanks in advance.

 

Best regards,

Nuno Costa

[NemoPS]

Category.css (theme folder, css), line 50. Get rid of the height for #subcategories ul li

[nunofc]

Hello! Thanks a lot for your help. Already removed the images and the space inbetween

 

My last question is how can I make it appear on a list... I've tried some CSS codes but it doesn't seem to work.

 

Currently it is showing like this (attached image):

 

 

 

Subcategories:

 

Clothes                   Shoes                Toys                  Others

 

 

 

I want it to show like:

 

 

Subcategories:

 

- Clothes

- Shoes

- Toys

- Others

 

 

Is this possible? What I really mean is, show the list in a vertical orientation instead of horizontal.

 

 

Many thanks for the attention and for the time spent.

 

Best regards,

Nuno Costa

 

[NemoPS]

There should be a float:left you can remove from the css

[nunofc]

Done!

 

Thanks a lot Nemo1

 

Best regards,

Nuno Costa

[nunofc]

One more question, a little bit different...

 

I have the manufacturers on my top horizontal menu (changed name from manufacturers to brands)

 

When I do the mouse-over brands and the brands appear on a list, they are appearing in alphabetical order but on the horizontal, like:

A...   B.... C.... D....

E.... F...    G...    H....

 

 

Is there anyway I can sort it on alphabetical order but on the vertical? I'd like it to appear this way:

 

A....    F....

B....    G....

C....    H....

D....     I....

E....     J....

 

There's an image in attachment for a better ex.

 

Thanks once again.

 

Best regards,

Nuno Costa

[NemoPS]

That would be kind of complicated as you need to split them into several chunks, (submenus) and have them stack one on the side of the other. This will require a template modification as well though

[nunofc]

Hello Nemo1,

 

Thanks for the help. It seems kinda complicated and it's not that urgent for now, I thought there would be an easier way.

 

One last question:

 

Is there a way I can center the subcategories text on the page? I mean they are "centered"  but not in the center of the page. Already checked css file and there's a text-align: center ; anyway it seems it's just centered on the left.

 

I've attached an image to explain better what I'd like to do.

 

Thank you very much one more time for your help.

 

Best regards,

Nuno Costa

[NemoPS]

For that, you need to set a static width to the list container, and use margin: 0 auto; on it

[nunofc]

It's perfect now!

 

Thanks a lot for your help

 

Best regards,

Nuno Costa