cancel
Showing results for 
Search instead for 
Did you mean: 

Product list problem with the safari browser on mac

SOLVED

Product list problem with the safari browser on mac

Hi, 

I have a major problem with my product list which doesn't works well only in the Safari browser on Mac and I don't know what or where is the problem because in every browser else it's working perfectly. 

I'm giving you a link so you can check : http://www.macinfo.fr/macinfo-pieces-detachees-pour-macbook-retina-12

This is a major problem for me because I sell only Apple product on the website so all of my clients have a Mac and go to the internet with Safari so it's handicapping me a lot. 

I hope someone could help me with this.

Thank you all.

2 ACCEPTED SOLUTIONS

Accepted Solutions

Re: Product list problem with the safari browser on mac

Could you please clarify (preferably with screen-shots) what doesn't work as supposed in Safari?

Here is what we see in FireFox: https://www.gyazo.com/82730158c75ffec680dbfd8a0f2e6d8b
And this is the screen-shot made in Safari: https://www.gyazo.com/20523a88e654e4ed443d590bda0d8cc4

There are lots of not critical errors on this page. Perhaps, one of them is causing such a result. Also, your price filter doesn't work neither in Firefox, nor in Safari. Is that the only problem there, or there's something else?

 

The more details you provide us with, the better we will be able to understand the nature of the issue.

______________________________________________________________
Innovative, top-performing Magento Extensions (with an array of FREE tools).

View solution in original post

Re: Product list problem with the safari browser on mac

@jordan_dabricot

 

Please try to change the code the following way:


before: https://www.gyazo.com/1a4b0cd8444bcd4bb4c8c45d5d3e091b
after: https://www.gyazo.com/ff942e8f5ad286baa9e470979dc8fec7

 

and


before: https://www.gyazo.com/a3c102a4b7646fb2693372e8bf3a9bb7
after: https://www.gyazo.com/1a4e94fdf26c80a42541afc1ffdf80db

As I can see, in the latter case you had an error, you've commented on the first line of the function.
In the former one, you'd better implement all the actions after the document is fully uploaded.

______________________________________________________________
Innovative, top-performing Magento Extensions (with an array of FREE tools).

View solution in original post

24 REPLIES 24

Re: Product list problem with the safari browser on mac

Could you please clarify (preferably with screen-shots) what doesn't work as supposed in Safari?

Here is what we see in FireFox: https://www.gyazo.com/82730158c75ffec680dbfd8a0f2e6d8b
And this is the screen-shot made in Safari: https://www.gyazo.com/20523a88e654e4ed443d590bda0d8cc4

There are lots of not critical errors on this page. Perhaps, one of them is causing such a result. Also, your price filter doesn't work neither in Firefox, nor in Safari. Is that the only problem there, or there's something else?

 

The more details you provide us with, the better we will be able to understand the nature of the issue.

______________________________________________________________
Innovative, top-performing Magento Extensions (with an array of FREE tools).

Re: Product list problem with the safari browser on mac

Hi,

When you're on the grid mode on the product list page on Safari, here is a screen-shot of my problem :

https://gyazo.com/d7f20b58547ff51560cc368552db61f5

I don't know if it's the CSS or the Javascript which do this and if you have an answer to this that would be great. The website has some default but the major problem I get to solve is this problem because all of my clients are on Mac so they're using mostly Safari.

Re: Product list problem with the safari browser on mac

The problem is that your container has too much content but a limited height: https://www.gyazo.com/6c94be7e88f0091d56b53ec8537a62fb

If you change its height value to "height:auto;" it looks more or less fine: https://www.gyazo.com/4535a4eeab80b41a356c2db30565f534

From what I can see in the page code, you are using the Lazy Load method to display images. It sets the container height value depending on the height of the content. However, this method seems to be working incorrectly: https://www.gyazo.com/6383bb23e5442867ac0c74f1ad5d3c4b


Try modifying the code of the setGridItemsEqualHeight function on the product page the following way: https://www.gyazo.com/99595d86c1cff2f67d498d82dd83ae0a

______________________________________________________________
Innovative, top-performing Magento Extensions (with an array of FREE tools).

Re: Product list problem with the safari browser on mac

Hi,

Thank you to your respond and you might be right but i can't find the file which i can change the setGridItemsEqualHeight function file. I looked everywhere on the FTP and i found the lazy method instead. Do you have some advise you can tell to find the file which has the setGridItemsEqualHeight function in it to proceed to the modification please. I'm new in magento so I'm really lost on this.

 

Thank you

Re: Product list problem with the safari browser on mac

Try using the Tempalte Path Hints to define the block, where this code is added.
You can enable it in the Admin Panel:

1) Go to system > configuration
2) Left, at the top, select the Store View that is used on the front-end - https://www.gyazo.com/da526b08544c29824d1f96b5762093c1
3) Open the tab Advanced > Developer (as a rule, it's located at the bottom of the page): https://www.gyazo.com/60b6fbb059ce74e81d33d4501d7be9e7
4) Tweak all the settings the way I describe below (don't forget to uncheck the "Use Website" option) and save to apply the changes:

  • Allowed IPs (comma separated) - empty (thus, you allow access from any IPs) or your own IP (if you don't know it, you can check it out here: 2ip.ru)
  • Template Path Hints - yes (will display all the template files)
  • Add Block Names to Hints - yes (displays the classes of the blocks)

    Here is the screenshot:
    https://www.gyazo.com/e652873d8f8f6fa527d06f750147d7b0

5) Update Cache,
6) Enter the page that generates the error, and scan the code to figure out which block/template the setGridItemsEqualHeight function refers to: 
https://www.gyazo.com/cf2dbfa2d5b99a4eb1071bc195ca1ab1
Note that you should search for this function right in the page code:
https://www.gyazo.com/d8e0c253efe1d339f4cc94fab847847a

The closest parent  that contains the path to the template in the title attribute is likely to be the template you are looking for.
However, if you don't find this function there, check the parent's block, and in the block check toHtml methods

______________________________________________________________
Innovative, top-performing Magento Extensions (with an array of FREE tools).

Re: Product list problem with the safari browser on mac

Hi, 

thank you for your respond, i found the file and i replace the code with yours and it's working a lot better but some pages remain with the same problem. Do you know if i can change other things ? 

 

 

Re: Product list problem with the safari browser on mac

@jordan_dabricot

 

Could you share the examples of the pages that doesn't work as you expect. And it will also be great if you provide us with more detail on what is working wrong.

 

______________________________________________________________
Innovative, top-performing Magento Extensions (with an array of FREE tools).

Re: Product list problem with the safari browser on mac

Hi,

I'm sorry but i have an other issue, my website is very slow after i tried to upgrade the magento version and i don't why, this is why I haven't took the screen yet. 

 

I tried to upgrade my magento version from 1.9.2.2 to 1.9.2.4 and an error show up I think this is because I forgot to disable the compiler and now my website is really really slow (2 or 3 minutes) or it doesn't even load and it displays "500 Internal error". Even the the backend doesn't want to load i don't know what to do.

Can you help me with this please ?

 

Re: Product list problem with the safari browser on mac

Unfortunately, having no access to the server, it's hard to figure out why it's working slow. If you manage to provide us with your server error log (NOT a Magento one), it could potentially help us figure out what is triggering the 500 error.

 

PS: you can view the server error log under the server settings.

______________________________________________________________
Innovative, top-performing Magento Extensions (with an array of FREE tools).