Jump to content
Christiaan_01

Subcategories structure and sorting

Recommended Posts

Hi guys,

 

I changed my subcategories view to grid view. No buttons or text, just 4 images standing next to each other. But now I often have that when I have a grid of say 12 subcats that it doesn't display 3 rows of 4 subcats. But rather like: ( 4 - 4 - 3 - 1 ). Sometimes one shows up at the right side, and leaving a blank space on the rest of the line.

 

I've tried a few times to mix the sorting of the subcats and often switching one with another resolves the issue, but lately it has increased. And I would like to freely choose the order of my subcategories.

I think it's somehow a problem with the sorting. It seems like 1 subcat can stick somewhere, even if I change its position it doesn't move. When I check with Firebug everything is normal.

 

Any help is appreciated.

 

LG.jpg

Share this post


Link to post
Share on other sites

Hi,

Your categories are displayed as items in a list (<li class="subcat">)

these elemanty are floating left:

 

.subcat {
   float: left;
margin: 0 6px 20px;
text-align: center;
}

 

 

different categories have names of different lengths, which affects their height

add the specified height of list element, for example:

 

.subcat {
   float: left;
   height: 160px;
margin: 0 6px 20px;
text-align: center;
}

Edited by Marcin W. (see edit history)

Share this post


Link to post
Share on other sites

Late response, have been on vacation, but it works. Thank you sóóó much!

I have had so many headaches with Prestashop and you've relieved me from one of them. Thanks man!

Share this post


Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Reply to this topic...

×   Pasted as rich text.   Restore formatting

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.


×
×
  • Create New...

Important Information

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