Index Layout Product Display Problem

[sc0rpiongirl]

Hey Mario...you said that I could bug you when I need help, so here I go...

I have the problem again! Well, the index/home page image display problem I meant. It doesn't occur often, and it just sort of randomly happened. Unlike before, this time, just the last image of each row got shifted to the next row, and it happens to all rows, which left a quite large blank spot on the very right column. I haven't changed the names of the products to make them longer, nor did I see that it was the name of the product this time. But I am not sure what caused such display problem again...if you could test and point me to a direction, that will be great! Thanks a bunch!!

p.s. I sent you a PM of the same msg as well, just so it might draw your attention. Thx!

[mresende]

Hey!

I've loaded your site a few times today but haven't managed to see the problem yet... If you come across it, maybe make a note of which product sits above the hole (in theory, the one pushing down the other ones!)

I'll keep looking, hopefuly i'll be able to replicate the problem.
BTW, are you experiencing the problem in a browser in particular?

[sc0rpiongirl]

It just happened once for me again, in IE. I noticed that it particularly happened on the page after I log-in as a customer, right after I log-in, the system direct me back to index, but the images shifted. See the attached screenshot.

I did the same thing (log-in) in Firefox but didn't encounter this problem. I will test it in Safari later and see how it works. This seems odd because I haven't had such problem until this two days after I installed SSL certificate. :S

Thanks for checking up for me!

[mresende]

Ah ok, so it seems to be happening with IE, and when you logon...

Would you mind if I created an account so I can check this login thing? I promise not to go shopping crazy :)

[sc0rpiongirl]

In fact I was hoping you won't mind taking some time to creat an account and test it. Thanks!!! go shop!

[mresende]

Ok, i've managed to recreate the prob in IE.

A quick way around that is to hard-code the boxes' width to something like 24%.
Currently, as you have 4 columns, the system assigns a width of 25% each, which is a snug fit.

If you edit your includes/modules/featured_products.php (or includes/modules/YOUR_TEMPLATE/featured_products.php) you should see the following at around line 53 (I guess dependent on other alterations and Zen-Cart version):

$list_box_contents[$row][$col] = array('params' =>'class="centerBoxContentsFeatured centeredContent back"' . ' ' . 'style="width:' . $col_width . '%;"',

And replace with:

$list_box_contents[$row][$col] = array('params' =>'class="centerBoxContentsFeatured centeredContent back"' . ' ' . 'style="width:24%"',

With this change, of course, you loose the automatic width values, meaning that if you decide to increase or decrease the number of columns you'll have to set this value manually.

However, since you say it was fine before the SSL cert was installed, you might want to try reinstalling that...

Let me know how you get on!
:-)

Mario

[sc0rpiongirl]

Hi Mario, Thanks so much for all the help. I have been sick (yeah fashionably sick) and busy with other stuff so I haven't looked into that little problem yet. I don't want to have to force the size to change as you suggested which as you stated, I would lose the flexibility of the layout in cernter. I am going to look for a work-around and see if it can be done. Clearly this problem only occur in IE, as everything seemed fine with FireFox and Safari...IE sux but it's too popular...

Appreciate your help!!

[mresende]

Hey! Hope you're feeling better!

I know, the change ain't pretty and i think should be a last resort (thinking about it it would have to be done to the other modules as well (new products, specials, etc), so it's far from ideal. I'll see if i can find a CSS-specific solution.

Would you be able to send me your featured_products.php so i can try a couple of things?

[Outlawlb]

This site is really cool. What are the modules that you installed and how did you do that header with Flash?

[sc0rpiongirl]

This site is really cool. What are the modules that you installed and how did you do that header with Flash?

Thanks for liking the site. I designed the theme, installed a number of modules that I found from zen cart download MOD area including Shine Live Help side box (I redesigned the graphic for online/offline notice though), dg_review (for reviews to show on product_info page (but not completely refined yet...still working on perfectlizing it), cross-sell, upsell cart, super_order (for admin), sales report (admin), gift wrap, free shipping if buying X-dolloars more, Image handler II (great MOD) and Light Box (another image enhencement for presentation)... I did make quite some modification to certain place particularly user interface presentation to make them going along with my theme. This forum is a great learning resource plus there are a number of wonderful kind people who offered their expertise and help without asking anything in return...like Mario...

The flash header code resides in common/header.php, defined in CSS for size and location, swf file resides in my_template>>image folder.

Mario...I will pm you my file?