Filters/Actions for Posts Widget

Filters/Actions for Posts Widget

#Actions

Actions available for Posts Widget are listed below.The parameters used in the below actions/filters are one of the below-listed options. The detailed description of these parameters is as specified below.

$settings : This is the entire setting array for the particular dragged dropped Post Widget. One can add conditional logic as per the selected options in the settings.
$post_id : This is the single post ID in the loop. This is useful when one wants to fetch post specific data and display it.

uael_posts_before_outer_wrap

Fires at the beginning of the post outer wrap
function summary_wrap_before( $settings ) {
echo '

I am at the beginning of the post outer wrap.

';
}
add_action( 'uael_posts_before_outer_wrap', 'summary_wrap_before', 10, 1 );

uael_posts_after_outer_wrap

Fires at the end of the post outer wrap
function summary_wrap_after( $settings ) {
echo '

I am at the end of the post outer wrap.

';
}
add_action( 'uael_posts_after_outer_wrap', 'summary_wrap_after', 10, 1 );

uael_posts_before_wrap

Fires at the beginning of the post wrap
function post_wrap_before( $settings ) {
echo '

I am at the beginning of the post wrap.

';
}
add_action( 'uael_posts_before_wrap', 'post_wrap_before', 10, 1 );

uael_posts_after_wrap

Fires at the end of the post wrap
function post_wrap_after( $post_id, $settings ) {
echo '

I am at the end of the post wrap.

';
}
add_action( 'uael_posts_after_wrap', 'post_wrap_after', 10, 2 );

uael_single_post_before_wrap

Fires at the beginning of the single post wrap
function single_post_before( $post_id, $settings ) {
echo '

I am at the beginning of the single post wrap.

';
}
add_action( 'uael_single_post_before_wrap', 'single_post_before', 10, 2 );

uael_single_post_after_wrap

Fires at the end of the single post wrap
function single_post_after( $post_id, $settings ) {
echo '

I am at the end of the single post wrap.

';
}
add_action( 'uael_single_post_after_wrap', 'single_post_after', 10, 2 );

uael_single_post_before_inner_wrap

Fires at the beginning of the single post inner wrap
function single_post_inner_before( $post_id, $settings ) {
echo '

I am at the beginning of the single post inner wrap.

';
}
add_action( 'uael_single_post_before_inner_wrap', 'single_post_inner_before', 10, 2 );

uael_single_post_after_inner_wrap

Fires at the end of the single post inner wrap
function single_post_inner_after( $post_id, $settings ) {
echo '

I am at the end of the single post inner wrap.

';
}
add_action( 'uael_single_post_after_inner_wrap', 'single_post_inner_after', 10, 2 );

uael_single_post_before_content_wrap

Fires at the beginning of the single post content wrap
function single_post_content_wrap_before( $post_id, $settings ) {
echo '

I am at the beginning of the single post content wrap.

';
}
add_action( 'uael_single_post_before_content_wrap', 'single_post_content_wrap_before', 10, 2 );

uael_single_post_after_content_wrap

Fires at the end of the single post content wrap
function single_post_content_wrap_after( $post_id, $settings ) {
echo '

I am at the end of the single post content wrap.

';
}
add_action( 'uael_single_post_after_content_wrap', 'single_post_content_wrap_after', 10, 2 );

uael_single_post_before_thumbnail

Fires at the beginning of the post thumbnail
function single_post_thumb_before( $post_id, $settings ) {
echo '

I am at the beginning of the post thumbnail.

';
}
add_action( 'uael_single_post_before_thumbnail', 'single_post_thumb_before', 10, 2 );

uael_single_post_after_thumbnail

Fires at the end of the post thumbnail
function single_post_thumb_after( $post_id, $settings ) {
echo '

I am at the end of the post thumbnail.

';
}
add_action( 'uael_single_post_after_thumbnail', 'single_post_thumb_after', 10, 2 );

uael_single_post_before_meta

Fires at the beginning of the post meta
function single_post_meta_before( $post_id, $settings ) {
echo '

I am at the beginning of the post meta.

';
}
add_action( 'uael_single_post_before_meta', 'single_post_meta_before', 10, 2 );

uael_single_post_after_meta

