Jump to content
  • Checkout
  • Login
  • Get in touch

osCommerce

The e-commerce.

Category listing size


Russ-AL PC's

Recommended Posts

Hi all

 

I am busy with my new site, using 2.3.4 bs edge (or master?)

 

I only have main categories, so there are lots of them as I have over 15 000 items listed

 

How do I change the font size and button size of the category listings on the left?

 

Also why are my products not listed nicely in the grid?

 

new store is at www.russalpc.co.za/shop

 

Thx

Russel

Link to comment
Share on other sites

@@russ-AL PC's

 

For the offset products, it seems to be a equal heights issue. Go to your admin > modules > header tags > Equal Height Divs (jQuery) > enable it by setting it to true and check mark all pages you want the Equal Height to be enabled on. While you're there you should also set the Grid List the same way.

 

Here's a new mod called "New Equal Height Module (bootstrap)" that should work for you. You can view it at: http://addons.oscommerce.com/info/9505. If you install it, it still has to be enabled as I described above.

 

The sort order for Equal Height should be set to a higher number than the sort order of the Grid List whether you install the new mod or not. But the new mod is nice, you should give it a try. It helps out a lot.

 

If you have long product names, you can lower the varchar( ) in the of the products_name column of the products_description table of your database. Long product names try to force out if it doesn't truncate. That alone can cause a equal height issue.

 

As far as the font and button size I can't really help you, I'm not familiar with css.

 

Take care

 

Bill

Link to comment
Share on other sites

@@russ-AL PC's

 

In the /catalog directory (or /shop directory, in your case), there is an empty file called user.css. This is where you put all of your css code. Since user.css is called last (in /includes/template_top.php), anything you enter here will over-ride any previous css definations.

 

Use a program like Firebug to determine what classes and id's are being called for the particular areas you want to alter. For example, your 'categories' box falls under the 'columnLeft' id, so you could over-ride the font size, padding, etc for everything in the left column.

 

Of course, you will have to know a little about CSS to customize your shop to the way you want it.

 

HTH

 

Malcolm

 

PS: your old shop took forever to load (as all of the "Whats New" scroll box cached), and then the "Whats New" scroll box kept glitching ... at least for me.

Link to comment
Share on other sites

Hello,

 

I had a older version and updated to the 2.3.4 BS version back in May and have been in and out of the hospital so I have not been able to deal with my website until now so I was not able to deal with this fully. I am having problems with the sizes as well ( ie; boxes are large ).

 

I took a look at Russ_AL PC's website and the size of his new product boxes are a much better size than I have. Also I added a box to my website " Swarovski Color Charts"  and the list within that is exactly what I want for the list of products on the left side but again the spaces between products is off. The gap between each products is way too big. It is very hard for customers when they are trying to scroll through my website. They say that everything is too large and I have to agree with them.

 

I add the new mod called "New Equal Height Module (bootstrap) suggested in this topic hoping it would do the trick. It was a fairly easy add-on and all instructions were followed including making sure the sort order was higher than the  Grid List Javascript (jQuery). This did not seem to fix or help me with my problem.

 

I was wondering if there was anything else that can be recommended or direct me to, to make things smaller on my website ?

 

http://www.sunshynecraftsbeads.com

 

Thank you for your time with any input you may be able to offer me.

Link to comment
Share on other sites

Hello,

 

I had a older version and updated to the 2.3.4 BS version back in May and have been in and out of the hospital so I have not been able to deal with my website until now so I was not able to deal with this fully. I am having problems with the sizes as well ( ie; boxes are large ).

 

I took a look at Russ_AL PC's website and the size of his new product boxes are a much better size than I have. Also I added a box to my website " Swarovski Color Charts"  and the list within that is exactly what I want for the list of products on the left side but again the spaces between products is off. The gap between each products is way too big. It is very hard for customers when they are trying to scroll through my website. They say that everything is too large and I have to agree with them.

 

I add the new mod called "New Equal Height Module (bootstrap) suggested in this topic hoping it would do the trick. It was a fairly easy add-on and all instructions were followed including making sure the sort order was higher than the  Grid List Javascript (jQuery). This did not seem to fix or help me with my problem.

 

I was wondering if there was anything else that can be recommended or direct me to, to make things smaller on my website ?

 

http://www.sunshynecraftsbeads.com

 

Thank you for your time with any input you may be able to offer me.

@@sunshynecraftsbeads

 

add this to your user.css and play with the numbers to get your desired spacing

.nav-pills > li > a {
  padding: 8px 8px 8px 8px;;
}

