ASP Settings Box Display

[Alex Meda]

Hi,
I want to set–up one of my asp instances to be displayed by default on mobile phone. I think that I did what is required but it’s not working yet. Please have a click on the following links to understand more my request.
watch the set-up of the plugin (The search instance id=22)
See the results

[Alex Meda]

Now this is how it looks like on mobile phone

[Ernest Marcinko]

Hi,

Thanks for the details. From the front-end source, I am seeing search instance ID=19 on the mobile view, but it does not have the settings box visible by default.
On your video you are editing I think ID=22, which is not the same search bar. Make sure to check the search with the shortcode ID=19 to enable those options: https://i.imgur.com/4INeDGQ.png

[Alex Meda]

Hi,
I am afraid that I haven’t been clear enough so that you could fine the right url. Search instance 19 as you pointed out to me is on the landing page but the one I am talking about (Search instance 22 for mobile phone) is on the following page.

On this page there are 2 search instances.

search instance 22 and 24. The first one is only displayed on phone and tablet and the second is only displayed on computer. I hope you understand better!

[Ernest Marcinko]

Is there any custom code anywhere used with the search bars?

If not, can you please check if this option is disabled: https://i.imgur.com/0alNls6.png

[Alex Meda]

You cannot access this content.

[Ernest Marcinko]

Thanks! Line 1009 actually hides the settings box on page load, if the vieport width is below 1025px, and it does that for each search bar: https://i.imgur.com/SoQBsJz.png
I’m not sure what exactly the next section does, as it emulates a double click on the settings toggle, whenever the input is focused. It is probably still line 1009 though.

[Alex Meda]

Ok I understand better. I think this code was written by one of my developers with your tech support along. But I only want search instance id_19, 23 & 8 to display settings box as soon as user starts typing. The only exception for now, is to get search instance id=22 to be displayed by default on mobile phone.
How do we do it ?

[Ernest Marcinko]

Well, you can try changing that line, to something like:

jQuery('.asp_s').not('.asp_s_22').css('display', 'none');

..but for the customization changes, please consult with your developer as well.

[Alex Meda]

Ok thank you for the details, I will let you know how it goes. Please allow me to ask you 2 quick questions knowing that ASP is a pretty heavy plugin, my developer indeed, has been working hardly on the optimization of the website and yet the results barely reach my expectations so here are my questions:

1-) Do you think that having many search instances could slow down the website? ( most of the search instances are there for test purpose so they are not in use on front end)

2-) Is there any optimization options that I should know about ASP ?

Thank you!

[Ernest Marcinko]

Hi,

1 & 2. No, it should be all right. At cetain number of search instances, the plugin switches to a anyhcronous CSS loader feature – to only load the assets for search instances on the actual page. This is a very handy feature, and can be excplicitly enabled here: https://i.imgur.com/KoWlbpS.png
Also, you can use conditional asset loading: https://i.imgur.com/b3KTL0O.png
That allows completely including/excluding every asset of the plugin on selected pages only. With these tools you can fully control the asset loading. I recommend leaving all the other options on the compatibility options menu as they are by default.

[Author]

Posts