Fires at the end of the post meta
function single_post_meta_after( $post_id, $settings ) {
echo '

I am at the end of the post meta.

';
}
add_action( 'uael_single_post_after_meta', 'single_post_meta_after', 10, 2 );

uael_single_post_before_terms

Fires at the beginning of the post terms
function single_post_terms_before( $post_id, $settings ) {
echo '

I am at the beginning of the post terms.

';
}
add_action( 'uael_single_post_before_terms', 'single_post_terms_before', 10, 2 );

uael_single_post_after_terms

Fires at the end of the post terms
function single_post_terms_after( $post_id, $settings ) {
echo '

I am at the end of the post terms.

';
}
add_action( 'uael_single_post_after_terms', 'single_post_terms_after', 10, 2 );

uael_single_post_before_comments

Fires at the beginning of the post comments
function single_post_comment_before( $post_id, $settings ) {
echo '

I am at the beginning of the post comments.

';
}
add_action( 'uael_single_post_before_comments', 'single_post_comment_before', 10, 2 );

uael_single_post_after_comments

Fires at the end of the post comments
function single_post_comment_after( $post_id, $settings ) {
echo '

I am at the end of the post comments.

';
}
add_action( 'uael_single_post_after_comments', 'single_post_comment_after', 10, 2 );

uael_single_post_before_date

Fires at the beginning of the post date
function single_post_date_before( $post_id, $settings ) {
echo '

I am at the beginning of the post date.

';
}
add_action( 'uael_single_post_before_date', 'single_post_date_before', 10, 2 );

uael_single_post_after_date

Fires at the end of the post date
function single_post_date_after( $post_id, $settings ) {
echo '

I am at the end of the post date.

';
}
add_action( 'uael_single_post_after_date', 'single_post_date_after', 10, 2 );

uael_single_post_before_author

Fires at the beginning of the post author
function single_post_author_before( $post_id, $settings ) {
echo '

I am at the beginning of the post author.

';
}
add_action( 'uael_single_post_before_author', 'single_post_author_before', 10, 2 );

uael_single_post_after_author

Fires at the end of the post author
function single_post_author_after( $post_id, $settings ) {
echo '

I am at the end of the post author.

';
}
add_action( 'uael_single_post_after_author', 'single_post_author_after', 10, 2 );

uael_single_post_before_title

Fires at the beginning of the post title
function title_before( $post_id, $settings ) {
echo '

I am at the beginning of the post title.

';
}
add_action( 'uael_single_post_before_title', 'title_before', 10, 2 );

uael_single_post_after_title

Fires at the end of the post title
function title_after( $post_id, $settings ) {
echo '

I am at the end of the post title.

';
}
add_action( 'uael_single_post_after_title', 'title_after', 10, 2 );

uael_single_post_before_excerpt

Fires at the beginning of the post excerpt
function excerpt_before( $post_id, $settings ) {
echo '

I am at the beginning of the post excerpt.

';
}
add_action( 'uael_single_post_before_excerpt', 'excerpt_before', 10, 2 );

uael_single_post_after_excerpt

Fires at the end of the post excerpt
function excerpt_after( $post_id, $settings ) {
echo '

I am at the end of the post excerpt.

';
}
add_action( 'uael_single_post_after_excerpt', 'excerpt_after', 10, 2 );

uael_single_post_before_cta

Fires at the beginning of the post cta
function cta_before( $post_id, $settings ) {
echo '

I am at the beginning of the post cta.

';
}
add_action( 'uael_single_post_before_cta', 'cta_before', 10, 2 );

uael_single_post_after_cta

Fires at the end of the post cta
function cta_after( $post_id, $settings ) {
echo '

I am at the end of the post cta.

';
}
add_action( 'uael_single_post_after_cta', 'cta_after', 10, 2 );

#Filters

Filters available for Posts Widget are listed below.The parameters used in the below filters are one of the below-listed options. The detailed description of these parameters is as specified below.

$settings : This is the entire setting array for the particular dragged dropped Post Widget. One can add conditional logic as per the selected options in the settings.
$post_id : This is the single post ID in the loop. This is useful when one wants to fetch post specific data and display it.
$query : The WP_Query object.
$classes : The array of classes.
$date_format : This is the date format in terms of 「F j, Y」

Helps modify Query Arguments.

