gVectors Team

Professional WordPress Plugins and Services. wpDiscuz, WooDiscuz, Advanced Post Pagination

Forums
wpDiscuz Addons Sup...
wpDiscuz Official A...
wpDiscuz Comment Au...
Author Info Popup n...
 
Notifications
Clear all

[Solved] Author Info Popup needed on Author Name as well as Author Image Link

 
wpDiscuz Comment Author Info
6 Posts
3 Users
0 Reactions
1,182 Views
RSS
Posts: 17
 Om Swami Meditations
Customer
Topic starter
Dec 29, 2020 1:35 am
(@om-swami-meditations)
Member
Joined: 4 years ago

Dear Wp Discuz Team - Thanks for the wonderful plugin & add-ons that you have built. They are well written & very fast which is great. I had a question around "Comment Author Info" add-on.

As shown on this demo - https://addons.wpdiscuz.com/wpdiscuz-comment-author-info/. The add-on adds different type of links on Author's Avatar Image & Name. Author's Avatar Image is a link the the Author's page while Author's Name is the popup provided by Comment Author Info Add-on.

We want both the Author's Avatar Image & Name to launch the Comment Author Info Add-on. That way if the user really needs more details on the Author, they can click on Author's name but the behavior on both avatar image click & name click should be same/consistent IMHO.

Kindly let me know, how this can be achieved.

Regards

5 Replies
Elvina
Posts: 1403
 Elvina
Dec 29, 2020 3:23 pm
(@elvina)
Support
Joined: 5 years ago

Hi @om-swami-meditations,

Please follow the steps below to make it work as you want:

1. Put the following JS code in the current active theme JS file:

jQuery(document).ready(function ($) {
   $('.wpd-comment-author').addClass('wcai-short-info wcai-not-clicked');
      if (typeof wpdiscuzAjaxObj !== 'undefined') {
         wpdiscuzAjaxObj.addClassOnAuthorName = function () {
         $('.wpd-comment-author').addClass('wcai-short-info wcai-not-clicked');
     };
   }
});

Here is a good example on how to add JS code:  https://www.wpbeginner.com/wp-tutorials/how-to-easily-add-javascript-in-wordpress-pages-or-posts/

2. Put the following hook in the current active functions.php file:

add_filter("wpdiscuz_ajax_callbacks", function ($response) {
   $response["callbackFunctions"][] = "addClassOnAuthorName";
   return $response;
});

3. Save, delete all caches, and check again.

Posts: 17
 Om Swami Meditations
Customer
Topic starter
Dec 30, 2020 7:59 am
(@om-swami-meditations)
Member
Joined: 4 years ago

Thank you @Elvina for the suggestions. I tried the steps as you suggested but it did not work the way I was expecting. Few things that I noticed are:

  1. The code is adding a class to wpd-comment-author class, while I wanted to modify the avatar behavior. It seems like the code is modifying comment author behavior.
  2. The hook also seems to be adding class to Author Name & Author Avatar.

Just to repeat my question, Comment Author name link is launching the "Comment Author Info" popup & that is the correct behavior. I don't want to make any change to that behavior.

But Comment Author Avatar is a hyperlink to Author's Page. This is the behavior, I want to change where clicking on Comment Author Avatar should also launch "Comment Author Info" popup. Can you please recheck & confirm the solution?

Regards

Posts: 17
 Om Swami Meditations
Customer
Topic starter
Jan 15, 2021 10:29 pm
(@om-swami-meditations)
Member
Joined: 4 years ago

Hi @Elvina - Do you have an update on this ticket?

1 Reply
Astghik
 Astghik
Admin
(@astgh)
Joined: 7 years ago

Illustrious Member
Posts: 6149
Astghik - Facebook Astghik - X.com
Jan 16, 2021 12:42 pm
Reply toOm Swami Meditations

@om-swami-meditations,

I apologize for the late response. Please follow the steps below:

1. Remove the code from the functions.php file. It's not necessary. 

2. Replace the js code provided by Elvina with the following one:

jQuery(document).ready(function ($) {
   $(document).on('click', '.wcai-short-info', function (e) {
      e.preventDefault();
      var elem = $(this);
      elem.removeClass('wcai-not-clicked');
      var attrId = elem.parents('.wpd-comment-left').siblings('.wpd-comment-right').attr('id');
      var commentId = attrId.substring(attrId.lastIndexOf('-') + 1);
      var data = new FormData();
      data.append('commentId', commentId);
      data.append('action', 'wcaiGetInfo');
      wpdiscuzAjaxObj.getAjaxObj(true, true, data).done(function (resp) {
         elem.addClass('wcai-not-clicked');
         if (resp) {
            $('#wcaiInfo').html(resp);
            $('#wcaiInfo ul.wcai-list .wcai-list-item:first-child').addClass('wcai-active');
            $('#wcaiInfo div.wcai-content .wcai-content-item:first-child').addClass('wcai-active');            if (!($('#wcaiInfo').is(':visible'))) {
               $('#wcaiInfoAnchor').trigger('click');
            }
         }
         $('#wpdiscuz-loading-bar').hide();
      });
      return false;
   });
});
Posts: 17
 Om Swami Meditations
Customer
Topic starter
Jan 28, 2021 3:48 am
(@om-swami-meditations)
Member
Joined: 4 years ago

Thank you very much. This worked.

Forum Jump:
  Previous Topic
Next Topic  
Share:
Scroll to top