Disable Ajax load

[Alexander VinnikParticipant]

Hello

I need:
– when user click on “try this” keyword it redirects right to search results page;
– when user enters some keyword in search filed and click “Enter” or on “Search icon” it opens a search results page;

How to do this?;

[Ernest MarcinkoKeymaster]

Hi!

2. You can enable that on the General Options -> Behavior panel: https://i.imgur.com/rUaziJ7.png

1. There is no option to redirect the “try this” keywords to the results page, however you can use this code snippet, if you have the option above enabled:

<script>
var _scope = ASP.getScope();
_scope(function($) {
	$("p.asp-try a").click(function(){
		setTimeout(function(){
			var e = $.Event( "keyup", { which: 13 } );
			$("input.orig").trigger(e);
		}, 400);
	});
});
</script>

You can put this in your active themes folder, into the footer.php file, just before the closing body tag.

Best,
Ernest Marcinko
If you like my products, don't forget to rate them on codecanyon :)

[Alexander VinnikParticipant]

Thanks,
How to make it work on mobile version as it works only on desktop version?

[Ernest MarcinkoKeymaster]

Hi!

Maybe try to change the script to:

<script>
var _scope = ASP.getScope();
_scope(function($) {
    $("p.asp-try a").click(function(){
        setTimeout(function(){
            $("div.promagnifier").click();
        }, 400);
    });
});
</script>

Best,
Ernest Marcinko
If you like my products, don't forget to rate them on codecanyon :)

[Alexander VinnikParticipant]

It helped, thanks!
Another question, how to change the font size of “try this” keywords?

[Ernest MarcinkoKeymaster]

You can try a custom CSS code for that, something like:

p.asp-try a {
    font-size: 18px !important;
}

That should do the trick.

Best,
Ernest Marcinko
If you like my products, don't forget to rate them on codecanyon :)

[Alexander VinnikParticipant]

Thank you for fast reply!

[Alexander VinnikParticipant]

Hi

I have a few issues:

1. The script you provided for mobile version:

<script>
var _scope = ASP.getScope();
_scope(function($) {
    $("p.asp-try a").click(function(){
        setTimeout(function(){
            $("div.promagnifier").click();
        }, 400);
    });
});
</script>

does not work properly, when I save my footer.php file and load my webpage it works only for several searches after that it does not work as it should – it does not redirects to search results but make an ajax search instead;

2. Also I need this search results to open in a new page;

[Alexander VinnikParticipant]

BTW actually this one:
“2. Also I need this search results to open in a new page;”

is not needed for now, just need to resolve the 1st issue

[Ernest MarcinkoKeymaster]

Hi,

It’s already a customization workaround, unfortunately I cannot guarantee it’s going to work.

You can try one more thing, maybe lowering the timeout value down to 50, and combining with the previous solution.

First possibility:

<script>
var _scope = ASP.getScope();
_scope(function($) {
    $("p.asp-try a").click(function(){
        setTimeout(function(){
            $("div.promagnifier").click();
            var e = $.Event( "keyup", { which: 13 } );
            $("input.orig").trigger(e);
        }, 50);
    });
});
</script>

Second possibility:

<script>
var _scope = ASP.getScope();
_scope(function($) {
    $("p.asp-try a").click(function(){
        setTimeout(function(){
            $("div.promagnifier").click();
        }, 50);
    });
});
</script>

One of them might work correctly, I’m betting on the first one.

Best,
Ernest Marcinko
If you like my products, don't forget to rate them on codecanyon :)

[Alexander VinnikParticipant]

Unfortunately it does not help:(

[Alexander VinnikParticipant]

if there is no other solutions maybe as an alternate to make this:

only for mobile version (if possible?): when you click on try this keyword it just fills the search input with this keyword and then I can click on search button and it opens a search results

• This reply was modified 8 years, 2 months ago by  Alexander Vinnik.

[Author]

Posts