Regards

 

Mark

Link to comment
Share on other sites

Thank you so much Mark. That worked perfectly for the product list. Had to change it to 2px but is what I wanted. So thank you again. 

 

Would you happen to know how I would make all the boxes smaller ? 

 

Example: My featured item for the month on the main page. I would like to have the boxes about half the size.

 

http://www.sunshynecraftsbeads.com/

 

Or, if you look at the list of items on a page the product box is huge and half of it is blank.

 

http://www.sunshynecraftsbeads.com/index.php/cPath/139_202

 

Any direction in this area would be greatly appreciated and thank you for your time.

 

Tracie

Link to comment
Share on other sites

Thank you so much Mark. That worked perfectly for the product list. Had to change it to 2px but is what I wanted. So thank you again. 

 

Would you happen to know how I would make all the boxes smaller ? 

 

Example: My featured item for the month on the main page. I would like to have the boxes about half the size.

 

http://www.sunshynecraftsbeads.com/

 

Or, if you look at the list of items on a page the product box is huge and half of it is blank.

 

http://www.sunshynecraftsbeads.com/index.php/cPath/139_202

 

Any direction in this area would be greatly appreciated and thank you for your time.

 

Tracie

@sunshynecraftsbeads

 

Tracie what version are you using as you said you upgraded back in may?

 

The only way to make the product listing page better would be to use the grid listing layout instead of the list style which I see you do not have the options on the product listing page to do that.

 

The new products can be made smaller but you would sacrifice image size, font size etc. The buttons can be made smaller but do you really want to sacrifice that?

 

Mark

Link to comment
Share on other sites

Hi Mark,

 

I am currently running the 2.3.4 BS version . I don't want to make the images or font smaller just the boxes themselves if that make any sense? When I look at live shops on oscommerce the boxes are half if not more than mine.

 

Here is a few site that show the boxes being much smaller as well as the item listing area's that I was talking about;

 

http://charmmakers.co.uk/index.php?osCsid=665e56b57a964451cfc383c3fdcf2a16

 

OR       www.stracciecapricci.com/shop/

 

 

Even Russell's ( one who started this topic) are smaller                http://www.stracciecapricci.com/shop/

 

 

I am sorry that I do not know the website lingo but I am hoping that if I can show you the difference then you will get a better idea of what I am talking about lol.

 

Thank you so much for your time.

 

Tracie

Link to comment
Share on other sites

Hi Mark,

 

I am currently running the 2.3.4 BS version . I don't want to make the images or font smaller just the boxes themselves if that make any sense? When I look at live shops on oscommerce the boxes are half if not more than mine.

 

Here is a few site that show the boxes being much smaller as well as the item listing area's that I was talking about;

 

http://charmmakers.co.uk/index.php?osCsid=665e56b57a964451cfc383c3fdcf2a16

 

OR       www.stracciecapricci.com/shop/

 

 

Even Russell's ( one who started this topic) are smaller                http://www.stracciecapricci.com/shop/

 

 

I am sorry that I do not know the website lingo but I am hoping that if I can show you the difference then you will get a better idea of what I am talking about lol.

 

Thank you so much for your time.

 

Tracie

 

@sunshynecraftsbeads

 

Tracie, the 2 sites you exampled are not 2.3.4BS

 

Russells boxes are narrower because his images are set to what looks like the default image size or set to a small size.

 

Have you tried going into the new products module settings in your admin and changing the 'product width' value?

 

Try that and lets see what it looks like.

 

Mark

Link to comment
Share on other sites

HI Mark,

 

Sorry for the delay I have been in the hospital.

 

I went to the admin and looked for the new product module settings on both the configuration & modules section but could not see the product width value anywhere.

 

Can you please let me know where I should be looking when you have a free moment.

 

Thank you again Mark.

 

Tracie

Link to comment
Share on other sites

HI Mark,

 

Sorry for the delay I have been in the hospital.

 

I went to the admin and looked for the new product module settings on both the configuration & modules section but could not see the product width value anywhere.

 

Can you please let me know where I should be looking when you have a free moment.

 

Thank you again Mark.

 

Tracie

 

@sunshynecraftsbeads

 

I hope you are ok and nothing too serious

 

It maybe that your version is out of date now because there have been many changes in Boostrap osCommerce.

 

I believe @@burt may have a better idea on this than me, hopefully he will see this post and respond when he can (he is a very busy chap)

 

Mark

Link to comment
Share on other sites

Archived

This topic is now archived and is closed to further replies.

×
×
  • Create New...