Pinterst Hover Button

Posted in: Newspaper
Post count: 361

Dear TagDiv-Team,

I had installed the Pin It Button On Image Hover And In Post Plugin, it worked fine until the last two updates. Now just the pinit-button in the end of the theme looks a little bit different but the hover function disappeared. Can you please tell if you are using something like “data-pin-no-hover” in the mobile and desktop theme so that the hover function of the plugin is locked. If yes, where I can find it or do you have another solution to get the hover-button working?

Greetings Kathrin

Post count: 35449

Hi,
Using the options from our theme all share buttons has an hover effect -> https://i.imgur.com/y6NfjiD.png this can be different if you are using some special sharing for Pinterest, then it can be adjusted only with css.
Thank you!

Post count: 361

Dear Calin, I know that the Newspaper Theme Social Share Buttons use the Hover Effect, the problem is that the Pinterest Hover Button on all images in the blog post is blocked by the theme! When I checked the source code in the browser I could see that the hover button is loaded but it isn’t shown on the images. The last time I tried following code:

2
3
4
5
6

(function($){
"use strict";
$(window).load(function(){
$(".thumbnail-container img").removeAttr("data-pin-no-hover");
});
})(jQuery);

But unfortunately that doesn’t work anymore… So what can I do to get the Pinterest Hover Button on the images work again?

Greetings Kathrin

Post count: 361

So I got the Pinterest Button working again on the Desktop Theme after embedding it as a widget from design –> widget –> individual html but this doesn’t work for the mobile theme. What should I do to get that code working in the mobile theme:

script async defer data-pin-hover="true" data-pin-round="true" src="//assets.pinterest.com/js/pinit.js"> script

Greetings Kathrin

Post count: 35449

Hi,
I see that now you managed to make the Pinterest to work on mobile too -> https://i.imgur.com/dsnBnVj.png
Thank you!

Post count: 361

Yes 🙂

Post count: 78

Hi Topfgartenwelt!

How did you manage to get it working on mobile too? The theme is blocking images to be pinnable for pinterest…

Thank you und schöne Feiertage,
Carolin

  • This reply was modified 5 years by Larane.
Post count: 361

@Larane I took the code which is offered from Pinterest itself and put in a html under design –> widget –> individual html. In the theme I integrated a widget-sidebar in the footer and that worked.

I hope that helps.

Unfortunately it stopped working again on the mobile theme after the update…

Greetings Kathrin

Post count: 361

@Calin I saw that the pinterest button stopped working again on the mobile version. I had implemented it in the footer –> widget sidebar edited in design-widgets-individuel html. What is causing this problem again and again?

Greetings Kathrin

Post count: 35449

Hi Topfgartenwelt, normal if there were no theme update theme, plugins, WP updates, then it should work.
I see that right now you remove it from your mobile.
Thank you!

Post count: 361

I didn’t remove Pinterest from the mobile theme, it stopped working after the last update and I don’t know why? I need the Pinterest Hover Buttons for my Blog. So how can I get it work?

Greetings Kathrin

Post count: 361

@larane It seems to be working for the mobile version, when you but pinterest hover code in the custom html section of the mobile theme. It’s a little bit strange but it doesn’t work if you put in the javascript section.

Greetings Kathrin

Post count: 35449

Hi, as I can see there is a stronger css that is apply over the one that you want to use https://i.imgur.com/eDPHkuN.png now both seems to be from the same code that you are using for Pinterst Button.
Thanks

Post count: 78

@Topfgartenwelt Thank you!

Post count: 361

@larane You’re welcome

Viewing 15 posts - 1 through 15 (of 15 total)
The forum ‘Newspaper’ is closed to new topics and replies.