Vivashop 3.14 Safari Browser Bug

Partners Add-ons & Themes
1

Anyone have a problem with Vivashop missing header, i.e. Logo missing, top menus missing in Vivashop Theme using Safari browser on laptop screen size 15"?

2

I’ve just received a call from a customer saying they couldn’t see the cart icon at the top of the page using Safari on a Mac. Apparently the whole of the top section with the logo, search bar and icons on the right was all missing. Everything was fine when they ordered previously which was before i updated CSC and VivaShop from their previous versions

Did you do anything to fix this?

I’m also on VivaShop v3.14 and CSC 4.17.2.SP1. I dont have a Mac to test this though

3

My site is also affected with this Safari bug, but only on Safari 17. Tested on an iMac Pro and also a Mac Mini. This problem does not occur on Safari 16 on an iMac 21.5 inch.

My subscription with EnergoThemes is not current, so I probably can’t ask them for help. Has anyone been able to figure anything out?
Thanks in advance.
CSC 4.17.2 SP3
VivaShop 3.14

4

We have customer also affected. CSC 4.17.2 SP3
Going to try and repupdate it and see how that goes.

5

I renewed my subscription to Vivashop and submitted a bug report. Here is the answer I received:

We have recreated the issue and found that the latest version of the Safari browser on desktop uses the same User Agent as the iPads. There is currently no way to identify when a desktop device is viewing the site, so the tablet version is displayed.

Until there is a way to differentiate the two, you may enable the Traditional responsive mode as explained in the theme documentation available at the following link: VIVAshop Documentation :: 3.14 :: Settings and customization :: VIVAshop settings

So apparently it’s an Apple problem.

6

That’s interesting. Maybe a fix wont happen until Apple update Safari to 18 then. I’m guessing the User Agent on v16 was something different…

Thanks for sharing your findings

7

Hey, I know it is 1 year old post.

I have previous version of VIVA that still do not have the switch to Traditional responsive mode. Any way to switch to Traditional mode manually? I can not upgrade both CS and Viva to the latest versions right now due to heavy customization, and need temporal workaround.

I found this function in func.php of et-settings Iine 671, then I try to change everything to Desktop it does the job, but browser reload goes in loop reload.

Any suggestion how to fix it?

function et_get_device(){

if (AREA == ‘C’) {
if (!defined(‘ET_DEVICE’)){
if (!class_exists(‘Mobile_Detect’)) {
require(Registry::get(‘config.dir.addons’) . ‘et_vivashop_settings/lib/mobile_detect.php’);
}
$et_device = new Mobile_Detect;

  if ($et_device->isTablet() || $et_device->isiPad() || (stristr($_SERVER['HTTP_USER_AGENT'], 'Intel Mac')!==false && isset($_COOKIE['et_is_real_ipad']) && $_COOKIE['et_is_real_ipad']==1)) {
    fn_define('ET_DEVICE', 'T');

    if (isset($_COOKIE['et_ft_width']) && $_COOKIE['et_ft_width']>1024){
      fn_define('ET_FT_WIDTH',1);
    }else{
      fn_define('ET_FT_WIDTH',0);
    }

  } elseif ($et_device->isMobile()) {
    fn_define('ET_DEVICE', 'M');
  } else {
    fn_define('ET_DEVICE', 'D');
  }
}
$x=fn_constant('ET_DEVICE');

return $x;

}
}

Thanks.

8

You will need to raise a ticket with the theme developer. They never give solutions outside of their own support channel.

1 Like