Color/Image Swatch Wordpress Plugin
View the live version!
RaceTech Titanium came to us looking for basic web services. During our time they mentioned how they wanted a color swatches for their products, but none of the current plugins solved their problem.
I decided to start working on a plugin that they could use to ensure client satisfaction and retention.
Let's start by taking a look at the project requrements:
- Color Swatches
- Image Swatches
- Default image/color
- Color Tooltips
- Data passed through as metadata for third-party integrations
Now we can start building the backend to allow the admin to input all of their data.
This backend allows the admin to create a 'Color Scheme.' Each color scheme contains a color label and a color. The color can also be an image if the 'Is Image' box is selected. Each color scheme can also have one default color. This will keep track of the original image and color before a users ameks their selection.
After setting up a color shceme, the admin can go into their product (or through a bulk editor), and select a color scheme to apply to that product.
During this setup, the admin can also choose to add a 'Default Color Image link.' This image will be used to show an image that displays every color.
Before Selection
After Selection
