Phoca Cart is not displaying correctly on Safari

Phoca Cart - complex e-commerce extension
User avatar
thethe
Phoca Member
Phoca Member
Posts: 41
Joined: 31 Oct 2019, 00:28

Phoca Cart is not displaying correctly on Safari

Post by thethe » 10 Apr 2020, 03:13

Hi Just testing our new sites on different devices.

Noticed: Products Page is not displaying correctly on Safari browser on both _ _ iOS 10.3.3 and MacOS 10.13.

On iPads, it is displaying a mess style, cannot even display the whole page.

On Mac OS, it is displaying three columns...

Anything I can do to restyle or update version of Phocacart?

Thanks
Nameless

User avatar
thethe
Phoca Member
Phoca Member
Posts: 41
Joined: 31 Oct 2019, 00:28

Re: Phoca Cart is not displaying correctly on Safari

Post by thethe » 12 Apr 2020, 09:32

Any updates thanks....

User avatar
Jan
Phoca Hero
Phoca Hero
Posts: 42557
Joined: 10 Nov 2007, 18:23
Location: Czech Republic
Contact:

Re: Phoca Cart is not displaying correctly on Safari

Post by Jan » 12 Apr 2020, 17:06

Hi, I have contacted some developers who work with Mac OS. None of them uses Safari because it seems like it does not work with many new features.

In this specific case, maybe it can somehow be related to Bootstrap columns.

This modification helps on some sites (I have tested it on Phoca Cart demo pages and it works - it helps when Safari displays the Bootstrap columns wrongly)

Add this CSS (best to add in custom.css of your template):

Code: Select all

.row:before, .row:after {
    display: inline-block;
}
to your site. And let me know if this helped.

Jan
If you find Phoca extensions useful, please support the project

User avatar
thethe
Phoca Member
Phoca Member
Posts: 41
Joined: 31 Oct 2019, 00:28

Re: Phoca Cart is not displaying correctly on Safari

Post by thethe » 13 Apr 2020, 04:02

Hi Thanks for that. Can this be added to Template.css the bottom bit? I do not see any custom.css...
The template I used is Nicepage.

Thanks
ML

User avatar
Jan
Phoca Hero
Phoca Hero
Posts: 42557
Joined: 10 Nov 2007, 18:23
Location: Czech Republic
Contact:

Re: Phoca Cart is not displaying correctly on Safari

Post by Jan » 13 Apr 2020, 20:37

Hi, custom.css is mostly created by users - in template directory, the advantage of custom.css is, it is loaded as last and it is not overwritten when updating. But of course, you can add it in every CSS you need, but it should be loaded as last (at least after Bootstrap CSS)

Jan
If you find Phoca extensions useful, please support the project

User avatar
thethe
Phoca Member
Phoca Member
Posts: 41
Joined: 31 Oct 2019, 00:28

Re: Phoca Cart is not displaying correctly on Safari

Post by thethe » 14 Apr 2020, 02:34

Try add in our site template. - css template.css file.
/** alt-color-rules **/

.row:before, .row:after {
display: inline-block;
}

/*end-variables sitestylecss*/
/*begin-variables custom-site-css*/ .u-position-1 {
display: flex;
align-items: center;
}

Still not working on Safari

any better suggestions?

Thanks
Manmg

User avatar
Jan
Phoca Hero
Phoca Hero
Posts: 42557
Joined: 10 Nov 2007, 18:23
Location: Czech Republic
Contact:

Re: Phoca Cart is not displaying correctly on Safari

Post by Jan » 14 Apr 2020, 19:28

Hi, no, unfortunately, I don't know the Safari bugs, all the hacks, advices for Safari I just found on Stack Overflow website. :-(
If you find Phoca extensions useful, please support the project

Post Reply