Pinterest Pin Display Module for Drupal

pinterest-pin-display-drDo you want to display your favorite pins on the sidebar of your Drupal site? Our Pinterest Pins Display Module is a great module for Drupal with which you can elegantly show your Pins.

Generally it shows pins as thumbnail, but on mouse hover each thumbnail of pins from your specified board / entire Pinterest account is shown enlarged or as preview. You can customize the Pin diplay area by giving input on background, tooltips and border colors etc.. You can also determine the size of each pinbox, # of pins to display etc.. It also comes with Follow Pinterest button which can be turned on / off from admin settings.

Front End: How it will look on your site

Front End: How it will look on your site

Demo

For demo please check here.

  Pinterest Pin Display Module V1.0 for Drupal 6

Size: 349.5 KiB | Hits: 1
Added: March 18, 2013 | Last Updated: March 18, 2013

USD 15.00 / Download


  Pinterest Pin Display Module V1.0 for Drupal 7

Size: 167.8 KiB | Hits: 0
Added: March 18, 2013 | Last Updated: March 18, 2013

USD 15.00 / Download


  Pinterest Pin Display Module V1.0 for Drupal 6, 7 Bundle

Size: 505.9 KiB | Hits: 0
Added: March 18, 2013 | Last Updated: March 18, 2013

USD 24.00 / Download

Features:

Admin/settings/pin_display

  • Listing of all (Enabled/Disabled) Bars created for the site.
  • Delete any/all of the Bars.
  • Edit specific Bar configuration.

Admin/settings/pin_display/add or admin/settings/pin_display/*/edit

  • Enable: Yes/No
  • Mobile detect: Yes/No
  • Pinterest Username: Your Pinterest username from where the pins will be collected to display.
  • Board name: Your Pinterest Board name.
  • Pin Count: How many pins will be displayed.
  • Show Follow Button: Yes/No
  • Region Settings: Where this “Pin Block” will show of the page.
  • Tooltip and Box Settings:
    • Show tooltip on mouse: Hover/Click.
    • Per Pin Box size: (Default 80) px.
    • Background color of main box.
    • Background color of the tooltip box.
    • Border color of the tooltip
  • Display Restriction:
    • Show/Hide for specific menus (select from listing).
    • Advanced use: exclude / include specific page by URL

admin-settings-pin_display

admin-settings-pin_display-add

 

 

Installation guide

  • Download the Library module from http://drupal.org/project/libraries and install the module.
  • Install the jQuery Colorpicker module from http://drupal.org/project/jquery_colorpicker and install the module.
  • Create a folder called “libraries” under “sites/all”. After creating the folder it should look like “sites/all/libraries”. (if you are running multiple sites under one drupal instance and you want to run the “Fixed Vertical Button” module at “example.com”, the path should be “sites/example.com/libraries”)
  • Create a folder called “colorpicker” under “sites/all/libraries” (or “sites/example.com/libraries”). It should looks like “sites/all/libraries/colorpicker”.
  • Go to www.eyecon.ro/colorpicker/ and download colorpicker.zip.
  • Extract the zip file content to the “sites/all/libraries/colorpicker”
  • If you have extracted the contents right, the following file path should exist with js file: “[path to libraries folder]/colorpicker/js/colorpicker.js”
  • Now, install the “Pinterest Pin Display” module.

Usage guide

  • Login to the admin section. Go to “Structure -> Blocks” (admin/build/block).
  • Make sure that the “Block Position” block is enabled and its region is set to “Footer”.
  • Go to “Configuration -> Pinterest Pin Display” (admin/settings/pin_display).
  • Create a new “Pinterest Pin Display Box” clicking on “Add a new Pinterest Pin Display Block”.
  • Now you can see the bar at the front-end.
  • For any questions, queries and further customization need please submit your communication via our contact us page.
Tags: , , ,

Comments & Feedbacks

Write Review

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>