Post by terrynshed » Fri Jan 20, 2012 5:43 pm

Hi,

I'm currently working on my first opencart website and have learned so much from this forum.

I have been searching for a while now and have not come across this small issue I am encountering. I have some category names that are around 20 or so characters. These are set up as sub categories. So when you select the parent category, these sub categories show up under the Refine Search heading on the products lists pages.

The problem is that any of my sub categories longer than 16 character or so will wrap onto the next line.

Is there any way to prevent this and keep the text of longer sub category names on the same line. I searched through all the files that called the Refine Search and could not find anything obvious that would control this.

Thanks!

New member

Posts

Joined
Fri Jan 20, 2012 5:35 pm

Post by florinsith » Fri Jan 20, 2012 6:52 pm

I guess if you would make the font smaller. A screenshot would help to understand what you mean.

Image
My Extensions - SuperTheme - Opencart templates - Opencart modules


User avatar
Expert Member

Posts

Joined
Fri May 14, 2010 2:36 am


Post by terrynshed » Sat Jan 21, 2012 1:53 am

If possible I would like to keep the font the same size. There is a lot of extra space if I could get the text not to wrap so soon. Here is an image:

Image

The sub-category FunJet / FunJet Ultra is one example. I would like for the 'Ultra' not to wrap to the next line.

Thank You.

New member

Posts

Joined
Fri Jan 20, 2012 5:35 pm

Post by florinsith » Sat Jan 21, 2012 2:02 am

Do you have more columns there? It shouldnt be like that for only 4 categories.

Image
My Extensions - SuperTheme - Opencart templates - Opencart modules


User avatar
Expert Member

Posts

Joined
Fri May 14, 2010 2:36 am


Post by terrynshed » Sat Jan 21, 2012 2:44 am

I do not have more columns on that particular sub category, but on the level above I do have more columns. They are filled in with 'test' right now, but I will be using these place holders in the future. Could this be why?

Here is a link to my incomplete site I am working on showing the additional columns:

http://smallpartscnc.com/new/index.php? ... ry&path=20

By the way, I'm using versing 1.5.1.3 and have made a few changes in regards to categories such as removing the (0) after each name.

Thanks.

New member

Posts

Joined
Fri Jan 20, 2012 5:35 pm

Post by narkedesign » Mon Jan 30, 2012 11:49 pm

i'm having the same problem, did you resolve the issue, if so how?!

Newbie

Posts

Joined
Tue Nov 08, 2011 8:11 pm

Post by terrynshed » Tue Jan 31, 2012 2:04 am

No, I have not resolved the issue yet.

I went ahead and removed some of my 'test' categories and reduced the amount to only 4 categories for a single column on any of the product pages.

But it still wraps to a new line. I'm thinking it is a setting in one of the product pages files. Maybe there is a table width set some where that we can increase. Just a guess.

One thing I noticed that was interesting. If you had a very long word with no spaces, it will continue on the same line all the way across the page. Even if you have more columns it will just continue over the neighboring column. But as soon as you put a space in it, it will wrap after the space. Maybe a clue?

New member

Posts

Joined
Fri Jan 20, 2012 5:35 pm

Post by straightlight » Tue Jan 31, 2012 2:20 am

One idea would be to use the Category Wall Module in this case: http://www.opencart.com/index.php?route ... order=DESC since all categories are equally balanced on one and another. The mount of products per rows can also be adjusted directly from the template file.

The most generated errors being found on Opencart forum originates from contributed programming. The increased counters are caused by posted redundancies of the same solutions that were already provided prior.

F. Rules:

- viewtopic.php?f=176&t=200480
- viewtopic.php?f=176&t=200804


Regards,
Straightlight


Legendary Member

Posts

Joined
Mon Nov 14, 2011 11:38 pm
Location - Canada, ON

Post by jezfez » Tue Jan 31, 2012 1:55 pm

stylesheet.css line 1512

.category-list ul {
float: left;
width: 18%;

change 18% to 20% or higher if needed

New member

Posts

Joined
Wed Sep 07, 2011 2:24 pm

Post by terrynshed » Tue Jan 31, 2012 2:52 pm

jezfez wrote:stylesheet.css line 1512

.category-list ul {
float: left;
width: 18%;

change 18% to 20% or higher if needed
Thank you very much! Worked perfect.

New member

Posts

Joined
Fri Jan 20, 2012 5:35 pm

Post by terrynshed » Tue Jan 31, 2012 2:59 pm

I also wanted to add that in the same stylesheet.css file, under the #container section, I had to increase my overall website width so the columns would still line up next to each other properly.

I had to play with these two settings to get exactly what I wanted. I ended up going back to 18% under the .category-list ul section and just changing the #container width (which is something I wanted to do anyway).

Thanks again.

New member

Posts

Joined
Fri Jan 20, 2012 5:35 pm

Post by NikkiC » Fri Mar 16, 2012 3:19 pm

jezfez wrote:stylesheet.css line 1512

.category-list ul {
float: left;
width: 18%;

change 18% to 20% or higher if needed

;) Perfect!!! Thank You!

Newbie

Posts

Joined
Fri Feb 17, 2012 5:44 am

Post by enomatik » Wed Oct 08, 2014 10:23 pm

it hasnt worked for me

Newbie

Posts

Joined
Sun Oct 05, 2014 9:19 pm

Post by 1NIK » Tue Aug 14, 2018 12:32 pm

Hi, I have the same problem. Working with open cart 3.0.2.0 and the name of my subcategory is shown on 2-5 lines/rows, nevertheless how many characters/symbols are. What can I do, each subcategory to be shown on one line/rows. I make changes with the column width, but no effect. Thank you!

Newbie

Posts

Joined
Tue Aug 14, 2018 12:27 am
Who is online

Users browsing this forum: Bing [Bot] and 12 guests