NiO PhotoShelter Dual Search Widget

Integrating the Photoshelte image search with the standard Wordpress search

NiO PhotoShelter Dual Search Widget
In Software

Introduction

When you use a WordPress’s publishing platform and combine this with PhotoShelter’s image archiving and e-commerce capabilities, you may have noticed that there is no combined search option. As a result, you’ll always end up with two search input fields, each with their own styling and buttons. Back in January, when I was creating this website, I decided that it was worth the effort to write up some code to combine the two searches. I have already provided the code to many PhotoShelter colleagues, but until now I didn’t find the time to write up documentation and make it available for download. Here it finally is however …

The NiO PhotoShelter Dual Search Widget was last updated on August 22nd, 2010: version 1.0.3 now available for download!

What the NiO PhotoShelter Dual Search widget does?

The NiO PhotoShelter Dual Search Widget makes it possible to combine the standard Graph Paper Presss/Wordpress blog search with the PhotoShelter image search, without needing two separate search input fields.

NiO PhotoShelter Dual Search Widget

Please expect no magic … by implementing this widget you get rid of the two search options with differing styling. It still only returns the results from one of the two however, depending on which of the two available options is selected.

The NiO Dual Search widget:

  • Creates two radio buttons, to determine if the search needs to be executed in the blog or in the PhotoShelter image archive
  • Includes a hyperlink that takes the user to the advanced search page of PhotoShelter.
  • Allows for styling the search form.

Technology

The widget is written in simple straightforward JavaScript. It was primarily designed for use with WordPress or Joomla. The widget will however run on any web page.

Samples

This site uses the NiO PhotoShelter Dual Search Widget on the home page. The “niodualsearch/samples” directory (part of the download) contains an html example of the widget (“NioDualSearchSample.html).

Download

The NiO PhotoShelter Dual Search widget can be downloaded from our NiO PhotoShelter Widgets page.

If you like this widget and decide to use it, please donate, blog about it or provide a credit on your site with a link to my site (http://www.niophoto.com).

Subscription discounts

If you are interested in using either PhotoShelter or Graph Paper Press and want to sign up for a trial, please consider using the image buttons below to get yourself (and me) a discount …

Join PhotoShelter & Save!
Graph Paper Press WordPress Themes

Comments (17)

  1. Djuna Ivereigh 5 years ago

    Looks great! Many thanks :)

  2. Christian Beier 5 years ago

    This is a very nice widget. Thank you for the sharing.

    • Author
      NiO 5 years ago

      Your welcome and thanks Christian!

  3. Greg 4 years ago

    Love this widget!

    One question I have, since starting a photoshelter virtual agency, how would I update niodualsearchtextwidget.txt to search the virtual agency?

    Thanks,
    Greg

    • Author

      Hi Greg,

      I never tried that. Think it would be a matter of taking the code for the VA search and integrating it into the widget code. Shouldn’t be that difficult I think.

      Cheers,
      Johan

      • Greg 4 years ago

        Johan,

        Thanks for the quick reply.

        Unfortunately, the va search is done differently, and I can’t seem to find a way to put in the appropriate URL.

        For example, my va is located at: http://www.photoshelter.com/va/grain

        Thanks again!
        -Greg

        • Author

          Greg,

          From the looks of it only needs a few extra search terms. If you do an “Inspect” on the search boy you will see … this needs to be included. I have too little time at the moment to do it for you. Can you try yourself?

          Cheers,
          Johan

          • Greg 4 years ago

            This might actually help better… they have the html code to create your own search box… but I don’t know how to use the info here in the NiO box..

            `

            `

          • Greg 4 years ago

            hmm. that didn’t seem to paste correctly… I took out all the

            form action=”http://www.photoshelter.com/search” method=”post”
            input type=”text” size=”15″ name=”I_DSC”
            input type=”image” src=”http://www.photoshelter.com/img/ext/search75x25.gif” align=”absbottom” border=”0″ width=”75″ height=”25″ alt=”Search PhotoShelter”
            input type=”hidden” name=”_ACT” value=”search”
            input type=”hidden” name=”I_DSC_AND” value=”t”
            input type=”hidden” name=”V_ID” value=”V0000MWIf9uCOm5c”
            form

          • Author
            Johan Peijnenburg 4 years ago

            Hi Greg,

            I’ll see what I can do for you in the coming week!

            Cheers,
            Johan

  4. Greg 4 years ago

    Thank you!!

  5. Diego Cattaneo 2 years ago

    Hello Johan! Added this great search plugin to Anette’s website! Very helpful thanks a lot!
    How about turning this into a real wordpress plugin? Maybe I can help with that!

Pingbacks

  1. […] Search The default search option lets you search either the blog or the image archive. I wanted to offer both options in one go, so I combined the two. If you want this too, you can download the NiO Dual Search widget here. […]

  2. […] Thanks to Johan, there is a simple solution which elegantly combines the two searches. Check it out at http://www.niophoto.com/nio-photoshelter-dual-search-widget/ […]

  3. […] On this blog I have one on the top right showcasing my recent images.  Johan also designed the search widget which I have also on the right.  I met Johan through PhotoShelter and was very impressed with his […]

  4. […] On this blog I have one on the top right showcasing my recent images.  Johan also designed the search widget which I have also on the right.  I met Johan through PhotoShelter and was very impressed with his […]

  5. […] own NiO PhotoShelter Dual Search Widget: the default search option lets you search either the blog or the PhotoShelter archive. I wanted to […]

Leave a reply

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

*