jorix

Same issue, WP 6.4.2 , plugin Version 1.3.13

Working local here, but I encounter the issue when using the free Kadence Theme in combination with AJAX Search Lite. Easy to replicate though:

1. With Kadence theme installed: Customizer > Header > add search widget to header.
2. In AJAX Search Lite settings, enable “Try to replace default search”

On the frontend, when clicking on the search icon, an overlay will appear with the ASL search box. The first half is clickable and sets the focus. The second half isn’t clickable (except for the button).

@ sunspotswifi How is the FastSpring plugin related to video galleries? It looks like that FastSpring plugin you talk about is about e-commerce, not video galleries.

Thanks for the CSS code. Would be very nice if in a future version the search icon can be customized totally, like bigger size, thicker lines or raplacable with own svg.

Just wondering why you would want to have 100 conditions in the first place? Wouldn’t it be easier and more performant to have an overview page of the 100 cities and then click through to a city detail page? Or check for an AJAX based solution?

• This reply was modified 5 years, 3 months ago by jorix.

[SOLVED] The key to solve this was learning when to ‘echo’ en when to ‘return’ in PHP and using output buffering. The code below goes into functions.php

/* LOAD CUSTOM TEMPLATE PARTIALS WITH SHORTCODE
Insert a template partial by using a shortcode in Elementor’s shortcode widget
——————————————————————————- */
add_shortcode(‘partial’, ‘template_partial’);
function template_partial($atts) {
extract(shortcode_atts(array(
‘dir’ => ‘partials’,
‘name’ => FALSE
), $atts));
if ( $name ) {
ob_start();
get_template_part( $dir . ‘/’ . $name );
return ob_get_clean();
}
}

/* Then in your Elementor editor, add a shortcode widget on your page

[partial name=”NAMEOFYOURPARTIAL” dir=”YOURPARTIALSDIRECTORY”]

e.g. [partial name=”downloads” dir=”parts”]

*/

Right now the header (logo + menu) is fixed. I assume this is a setting made by your theme or page builder. To make the header scroll out of sight as you scroll down the page you could either check if your theme or page builder has an option to unset the position to fixed or you could add the following CSS to override the fixed position and make it relative:

div#page-container.et-animated-content {
	padding-top: 0;
}
.et_fixed_nav #main-header, .et_fixed_nav #top-header {
	position: relative;
}

Here is ONE solution, assuming that you are familiar with a code editor, a little bit PHP and be familiar with WordPress templates. Have a look at Advanced Custom Fields PRO (ACF)(https://www.advancedcustomfields.com). Install and activate the plugin. You will see a new item in the main menu of the CMS called “Custom Fields”

1. CMS > Pages > Create a new page called “Contacts”
2. CMS > Custom Fields > Create a Custom Field Group “Contacts”
3. Inside the new group, you can add following custom field:
– “Contacts” (choose ACF “repeater” field type)

Then, for the ACF repeater field, define following SUB fields:
– Name (a text field)
– Occupation (a text field)
– Company (a text field)
– E-mail (an email field)
– Phone Direct (a text field AND add some instructions like the desired format)
– Phone Mobile (a text field AND add some instructions like the desired format)

Tip : Set the Layout mode to be a “Row” (for most compact UI later on)

4. Assign the ACF custom field group to a page.
5. Save/Update your ACF field (blue button top right of the screen)
6. Back to CMS > Custom Fields > Field Groups > “Contacts”, at “Location” set a rule of when and where the ACF group should be visible, by making a selection from the dropdowns.

E.g. Show this field group if PAGE – IS EQUAL TO – Contacts

7. Create a template for your Contacts page, e.g. “page-contacts.php”
8. CMS > Pages > Contacts > Page attributes > Select the new template so that for the contact page your new template “page-contact.php” will be used
8. Open “page-contacts.php” in your code editor
9. Add the ACF code to display the ACF fields content: SEE the ACF website for which code you need to output ACF fields.

As for vCard format, that’s a matter of checking the microformat specs and applying them to the HTML markup + there are separate plugins available for vCard.

• This reply was modified 6 years, 8 months ago by jorix.