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 and feedback

The NiO PhotoShelter Dual Search widget can be downloaded using the link provided below. The download contains all source code, a sample page as well as installation documentation.

Click to download version 1.0.3:

NiO Dual Search widget (446)





If you like the 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). Feedback and suggestions for future development are also very welcome.

The widget is free software: it can be redistributed and/or modified under the terms of the GNU General Public License as published by the Free Software Foundation, either version 3 of the License, or any later version. The widget is distributed in the hope that it will be useful, but WITHOUT ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU General Public License for more details.

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