add_filter( 'uael_posts_query_args', function( $query, $settings ) {
// Modify the query here
return $query;
}, 10, 2 );

Helps to add extra classes to Post Wrapper.

add_filter( 'uael_wrapper_classes', function( $classes ) {
// Modify the classes array here.
array_push( $classes, 'my-new-class' );
return $classes;
} );

Helps to add extra classes to Post outer Wrapper.

add_filter( 'uael_outer_wrapper_classes', function( $classes ) {
// Modify the classes array here.
array_push( $classes, 'my-new-class123' );
return $classes;
} );

Helps modify Post Permalink.

add_filter( 'uael_single_post_link', function( $link, $post_id, $settings ) {
// Modify the link here
$link .= '&utm_campaign=post_grid';
return $link;
}, 10, 3 );

Helps modify Post Date Format.

add_filter( 'uael_post_the_date_format', function( $date, $post_id, $date_format ) {
// Modify the date here
return $date;
}, 10, 3 );

Helps modify Post Meta Sequence.

add_filter( 'uael_post_meta_sequence', function( $sequence ) {
// Modify the date here
// The below array is the actual sequence, you can swap the elements to have the desired sequence for meta
return array( 'author', 'date', 'comments', 'cat', 'tag' );
});

Helps Linking/Unlinking the taxonomy badge.

add_filter( 'uael_link_taxomony_badge', function( $value ) {
// Set the value to "yes" to link the Taxonomy badge.
// Set the value to "no" to unlink the Taxonomy badge.
$value = 'yes';
return $value;
} );

Helps modify Filterable Tabs.

add_filter( 'uael_posts_filterable_tabs', function( $filters, $settings ) {
// Modify the array here.
return $filters;
}, 10, 2 );

Helps modify the terms of Taxonomy Badge.

add_filter( 'uael_posts_tax_filter', function( $terms ) {
// Modify the array here.
return $terms;
}, 10, 2 );

Helps modify the post date in the event skin.

add_filter( 'uael_post_event_date', function( $date, $post_id, $date_format ) {
// Modify the date here
return $date;
}, 10, 3 );

Helps modify the post category meta.

