NiO PhotoShelter Dual Search Widget

Introduction

When you use a Graph Paper Press theme for 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 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 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.

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:

  1. Creates a single input field for entering a search string.
  2. Creates two radio buttons, to determine if the search needs to be executed in the blog or in the PhotoShelter image archive.
  3. Includes a hyperlink that takes the user to the advanced search page of PhotoShelter.
  4. 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

www.niophoto.com uses the widget on the home page and in the sidebar of the blog. 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 Download page:

Visit the Download 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

16 Responses to “NiO PhotoShelter Dual Search Widget”

  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. Looks great! Many thanks :)

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

  4. [...] 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/ [...]

  5. [...] 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 [...]

  6. [...] 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 [...]

  7. Greg says:

    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

    • 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 says:

        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

        • 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 says:

            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 says:

            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

          • Hi Greg,

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

            Cheers,
            Johan

  8. 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!

Leave a Reply

We’d love to hear from you! Your email address will not be published.





Follow responses to this post