Flatsome Issue

[mangamaniafirenze_vbzZ]

I need to have inside of the header a configuration like your demo
https://knowledgebase.ajaxsearchpro.com/miscellaneous/tutorials/demo-setup-staff-search-and-filter

the differences are that I only need the search form with two tags select box next to it (Fumetti and Gadget). The search result will be shown while filling the form.

The problem is that no matter what kind of method I use to put the search code inside of the header, only the search form appears. No filters, no result. I tried if custom code and with custome short-code and using the default search bar subsitution. Everything works if the code is inside of the page but it does not inside of the header

thanks

[mangamaniafirenze_vbzZ]

Actually the settings do not even appear using the shortcode inside if a page
[wd_asp elements='search,settings,results' ratio='50%,50%,100%' id=4]

And I already used the reset 4 times after disabling every custom CSS

[mangamaniafirenze_vbzZ]

Deleting the plugin and its preference I found a way to make it works again even if the size of the search-bar does not work inside of the header and the filters do not appear on right side of it.

[Ernest Marcinko]

Hi,

In your specific case something like this could work:

[wd_asp elements='search,settings' ratio='50%,50%' id=4]

Also, in that case make sure the settings are set to visible here and block here: https://i.imgur.com/mMeow1E.png

Then maybe some custom CSS might be needed to set the vertical alignment correctly, depends on how it turns out.

[mangamaniafirenze_vbzZ]

I am sorry I did not answer and I also opened another topic for the same issue.

I did exactly what you wrote but the settings do not show up.
I only get this: <div id=”wpdreams_asp_settings_1″></div>

[mangamaniafirenze_vbzZ]

I tried to change theme and it’s the same but while the page was loading for an instant the settings appeared. There is probably an errore with the JS that loads datas inside of the div

[mangamaniafirenze_vbzZ]

I am sorry to say this but the plugin is really bugged. While trying to change the settings position while waiting for your answer the search bar started to generate bugs over bugs. It vanished and then the hover options did not work at all and other things like this. After this the short did not work at all.

Please answer soon becuase I need to understand if the plugin works or I must change it.

Thanks!

[Ernest Marcinko]

Hi,

When you are using the settings shortcode within the content, the settings will be positioned there – regardless if they are set to a block or a hover position.

– if you want to use the settings as default (hover below the search), then make sure to remove the settings shortcode, and then use these options: https://i.imgur.com/vktaIBn.png
– if you want the settings in a different position as a block, then use the settings shortcode and these settings: https://i.imgur.com/jTLmpQX.png

[mangamaniafirenze_vbzZ]

I do not know why it is so difficult to have answers from you. Maybe my english is too bad.

The plugin DOES NOT WORK. I want the settings on the right side of the serach bar and when I use THE CORRECT setup, the plugin DOES NOT SHOW the settings but only the search bar.

please try by yourself instead of repeat to me how to do it, maybe I am stupid and I do not understand what to do.

Thanks again

[mangamaniafirenze_vbzZ]

Please, I really need to have this fixed, try to answer faster. Please

[Ernest Marcinko]

You are simply missunderstanding me. What I’m trying to say is, if the settings shortcode is used anywhere on the page, that will be the default position for all search bars with the same ID.

If you look at the mobile view, there is the same shortcode rendered with the settings: https://i.imgur.com/Ru2mBkR.png
That is not the same search bar, it’s outputted twice by the theme – one for desktop, one for mobile view.
And because this is rendered before the desktop header, and therefore the settings are placed there as instructed by the shortcode – they can’t be in two separate positions for two separate search bars at the same time when using the settings shortcode.

There is still a chance to do it, without using the settings shortcode. When that shortcode is not used, then all search bars have separate search settings areas below the search bar as default. I replaced the shorcode in the header “html3” block to the normal one. I have also added this custom CSS to trigger a 50/50 layout:

.asp_w_container_1_1 {
    display: flex;
    align-items: center;
    align-content:flex-start;
}

That results in this layout: https://i.imgur.com/O4OwPfE.png

Please note that I am more than happy to help with these customizations, but none of these issues is caused by the plugin, it’s due to the implementation, which is not even part of the support process.

[mangamaniafirenze_vbzZ]

Thanks for tour help at first but.

You say that we can not use different code for desktop, mobile and tablet view???

I see that you are actually using [wd_asp id=1] and only in the desktop view. If I add that code also at the mobile view, the css to trigger a 50/50 layout stop to work amd the shortcode doe snot work as well.

I think it’s a plugin’s problem if I can not use it simultenously on the three different views. Also the code is always the same, it just change the position.

More then this using the css you wrote the serach bar load without the settings and then switch to the 50/50 configuration. It’s terrible.

Maybe your plugin is not compatible with Flatsome theme?

Thanks

[Ernest Marcinko]

You say that we can not use different code for desktop, mobile and tablet view???

You can, of course. If you want you can create as many different search bars with different configurations and use different shortcodes. If your theme supports different blocks for different views, then it’s easy – most themes do support that.

Usually a different shortoce is used for mobile/desktop views if you want a completely different layout. That is super simple to do, most themes do support that.

I would put the [wd_asp id=1] with the custom CSS into the header, then use [wd_asp id=2] in the mobile view, and then you can style them differently as you need.

[mangamaniafirenze_vbzZ]

Ok, I am going to try with 2 different short code for dekstop and mobile version but the things that the serach bar appears at 100% width without the settings and then it changes in 50% 50% with the settings revealed.

Why?

Thanks again

[Ernest Marcinko]

Use this custom CSS to avoid the full width of the items when one is hidden, this will resolve that:

.asp_w_container_1_1 >div {
    max-width: 50%;
}

[Author]

Posts