AI Search

Classic Search

Search Phrase:

Search Type:

Advanced search options

Search in Forums:

Search in date period:

Sort Search Results by:

AI Assistant

Notifications

Clear all

[Solved] Changing target HTML # element for comment bubble

✦ Summarize Topic

How-to and Troubleshooting

Last Post by Asti 3 years ago

7 Posts

2 Users

0 Reactions

1,101 Views

RSS

Posts: 24

willGreeny

Topic starter

Translate ▼

Jun 05, 2023 2:20 pm

(@willgreeny)

Eminent Member

Joined: 4 years ago

[#7403]

Hi there,

The comment bubble is great. However, is there a way to make it target a different HTML? For example, the comments are disabled for people that are logged in and a member (I want the comment bubble to scroll to the HTML element above the comments to explain how to sign up and the benefits of it (such as commenting etc.).

Kind regards,

Will

Website URL

https://poemanalysis.com/rudyard-kipling/if/

Topic Tags

6 Replies

Posts: 8211

Asti

Support

Translate ▼

Jun 05, 2023 2:55 pm

(@asti)

Illustrious Member

Joined: 8 years ago

Hi Will,

I'll ask the developers and get back to you once I get a response from them.

In case you want to say thank you! 🙂
We'd really appreciate if you leave a good review on the plugin page.
This is the best way to say thank you to this project and the support team.

1 Reply

Asti

Support

(@asti)

Joined: 8 years ago

Illustrious Member

Posts: 8211

Jun 06, 2023 1:14 pm

Reply to

Asti

Translate ▼

You should overwrite the JS codes that are added for the id="wpd-bubble".

In other words, this can be reached using the JS codes.

In case you want to say thank you! 🙂
We'd really appreciate if you leave a good review on the plugin page.
This is the best way to say thank you to this project and the support team.

Posts: 24

willGreeny

Topic starter

Translate ▼

Jun 07, 2023 9:38 pm

(@willgreeny)

Eminent Member

Joined: 4 years ago

Thank you - can you provide me the way to actually do this?

1 Reply

Asti

Support

(@asti)

Joined: 8 years ago

Illustrious Member

Posts: 8211

Jun 08, 2023 11:44 am

Reply to

willGreeny

Translate ▼

@willgreeny,

You can use this function. If it's necessary you should modify it:

let $= jQuery; 
$('body').on('click', '#wpd-bubble', function(){ let d = $('#poetry-plus-comments'); if( d.length ){ setTimeout( function(){ $('html').scrollTop( (d.offset().top - 100) ) }, 1000 )  } } );

In case you want to say thank you! 🙂
We'd really appreciate if you leave a good review on the plugin page.
This is the best way to say thank you to this project and the support team.

Posts: 24

willGreeny

Topic starter

Translate ▼

Jun 14, 2023 8:45 pm

(@willgreeny)

Eminent Member

Joined: 4 years ago

Hello,

I implemented this on the page, but unfortunately it does not seem to work?

1 Reply

Asti

Support

(@asti)

Joined: 8 years ago

Illustrious Member

Posts: 8211

Jun 16, 2023 12:05 pm

Reply to

willGreeny

Translate ▼

The code should work fine. We've checked it one more time.

Please check out this article: https://www.wpbeginner.com/wp-tutorials/how-to-easily-add-javascript-in-wordpress-pages-or-posts/

In case you want to say thank you! 🙂
We'd really appreciate if you leave a good review on the plugin page.
This is the best way to say thank you to this project and the support team.