Hello Simon,
Implementing the favorite feature and integrating it with WPML will require the website to be able to add custom code. If it is not possible yet, through Toolset->Settings->Custom Code section, we can add the custom code to the theme's functions.php file. And that's what I used on the test site.
After playing with the website locally last week, I came to the conclusion, that Toolset, currently, is not suited well to implement the favorite feature. Primarily, because we do not have a Javascript API around AJAX calls in Toolset Forms.
The favorite feature, in my opinion, must be implemented in AJAX. But, Toolset Forms does not offer an AJAX API, so we can manipulate the Favorite/Unfavorite forms after the action(form submitted). Even, if we can come up with some workarounds, we'll hit the wall very soon.
If, Instead, we try to build the feature without AJAX, Toolset Forms, do not offer a way to redirect the form to the previous page. We can work around it using the cred_success_redirect hook. But this will create two other issues:
- When coming from an AJAX filtered view, that does not update the URL, we'll get redirected to an unfiltered view.
- If the Favorite/Unfavorite action did not succeed, we'll get an unexpected redirect.
https://toolset.com/documentation/programmer-reference/cred-api/#cred_success_redirect
There is also the requirement of using heart icons, which is not possible, currently, without some custom coding too.
Toolset is a powerful solution to build complex and amazing solutions, I believe it now more than ever, especially after playing around with this use case. But, until we have an AJAX/Javascript API around forms, we should go with a different solution.
On the other hand, I was able to find another plugin that has an easy, but undocumented API, to easily build this use case.
https://wordpress.org/plugins/wp-favorite-posts/#installation
I was able to integrate it with your use of WPML with few lines of custom code, check the theme's functions.php file:
add_action('init', function(){
if (function_exists('wpfp_link')) {
add_action('wpfp_after_add', 'jts_sync_favorite', 10, 1);
add_action('wpfp_after_remove', 'jts_sync_unfavorite', 10, 1);
}
});
function jts_sync_favorite( $post_id ) {
$posts = get_duplicates( $post_id );
foreach( $posts as $land => $post ) {
if ( $post->element_id !== $post_id ) {
remove_action('wpfp_after_add', 'jts_sync_favorite');
wpfp_add_favorite( $post->element_id );
}
}
}
function jts_sync_unfavorite( $post_id ) {
$posts = get_duplicates( $post_id );
foreach( $posts as $land => $post ) {
if ( $post->element_id !== $post_id ) {
remove_action('wpfp_after_remove', 'jts_sync_unfavorite');
wpfp_remove_favorite( $post->element_id );
}
}
}
function get_duplicates( $post_id){
$args = array('element_id' => $post_id, 'element_type' => 'job-ad' );
$info = apply_filters( 'wpml_element_language_details', null, $args );
$post = get_post( $post_id );
$posts = apply_filters( 'wpml_get_element_translations', NULL, $info->trid, 'post_' . $post->post_type );
return $posts;
}
I was also able to use FontAwesome icons for the form easily with the plugin's configuration. Check this screenshot hidden link
The plugin allows putting the form using a shortcode https://wordpress.org/plugins/wp-favorite-posts/#installation
And offers another shortcode to get the list of favorite posts.
[wpfp-link] for the form.
[wp-favorite-posts] for the list of favorites.
You can check how it is working here hidden link
Switch languages from the page's footer language switcher.
Please note, that you will be using the 3rd party plugin and the custom code at your own risk.
