Product list problem with the safari browser on mac

[jordan_dabricot]

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.

[MageWorxTeam · Accepted solution]

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.

[jordan_dabricot]

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.

[MageWorxTeam]

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

[jordan_dabricot]

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

[MageWorxTeam]

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

[jordan_dabricot]

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 ? 

[MageWorxTeam]

@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.

[jordan_dabricot]

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 ?

[MageWorxTeam]

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.