More in this section
Forums / Developing with Sitefinity / Adding Pinterest button on blog images

Adding Pinterest button on blog images

The forums are in read-only mode. In case that you want to directly contact the Progress Sitefinity team use the support center. In our Google Plus group you can find more than one thousand Sitefinity developers discussing different topics. For the Stack Overflow threads don’t forget to use the “Sitefinity” tag.
5 posts, 1 answered
  1. Davinder
    Davinder avatar
    3 posts
    Registered:
    22 Feb 2016
    06 May 2016
    Link to this post
    Is it possible to add Pinterest button automatically on the blog images? For example on this blog page http://www.maharaniweddings.com/ when you mouse over an image Pinterest button comes up automatically.
  2. Dimitri Cools
    Dimitri Cools avatar
    80 posts
    Registered:
    19 Jun 2017
    10 May 2016
    Link to this post
    Hi, 

    I would suggest to alter the specific template used to list or show the blogpost and integrate a button there.
    You could use a related image field for the blogpost to hold the image and and retrieve it in the template to make the button.
    For example:
    http://screencast.com/t/MChYkIDG


    Please have a look at 
    https://developers.pinterest.com/docs/widgets/pin-it/
    for examples.

    Documentation: 
    Add a Related media custom field
    http://docs.sitefinity.com/add-a-related-media-custom-field


    Create and edit widget templates
    http://docs.sitefinity.com/create-and-edit-widget-templates



    Regards,
    Dimitri Cools
    Telerik
     
    Do you want to have your say in the Sitefinity development roadmap? Do you want to know when a feature you requested is added or when a bug fixed? Explore the Telerik Sitefinity CMS Ideas&Feedback Portal and vote to affect the priority of the items
     
  3. Davinder
    Davinder avatar
    3 posts
    Registered:
    22 Feb 2016
    11 May 2016
    Link to this post
    We are already doing what you explained but I want to show the pinterest icon for pinning when hovering a blog image just like it shows in the example. Wordpress got several plugins to achieve this. 
  4. Dimitri Cools
    Dimitri Cools avatar
    80 posts
    Registered:
    19 Jun 2017
    11 May 2016
    Link to this post
    Hi,

    Simply adding

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

    as explained at https://developers.pinterest.com/tools/widget-builder/?buttonType=imageHover

    shows the hover button over the image.

    Please check the screenshot for reference: http://screencast.com/t/g5RkEjA8
     
    Regards,
    Dimitri Cools
    Telerik
     
    Do you want to have your say in the Sitefinity development roadmap? Do you want to know when a feature you requested is added or when a bug fixed? Explore the Telerik Sitefinity CMS Ideas&Feedback Portal and vote to affect the priority of the items
     
    Answered
  5. Davinder
    Davinder avatar
    3 posts
    Registered:
    22 Feb 2016
    18 May 2016
    Link to this post
    Thank you Dimitri for your help, it worked!
5 posts, 1 answered