New Products display Issue

As per Ajeh's suggestion, I am posting this in hopes that a nice style-guru can help.
On my site https://www.throughmylensphotography.com/store I have a New Products box in the content. The problem is that it doesn't display the items an nice orderly rows. one row may only list one product, then the next row lists 4. I just want them to line up without blank spaces.

Hi -- I have a New Products display issue also. Although I found a closer match to my problem here:
http://www.zen-cart.com/forum/showthread.php?t=26776&highlight=unwanted+images
The above however is an old thread that has been closed off and doesn't pertain to 1.3.7.
1.3.7 doesn't have the file "main_template_vars_images_additional" to check.

To cut a longer story short, I'd appreciate any assistance to be able to remove the vertical line of images I have just above the 'New Products' and below the final line of my text.

I'm still editing a client's site and am not live - but here is the offending page to help with clarity.
http://ghphosting.com/eestore/index.php?main_page=index&cPath=1

I'm sure its something simple... as usual... but my brain won't tell me what it is.

Many thanks in advance - and thanks for the light you are always so fantastic at shedding on our problems.

Regards
Dusky.

Zen Cart uses an automatic system to add the "Additional Product Images". Thos images show because you have them named similarly to the main product on that page. For more information on image naming conventions, try a search for calicocat*

Thanks for the quick response Kim -- I'll look into it.

Dusky. x

Okay.. I see how that may be the case for someone.

I tried renaming the images, but the only thing that happened was that the images were replaced by blank squares on the same page. The placement of the images still remained whether it could read the image names or not.

Could there be something in the tpl_product_info_display.php that could be creating this scenario?

Or am I thicker than two short planks? :)
Over...

--- oh... to add..
The third image in the vertical line is named 'image(1).jpg' and has been from the onset... so I'm thinking the 'calicocat' theory may not apply?

My apologies for not paying proper attention to the page I was looking at. The page you posted is the SubCategories display and those images are the subcategories associated with the category you are in.

They should be displaying across the page not in a single line - they should be floated left.

Ok... sorry for the lack of complete Zen, but where would I go to change this?

And mostly -- I didn't really need those images there at all, so can they be removed and where would I go again?

Kim:

My apologies for not paying proper attention to the page I was looking at. The page you posted is the SubCategories display and those images are the subcategories associated with the category you are in.

They should be displaying across the page not in a single line - they should be floated left.

Am I assuming that this is a bug? I haven't handled any of the SubCategory files manually, and I haven't 'Add include SubCategories' etc in the setup of the items...
I haven't been able to locate anywhere to edit anything [ie 'float: left'] for SubCategories using the Developers Toolkit...

Where can I go please Kim?

Stumped downunder :)

Are you seeking a resolution? You've disappeared Kim.

Okay Kim... no I was seeking resolution. :)

So... there wasn't the word 'SubCategories' to find.
Anyhow... the work is in the stylesheet for anyone who comes across this.
(I know I'm must sound mind-numbingly boring)

{
#logo, .centerBoxContents, .specialsListBoxContents, .categoryListBoxContents, .centerBoxContentsAlsoPurch, .attribImg {
float: left;
}

It straightened the images out from being horizontally aligned one on top of the other, to vertically aligned. I still don't want them on the page because they are unnecessary, but at least it doesn't look as bad as it did.

Peace,
Dusky.

I still haven't figured out my problem.(see first post)
I'm sure it's a stylesheet issue, but I have no idea how to correct the problem.

Hey Josh...

I notice that if you go to any of your products links that when you come back to the page with the New Products featured, that the images change.
You have some kind of mod installed I imagine?

Could your issue lie in the coding for the mod?
and/or could it be interfering with the layout?

I don't have any mods that affect this. From what I understand, ZenCart randomly displays products in the New Products box.
See this post: http://www.zen-cart.com/forum/showpost.php?p=316864&postcount=4

Right.

What happens if you resize the pages back to normal size instead of having everything at virtual 100% not to mention the oversized text. It look kind of funky ;) -- but it could be throwing your pages out.

You know I'm guessing while I keep you company until someone who knows what they're talking about wanders by, right? :)

:yes: :wink2:

What do you mean, virtual 100%?

It looks like you have your site set to at least 80-90% of the width of the page rather than the original setting of 750px (mind you I've set mine to 800 px to be inline with the majority of users computer screens).
I just wondered if having the width set to 'wider' is pulling the divs around the New Products area out of shape (forgive my technical terminology or lack there of)... if having it wider allows the images to float randomly within the div rather than lock them in to place within the div...
Don't know if I'm making sense but hope you get what I mean.

**stops before she confuses further. :)

Ah! Nice thought. I'll check out the width issue.

Dusky, do you (or anyone else reading this) know where in the styles sheet it deals with the New Product box?

I had a sort of similar issue and found that separating the #mainWrapper from the others seemed to help my issue -- I can only guide you to there for a start.

This is how I ended up just to give you an indication:

#mainWrapper {
background-color: transparent;
text-align: left;
width: 800px;
height: 130px;
vertical-align: top;
border: 0px solid #996666;
}

#headerWrapper, #contentMainWrapper, #logoWrapper, #cartBoxListWrapper, #ezPageBoxList, #cartBoxListWrapper ul, #ezPageBoxList ul, #mainWrapper, #popupAdditionalImage, #popupImage {
margin: 0em;
padding: 0em;
background-color: #Ffffff;

Perhaps you can mess around with something similar and see how you go.