Jump to content

[SOLVED] IE doesn't display featured products on homepage


Recommended Posts

Hi,

PS 1.5.1, default theme.

The images of featured products on homepage are not displayed in IE (all versions).

IE displays category, product pages properly.

 

ISSUE IS ONLY WITH HOMEPAGE in IE.

 

Everything works in Firefox and Chrome.

 

FIREFOX/Chrome

post-692-0-53061500-1350372975_thumb.jpg

 

 

IE

post-692-0-36223000-1350373010_thumb.jpg

 

homefeatured.css (in modules/homefeatured)

homefeatured.css

 

homefeatured.tpl (renamed to .txt here as unable to upload tpl files)

homefeatured.txt

 

Can anyone help?

Link to comment
Share on other sites

Sorry, developing on XAMPP so offline at the moment.

I attached the homefeatured files as I understand they control the display of products on the homepage.

 

sure, but we dont know what exactly is in output, after compilation.

can you paste here code of sample product?

Link to comment
Share on other sites

Here you go:

 

IESOURCE:

 

iesource.txt

 

FIREFOX SOURCE:

fsource.txt

 

 

try to open in IE:

http://localhost/prestashop/img/p/1/5/15-featured_default.jpg

 

it works?

 

if yes, in my opinion, problem is probably with width="" and height="" param in:

 

http://localhost/prestashop/img/p/1/5/15-featured_default.jpg" height="" width=""

 

you must change it in homefeatured.tpl file, try to change it and refresh your site

Link to comment
Share on other sites

Yes, the jpg opens in IE.

 

In homefeatured.tpl the width and height is setby following code:

 

<a href="{$product.link}" title="{$product.name|escape:html:'UTF-8'}" class="product_image"><img src="{$link->getImageLink($product.link_rewrite, $product.id_image, 'featured_default')}" height="{$featuredSize.height}" width="{$featuredSize.width}" alt="{$product.name|escape:html:'UTF-8'}" />{if isset($product.new) && $product.new == 1}<span class="new">{l s='New' mod='homefeatured'}</span>{/if}</a>

 

I have added new image in preferences->images in BO with name featured_default and dimensions 210px by 240px.

 

If I change the code back to home_default instead of featured_default, then the images are properly displayed in IE.

What could be the problem?

Link to comment
Share on other sites

Yes, the jpg opens in IE.

 

In homefeatured.tpl the width and height is setby following code:

 

<a href="{$product.link}" title="{$product.name|escape:html:'UTF-8'}" class="product_image"><img src="{$link->getImageLink($product.link_rewrite, $product.id_image, 'featured_default')}" height="{$featuredSize.height}" width="{$featuredSize.width}" alt="{$product.name|escape:html:'UTF-8'}" />{if isset($product.new) && $product.new == 1}<span class="new">{l s='New' mod='homefeatured'}</span>{/if}</a>

 

I have added new image in preferences->images in BO with name featured_default and dimensions 210px by 240px.

 

If I change the code back to home_default instead of featured_default, then the images are properly displayed in IE.

What could be the problem?

 

so we have a solution! After adding new image properties you must re-generate thumbnails in back office, after that new thumbnails will works properly

Link to comment
Share on other sites

Manually added width/height to the tpl file worked.

Weird!

 

IE fails with empty values of height="" and width="" so as I say in other post - that is the main problem.

 

you named new image dimensions as featured_default, right? not "featured" but "featured_default"

 

maybe try to change the: {$featuredSize.height} to {$featured_defaultSize.height}, to width too

Edited by vekia (see edit history)
Link to comment
Share on other sites

Yes, its called featured_default.

 

Doesn't work with {$featured_defaultSize.height}

 

I don't think its an issue with empty height/width values as if I use home_default (which has lower h x w) it works.

Also category pages display perfectly in IE and they too have empty height/width.

 

Seems I have to stick with entering values in tpl instead of relying on BO!

Link to comment
Share on other sites

Sorry for the double post but you know help me? : (

 

 

 

you must edit homefeatured.tpl file located in modules/homefeatured/ directory.

 

you must find there something like:

<a href="{$product.link}" title="{$product.name|escape:html:'UTF-8'}" class="product_image"><img src="{$link->getImageLink($product.link_rewrite, $product.id_image, 'featured_default')}" height="{$featuredSize.height}" width="{$featuredSize.width}" alt="{$product.name|escape:html:'UTF-8'}" />{if isset($product.new) && $product.new == 1}<span class="new">{l s='New' mod='homefeatured'}</span>{/if}</a>

 

 

and edit values of:

 

height="{$featuredSize.height}" width="{$featuredSize.width}"

 

for example:

 

height="300" width="450"

Link to comment
Share on other sites

you must edit homefeatured.tpl file located in modules/homefeatured/ directory.

 

you must find there something like:

<a href="{$product.link}" title="{$product.name|escape:html:'UTF-8'}" class="product_image"><img src="{$link->getImageLink($product.link_rewrite, $product.id_image, 'featured_default')}" height="{$featuredSize.height}" width="{$featuredSize.width}" alt="{$product.name|escape:html:'UTF-8'}" />{if isset($product.new) && $product.new == 1}<span class="new">{l s='New' mod='homefeatured'}</span>{/if}</a>

 

 

and edit values of:

 

height="{$featuredSize.height}" width="{$featuredSize.width}"

 

for example:

 

height="300" width="450"

 

hello, thanks for reply!

I just made ​​the changes you suggested but nothing has changed in the home with IE ... : (

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
×
×
  • Create New...