• Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar
  • Skip to footer

davidmharding

technically enthusiastic

  • welcome
  • portfolio
  • resumé
  • contact

Web Site Product Color Search

Color search feature for woocommerce-driven product site.

June 1, 2018 by dmh

The Image Conscious art publishing web site lacked a color search feature, rather an obvious omission. Scanning the competition showed some ok and some less-ok ways to go about it; oddly there didn’t seem to be any viable plugins to entirely cover our needs.

I spent a lot of time playing with image manipulation libraries, analyzing images for color content and choosing a color model (HSL for the win). After setting up a front-end color picker, I then set some range tolerances for the query to bring back decent sets of results.

See the result on the live Image Conscious web site.

←E-Commerce Web Site CMS Conversion
Product Faceting/Filtering by Color→

Primary Sidebar

Recent Posts

  • includes v. indexOf
  • Bashing
  • Product Slideshow Revisited
  • AcademyX JS for Programmers + jQuery Brush-Ups
  • AcademyX Marks the Spot

Recent Comments

    Archives

    • May 2016
    • October 2015
    • February 2015
    • June 2013
    • February 2013
    • April 2012
    • March 2012
    • February 2012
    • January 2012
    • December 2011
    • November 2011
    • October 2011
    • September 2011

    Categories

    • art/design
    • design/art
    • dev
    • education
    • self-promotion
    • Uncategorized
    • webdev

    Meta

    • Log in
    • Entries feed
    • Comments feed
    • WordPress.org

    Footer

    • LinkedIn
    • Pinterest
    • Twitter

    Copyright © 2023 · Studio Pro on Genesis Framework · WordPress · Log in