"Browsers back button" (#1862646) / ClaPat Studio

Sergio started the conversation

January 21, 2019 at 10:54am

Hello, this is very important to me. It is a request of my customer.

I'm Ajax Loading disabled and the go to back button in every browser go to balck screen. If the page is reloaded then show the content but if I'm in a page and click browser back button (almost all users done) I've a back screen.

Please, some solution for this. Tnak you very much.

Sergio replied

January 21, 2019 at 11:17am

I've notticed that if I enable Smooth Scroll or preloader image, tha browser back button works.

Sorry, in Iphone (safari) not working. In descktop wrowsers whit preloader image works but not in Ipad, Iphone, Android... Any help, please. Thanks

Sergio replied

January 21, 2019 at 12:34pm

I've detected that not work in Safari mobile browsers. Working in descktop and android with preloader image enabled in theme options but I need to solve the Safari issue. Maybe any jquery function? Thanks again and apologies for all messages but this is important.

BR!

1,823

Support replied

January 21, 2019 at 10:46pm

Hi Sergio,

is this ticket about Clapat Masonry Blog theme?

If no what is the site url?

The problem is that with Ajax Loading disabled if you go with back button in Safari mobile browser it will show a black screen?

Thank you.

Clapat Support

https://www.clapat.com/

Review Envato Item Support Policy

Sergio replied

January 22, 2019 at 8:51am

Hello, sorry. The theme is Tetriz wordpress and yes.

And yes, the problem is that with Ajax Loading disabled if you go with back button in Safari mobile browser it will show a black screen.

Thank you

1,823

Support replied

January 22, 2019 at 4:22pm

Sergio, plz add

$(window).bind("pageshow", function(event) {
if (event.originalEvent.persisted) {
window.location.reload();
}
});

in /js/scripts.js line 15 so that the code would look like

if( typeof ClapatTetrizThemeOptions != 'undefined' ){

if( ClapatTetrizThemeOptions.enable_ajax == "1" ){

  AjaxLoad();
}
else {
  $(window).bind("pageshow", function(event) {
if (event.originalEvent.persisted) {
  window.location.reload();
}
});
}
}

hard refresh the page after you are done and you test it

Thank you.

Clapat Support

https://www.clapat.com/

Review Envato Item Support Policy

Sergio replied

January 22, 2019 at 4:25pm

Sorry, Ok, I'll try it

Sergio replied

January 22, 2019 at 4:43pm

But my code is this: please, can you be more specific? Where I insert the code? Thank you very much

$(document).ready(function() {

       "use strict";

       FirstLoad();
       HeroSection();
       if( typeof ClapatTetrizThemeOptions != 'undefined' ){

               if( ClapatTetrizThemeOptions.enable_ajax == "1" ){

                   AjaxLoad();
               }
       }
       HideShowHeader();
       MasonryPortfolio();
       VirtualScr();
       PageProgress();
       FooterAppear();
       Sliders();
       Lightbox();
       AppearIteam();
       BackToTop();
       CollagePlus();
       PlayVideo();
       InitContactMap();

   });

   $(window).on("load", function() {
       LazyLoad();
   });

1,823

Support replied

January 22, 2019 at 4:45pm

In your code, replace

if( typeof ClapatTetrizThemeOptions != 'undefined' ){

               if( ClapatTetrizThemeOptions.enable_ajax == "1" ){

                   AjaxLoad();
               }
       }

with

if( typeof ClapatTetrizThemeOptions != 'undefined' ){

if( ClapatTetrizThemeOptions.enable_ajax == "1" ){

AjaxLoad();
}
else {
$(window).bind("pageshow", function(event) {
if (event.originalEvent.persisted) {
window.location.reload();
}
});
}
}

Thank you.

Clapat Support

https://www.clapat.com/

Review Envato Item Support Policy

Sergio replied

January 22, 2019 at 7:46pm

Working! Thank you very much! project finished! 5 stars in ThemeForest. I hope work with you and your themes again.

BR!