Notifications

Clear all

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

wpDiscuz Comment Author Info

Last Post by Om Swami Meditations 4 years ago

6 Posts

3 Users

0 Reactions

1,446 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

Posts: 1403

Elvina

Dec 29, 2020 3:23 pm

(@elvina)

Support

Joined: 6 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:

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.
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

Admin

(@astgh)

Joined: 7 years ago

Illustrious Member

Posts: 6305

Jan 16, 2021 12:42 pm

Reply to

Om 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;
   });
});