Not sure why this is happening, this is a new install. But basically my Product Names are floating in front of it's Product Image. The weird thing is that it only happens for categories I've created, the stock categories don't do it. Anyone have any ideas?
Here's a page of my site with the problem:
http://www.ihrimpublications.com/shop2/index.php?cPath=22
I know that my Product Names are pretty long... is that what's causing the problem?
Also, FYI, I completely removed the CSS I'm using and it doesn't fix the problem. This problem was also in effect before I edited the 960 Grid....
Thanks for the help!
-Brad
Latest News: (loading..)
0
3 replies to this topic
#2
14steve14
-
- Members
- 3,113 posts
STORE OWNER NOT CODER
- Real Name:Steve
- Gender:Male
- Location:Dorset UK
Posted 30 June 2012 - 08:28 AM
Have you tried making the images smaller. What happens then.
REMEMBER BACKUP, BACKUP AND BACKUP
I am not a coder, so dont bother sending PMs asking for help as you wont get any.
OSC has a steep learning curve, but in general the program does work. If it doesnt work, the chances are it is something you have done.
I am not a coder, so dont bother sending PMs asking for help as you wont get any.
OSC has a steep learning curve, but in general the program does work. If it doesnt work, the chances are it is something you have done.
#3
multimixer
-
- Partner
-
- 4,449 posts
Lemons or Melons ?
- Real Name:George Zarkadas
- Gender:Male
- Location:Greece
Posted 30 June 2012 - 08:43 AM
In file includes/product_listing.php you can add to the <td> that hold the images the same width (maybe + 10 pixels) as the width of the small images you have
#4
Posted 01 July 2012 - 08:43 PM
Thanks guys!
Steve, the shop owner didn't like the small images and wanted larger images for his products, so while lowering the image size would have probably worked, it just wasn't acceptable to him.
Multimixer, thanks, that worked! I had to play with it a bit, but finally got things the way I wanted them.
For anyone else looking for an answer to this problem, here are the changes I used:
The file to be changed is actually located in catalog/includes/modules/product_listing.php
In that file, around line 127 you'll see 'PRODUCT_LIST_IMAGE' this is where you make changes to the <td> for your product image. So on the very next line find:
This fixed the overlapping problem I was having with the product names over the product image, but then I noticed my changes also forced the product names into too little of a space making some of my product names wrap to 5 lines.
To widen the product name area I found 'PRODUCT_LIST_NAME' around line 104 and changed the following 2 instances of:
This makes everything look great. There's probably a more elegant way of doing what I needed, but this definitely works (if anyone has a better solution, I'd love to hear it). You may have to play with the width sizes to make this work for your shop, but it shouldn't be too hard to figure out.
Thanks!
-Brad
Steve, the shop owner didn't like the small images and wanted larger images for his products, so while lowering the image size would have probably worked, it just wasn't acceptable to him.
Multimixer, thanks, that worked! I had to play with it a bit, but finally got things the way I wanted them.
For anyone else looking for an answer to this problem, here are the changes I used:
The file to be changed is actually located in catalog/includes/modules/product_listing.php
In that file, around line 127 you'll see 'PRODUCT_LIST_IMAGE' this is where you make changes to the <td> for your product image. So on the very next line find:
$prod_list_contents .= ' <td align="center">and then 3 more lines down you'll find the exact same code. I changed both of these instances to:
$prod_list_contents .= ' <td align="center" width="180">
This fixed the overlapping problem I was having with the product names over the product image, but then I noticed my changes also forced the product names into too little of a space making some of my product names wrap to 5 lines.
To widen the product name area I found 'PRODUCT_LIST_NAME' around line 104 and changed the following 2 instances of:
$prod_list_contents .= ' <td>to:
$prod_list_contents .= ' <td width="250">
This makes everything look great. There's probably a more elegant way of doing what I needed, but this definitely works (if anyone has a better solution, I'd love to hear it). You may have to play with the width sizes to make this work for your shop, but it shouldn't be too hard to figure out.
Thanks!
-Brad
Edited by brad11, 01 July 2012 - 08:44 PM.
