Notifications

Clear all

Limited Support

Our team is currently on holiday, so support will be limited during this period. Response times may be slower than usual, and some inquiries may be delayed. We appreciate your patience and understanding, and we’ll resume our usual support by the end of August.

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

wpDiscuz Comment Author Info

Last Post by Om Swami Meditations 5 years ago

6 Posts

3 Users

0 Reactions

1,576 Views

RSS

Posts: 17

Om Swami Meditations

Customer

Topic starter

Dec 29, 2020 1:35 am

(@om-swami-meditations)

Member

Joined: 5 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: 5 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: 5 years ago

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

1 Reply

Astghik

Admin

(@astgh)

Joined: 8 years ago

Illustrious Member

Posts: 6450

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