+1-888-365-2779
Try Now
More in this section

Forums / Developing with Sitefinity / Adding Pinterest button on blog images

Adding Pinterest button on blog images

5 posts, 1 answered
  1. Davinder
    Davinder avatar
    3 posts
    Registered:
    22 Feb 2016
    06 May
    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:
    26 Sep 2016
    10 May
    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
    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:
    26 Sep 2016
    11 May
    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
    Link to this post
    Thank you Dimitri for your help, it worked!
5 posts, 1 answered