add_filter( 'uael_posts_meta_category', function( $terms, $settings ){ // Modify the terms here return $terms;}, 10, 2);

Helps modify the offset top for AJAX pagination.

add_filter( 'uael_post_offset_top', function( $offset_top ){ // Modify the offset top here return $offset_top;}, 10, 2);

Unable to see WP Fluent Forms Styler Widget in UAE?

Unable to see WP Fluent Forms Styler Widget in UAE?

Please make sure the following things are present on your website setup –

Step 1: You have installed the Ultimate Addons for Elementor version 1.26.0 or higher.

Step 2: You have installed & activated the WP Fluent Forms plugin. You can find it in under WordPress Dashboard > Plugins > Installed Plugins

Step 3: WP Fluent Forms Styler widget is enabled in UAE Widget settings. You will be able to find this option under Dashboard > Settings > UAE > Widgets

WP Fluent Forms Styler Widget

WP Fluent Forms Styler Widget

The Ultimate Addons for Elementor v1.26.0 introduces the WP Fluent Forms Styler widget for the Elementor family with lots of styling options and will help you display your Fluent Forms matching the design of your website.

Key Features –

Input field stylingCustom WP Form』s Title and Description to the formEasy & 100% customization for Radio & CheckboxDifferent styles for Error and Success messagesStar Rating / Section break / Fields Spacing Styling options and Typography

This Fluent Forms Styler widget brings a lot of options to make changes and enhance the fluent form with the above features.

Let』s see them in brief –

Custom Fluent Forms Title & Description

The styler widget allows you to with an option to add a custom Title & Description. Let』s say you need to make some changes in the Title or Description of the form and don』t want to go back to the Dashboard, so this option would allow you making this small changes right from the widget.

Input Fields Styling

One of the required features in any Forms Styler widget is the ability to style the Input Fields as per your needs and to match them as per your website』s styling. You would be able to achieve the same with all the styling options provided.

Fully Customizable Radio & Checkbox

Yes, we do love how our Radio and Checkboxes look as users spend some time making a choice on them. So we do need to keep them nice using the options to override the default styling from the Content tab > Radio & Checkbox section.

Style the Success & Error Messages

After setting up your required Success & Error messages, you would find some default styling to modify them we have provided the styling options from the Content tab > Success / Error message section.

Star Rating / Section Break / Button Styling options

Each of them has a separate section to style them as per your requirement. Button section includes the option to modify the Submit and Navigation button styling and for any other secondary button.

Go ahead and give your Fluent Forms a makeover! Update to the version 1.26.0 or the latest version of UAE to find this widget.

How to get Google Places API key?

How to get Google Places API key?

Google Places API key allows connecting your project to the website. With the help of this, one can fetch Google reviews for your business. To display Google reviews with Business Reviews widget, the first thing you would need to set is the Google Places API key.

Google Maps Platform have detailed article about how to get API key. But below are quick and required steps to get API key –

Step 1 – Go to your Google API Console

Step 2 – From the 『Select a Project』 drop-down menu, select or create the project.

Step 3 – On the project page click 『ENABLE APIS AND SERVICES『

Step 4 – Type 『Places API『 in the search area. Select the 『Places API『 from search results and click the 『ENABLE『 button

Step 5 – On the 『Places API』 page select 『Credential『 tab and 『Create credential『 / 『API key『 option

Step 6 – Copy the created API key. Now, from the WordPress dashboard, visit Settings > UAE > Business Reviews > Settings, and paste the key under the Google Places API Key section.

Note: Google has now made it mandatory to have an active billing account associated with your API key. Click here to enable billing.

Unable to Style Checkbox / Radio Buttons / Acceptance Control using Contact Form 7 Styler of UAE

Unable to Style Checkbox / Radio Buttons / Acceptance Control using Contact Form 7 Styler of UAE

The Contact Form 7 Styler of the Ultimate Addons for Elementor allows you to style the radio buttons, checkboxes and acceptance too. Here is an article you can refer to.

In case you are unable to style them, here are a few things you need to check.

1. Make sure that our checkbox/radio field has 「use_label_element」 tag in Contact Form 7 source code.

2. Please check that your checkbox / radio field should not have 「label_first」 tag in Contact Form 7 source code.

3. Please make sure your acceptance field has condition statement in Contact Form 7 source code.

Styling Checkbox / Radio / Acceptance control in Contact Form 7 Styler of UAE

Styling Checkbox / Radio / Acceptance control in Contact Form 7 Styler of UAE

Have you ever wanted to style the checkboxes, radio buttons of the acceptance control in a Contact Form 7? This is made possible with the Contact Form 7 Styler widget of the Ultimate Addons for Elementor!

Before we move on to the styling, please make sure you can see the Contact Form 7 Styler widget in the widget list. If not, refer to the article here.

You can style these controls by following the steps mentioned below.

Go to the Content panel of the Contact Form 7 Styler -> Click on the Radio & Checkbox tab -> Enable the Override Current Style Option. You can then make changes as per your requirements.

Not able to style these fields? Here are some troubleshooting tips.

How to Enable / Disable Widgets in UAE to Reduce Server Requests?

How to Enable / Disable Widgets in UAE to Reduce Server Requests?

In the Ultimate Addons for Elementor, we』ve added a functionality that allows you to enable/disable UAE widgets as per your choice.

This feature allows you to disable widgets that you are not using on the website. It also reduces the server requests for the, particularly disabled widgets.

Let us take a quick look at how this can be done:

Go to Settings -> UAE -> Widgets

You can then enable or disable all the widgets or manage them individually as seen in the screenshot below.

Note: All the widgets that you disable from this page will not appear within the Elementor』s widget list that you see while editing a page.

Unable to see the Gravity Form Styler Widget of the Ultimate Addons for Elementor?

Unable to see the Gravity Form Styler Widget of the Ultimate Addons for Elementor?

There are various reasons due to which you aren』t able to see the Gravity Form Styler widget.

Please check for the following conditions:

1. Make sure that you have the Ultimate Addons for Elementor version 1.1.0 or later installed on your website.

2. Check whether you have installed and activated the Gravity Form plugin.

3. Check whether you have enabled the Gravity Form Styler widget under the Ultimate Addons for Elementor widgets.

In case all of these are right and you still aren』t able to see the widget, please open up a ticket at our support center. We』ll be glad to help!