Quickview not working on iOS 10.3 & 11

Tagged: , ,

ThemeBurn SupportForumsOpenCart ThemesBurnEngineQuickview not working on iOS 10.3 & 11

This topic has been marked as not resolved.

Hello,
I wanted to test my mobile site. So I took my Iphone and opend a Quickview Link. First I could just see a part of the picture, then quickview tried to zoom out (viedo like), failed and started it all over again.

Testest with Safari, Chrome & Firefox.

It works fine with Androids, like Samsung Gallaxy and a Mizu (smaler resolution).

September 27, 2017 at 10:58 am #61821

Hi,

Can you please try to:

1) Open

catalog/view/theme/BurnEngine/template/tb/css/theme.css.tpl

2) Find this code line:

width: calc(100% + 17px);

3) Replace it with:

width: 1px;
min-width: calc(100% + 17px);

BR,
ThemeBurn team

October 3, 2017 at 2:14 am #61904

Hi,
That didn’t quite do the trick :(

In vertical position:
I have to scroll down to see the description, first there is alot of withe space.

In horizontal position:
I have still the “Video”

October 6, 2017 at 10:11 am #61933

Any update?

October 13, 2017 at 12:47 pm #62031

Hi,

It seems the previous fix we’ve given does not work in all cases. We’ve logged to your served and patched a couple of files in order to get the quickview working:

catalog/view/theme/BurnEngine/template/common/footer.tpl
catalog/view/theme/BurnEngine/template/tb/javascript/common.js
catalog/view/theme/BurnEngine/template/tb/css/products.css
catalog/view/theme/BurnEngine/template/tb/css/theme.css
system/vendor/BurnEngine/catalog/ThemeCatalogExtension.php

All the fixes will be added with upcoming updates as well.

P.S. Sorry for the long delay but this was a really nasty problem only in Safari and was not easy to resolve.

BR,
ThemeBurn team

October 18, 2017 at 5:02 pm #62079

Good Morning,

Still not working :(

On vertical it looks “good”, but I cannot scroll down to add it to the cart.
If I reopen the same quickview link in horizontal it looks like safari2.png.

If I open a link in horizontal it looks like safari3.png and if I open the same link again in vertical it looks like safari4.png.

Also I cannot activate “Optimize JS”/ “Defer JS” & “Minify HTML” otherwise my firesliders are gone.

October 23, 2017 at 10:44 am #62134

Hi,

We’ve fixed the scrolling problem. Unfortunately there is no way to turn the quickview content responsive when the device orientation is changed. This is a limitation of Safari and iframes.

The last option is to hide quickview under iOS:

@supports (-webkit-text-size-adjust:none) and (not (-ms-ime-align:auto))and (not (-moz-appearance:none)) {
  .tb_button_quickview {
    display: none !important;
  }
}

BR,
ThemeBurn team

October 24, 2017 at 12:19 am #62153

Hello ThemeBurnTeam,
Where should I add this code?

JS Problem:
I cannot enable most of the “Page load Performance (Optimize JS, Minify JS & HTML)” modules, otherwise my Fireslider will be gone.

SEOpack Problem:
How can I delete the Meta Discription from Home? I have added it for one store pi-case-designer.com, but it just shows:

<meta name="description" content="s" />

Uninstall doesn’t work and the default won’t show up anymore:

<meta name="description" content=" ..." />

HTTP Problem:
I’ve checked my homepage and the homepage from glennbradley100, both have a lot of this Errors:
Element style not allowed as child of element ul in this context.
I’ll guess it has something to do, with our oc version.

Further Ideas for optimizing BurnEngine:
• IMG ALT & Titel Tags for FireSlider:
– for example to manually input in Slider -> Layers -> Content
• Title Tags for links:
– for example adding the possibility to add html in eg Menu Composer -> System (header) -> Wishlist -> Advanced Setting -> Add HTML
– or simply -> Edit -> URL Title

November 2, 2017 at 12:14 pm #62316

Where add the code for the quick review button to hide it ?

November 3, 2017 at 3:10 pm #62340

Hello?!

November 7, 2017 at 10:26 am #62397

Hi,

You can add these styles from the Theme CP > Theme Settings > Custom > Custom Stylesheet text field.

BR,
ThemeBurn team

November 13, 2017 at 11:54 am #62486

Hi,

We’ve also checked your meta description problem:

It seems there are conflicts between the BurnEngine SEO pack extension and third part SEO pack. If you insert your meta description from your Admin > System > Settings the meta description will show. However most likely there are some limitations from the SEO extension about the size of the field. If you try to reduce the text it will show fine.

BR,
ThemeBurn team

November 13, 2017 at 12:12 pm #62487

We’ve checked the JS problem:

You’ve inserted CSS in script (javascript) tags, which breaks entire page scripting when the Optimize JS option is enabled:

https://i.imgur.com/24uuqNG.png

Additionally, you will need these attributes to insert custom JS inline and not from the OC controller:

https://i.imgur.com/61B09Um.png

BR,
ThemeBurn team

November 13, 2017 at 12:45 pm #62489

Hi,

We’ve checked the JS problem:

You’ve inserted CSS in script (javascript) tags, which breaks entire page scripting when the Optimize JS option is enabled:

https://i.imgur.com/24uuqNG.png

Additionally, you will need these attributes to insert custom JS inline and not from the OC controller:

https://i.imgur.com/61B09Um.png

BR,
ThemeBurn team

I have enterd this code, afterwards. I was board and wanted to make some changes ;) So it has nothing to do with the original JS problem ;)

Hi,

We’ve also checked your meta description problem:

It seems there are conflicts between the BurnEngine SEO pack extension and third part SEO pack. If you insert your meta description from your Admin > System > Settings the meta description will show. However most likely there are some limitations from the SEO extension about the size of the field. If you try to reduce the text it will show fine.

BR,
ThemeBurn team

I have enterd the optimal text length for SEO, it just crached, after inserting it in the TB SEO field, so I haven’t altered it via TB for my other stores

Hi,

You can add these styles from the Theme CP > Theme Settings > Custom > Custom Stylesheet text field.

BR,
ThemeBurn team

Thanks :)

Futhermore, I would like to add Apple touch Icons, win8 tile etc.

Singlestore is simple, just add the code in header.tpl.
I tried to add it with a HTML in Pagebuilder > Header > HTML . Any suggestions?

BR,
Yves

November 13, 2017 at 7:22 pm #62538
Viewing 14 posts - 1 through 14 (of 14 total)
  • You must be logged in to reply to this topic.