No search results were found in Documentation!
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
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
Hi,
Unfortunately there is no option in our theme to add pinit or save buttons for all images that are in website, sorry. You’ll need to find a plugin for this.
Our theme has social share only for articles -> https://forum.tagdiv.com/design-post-pages-using-default-templates/
Thank you!
How to add pinit or Save button on all images of post ?
When someone try to pin it needs to pin image and post details.
Also anyway to add multiple social share buttons on images ?
I would like to add the pinterest hover share button for images to the mobile theme. The code is: <script async defer data-pin-hover=”true” data-pin-tall=”true” data-pin-round=”true” src=”//assets.pinterest.com/js/pinit.js”></script>
I’ve tried to put the code in the custom java-script section of the mobile plugin but it doesn’t work. What is the problem?
Greetings Kathrin
<div>a class=”PIN_1562159250669_button_pin PIN_1562159250669_save” href=”https://www.pinterest.com/pin/create/button/?guid=VaW1_Y9scY_2-1&url=https” data-pin-log=”button_pinit” data-pin-href=”https://www.pinterest.com/pin/create/button/?guid=VaW1_Y9scY_2-1&url=https&description=”>Save</a</div>
sorry something went wrong. Here is the code
yes and for new update: https://forum.tagdiv.com/topic/pinterest-share-icon-change-pinit-js-problem/
thanks, good day
when I adding this code :
<script async defer src="//assets.pinterest.com/js/pinit.js"></script>
result: 
I would like to add a pinterest board per article, what can I do?
Hello, how are you. I have a question for you guys:
Since I installed Pinterest button on image hover (<script async defer data-pin-hover=”true” src=”//assets.pinterest.com/js/pinit.js”></script>), the Pinterest Social Sharing Button of my posts changed a little bit (http://www.screencast.com/t/cmhajwXfmhI).
Here’s an example: http://www.topensandoemviajar.com/2018/01/22/safari-no-kruger-park-dicas-economizar/
Is there a way to keep the style of the buttons as the other sharing buttons and still keep the pin it button on image hover?!
thanks a lot for your help!
Hi,
From what I can see this is caused by a “Pin it” button that tries to display on the images. It’s CSS is conflicting with the theme. Try a code like this in Theme panel->Custom CSS and it should resolve the problem
– https://www.screencast.com/t/tztUl36NB
.td-gallery div.sw-pinit {
position: static!important;
opacity: 1!important;
}
Thanks
Hi Bogdan,
Thank you.
I found this on the official Pinterest website, where do I copy the code in the theme so I can use their hover button on my pictures on the page of my choice?
I pasted this in the CSS of the page but it comes with 15 errors.
Copy and paste this code into your page where you want your add-on to appear:
<script async defer data-pin-hover=”true” data-pin-tall=”true” src=”//assets.pinterest.com/js/pinit.js”></script>
Thanks a lot for your help.
Stefan
The built-in Pinterest sharing button is overridden by the tiny default Pinterest button when the Pinterest code below is embedded anywhere on the site (that is visible, such as the sidebar):
Visit my Site on Pinterest.
<!– Please call pinit.js only once per page –>
<script type=”text/javascript” async src=”//assets.pinterest.com/js/pinit.js”></script>
I’ve seen this post, but I’m not sure is that resolved?
Can you recommend best way/plugin to add pin it to post images?
We use Pinterest on all of our post images – we get a lot of interaction and shares with them but one thing I have noticed is that when the p.src = '//assets.pinterest.com/js/pinit.js'; file loads on our page, it’s changing the pin button that comes with the theme (and looks great!) with the same Pinit button that gets used for our images.
Is there a way to get around this or is it something we’ll have to live with?
This is what the button looks like if I don’t include the pinit.js file in the footer…
And this is what the button looks like when the script is included and adds a pinit button to our images via jQuery…
Thanks, James
Right
if you look at the Feed in Chrome, and view source you can see you have a bad plugin inserted code into the RSS feed — which is managed by WordPress *not* the theme.
e.g., obviously if you look at line 1 the javascript should not be there.
<script type="text/javascript" async defer data-pin-color="red" data-pin-hover="true" src="http://livinator.com/wp-content/plugins/pinterest-pin-it-button-on-image-hover-and-post/js/pinit.js"></script>
So, likely you should disable that bad-behaving plugin:
pinterest-pin-it-button-on-image-hover-and-post
View source in Chrome lets you see the “actual” code being served, which is super useful with weird stuff like this ! 🙂
Hope that helped!
Chris
Hi, all!
I wanted to add the hover “Pint it” button to all my images in my posts. I hava found a simple script to do the task, but the thing is I have to copy it in each post. So I was wondering were I can include this script ir order to automatically insert this hover button in all my posts images.
Code:
<script type="text/javascript" async data-pin-color="white" data-pin-height="28" data-pin-hover="true" src="//assets.pinterest.com/js/pinit.js"></script>;
Thanks in advance
Hi,
Add this code:
$image = wp_get_attachment_image_src( get_post_thumbnail_id( $this->post->ID ), 'single-post-thumbnail' );
$buffy .= '<li class="td-social-pinterest">';
$buffy .= '<script type="text/javascript" src="http://assets.pinterest.com/js/pinit.js"></script><a href="http://pinterest.com/pin/create/button/?url=' . $this->href . '&media=' . (!empty($image[0]) ? $image[0] : '') . '" class="pin-it-button" ><img border="0" src="http://assets.pinterest.com/images/PinExt.png" title="Pin It" alt="" /></a>';
$buffy .= '</li>'; to td_module_blog.php file like this: http://screencast.com/t/Iry8xWEQ
Result: http://screencast.com/t/Ek7jSFsa
Thanks
Very nice with a support forum, great!
How do I remove the Google+ and PinIt icons from the social share icons?
Is it possible to put social share icons under each post title on the homepage/blog-feed? So you can share the post without navigate in to it.
Is it possible to link the comments counter icon to the plugin “facebook comments”?
