I want to have a product comparison feature on my website. The user will be able to select two products from two drop-downs to see a side-by-side comparison of the two products in a table.
Let me preface this project by saying I am an Internet Marketer and NOT a technical person so if some of the things I outline here don't make sense or if there is a better way of doing things, I'm open to any suggestions or changes!
I have a WordPress site I want to add this feature to. Given the complexities of WordPress I understand it would be nearly impossible to incorporate it directly on the site. As a result, I'm assuming we'll need to have a link to the product comparison feature, which will then launch a new window with the product comparison feature. I'm fine with this if that's the case. Even if it can be integrated into the site, it is not necessary - especially if doing so will dramatically increase the cost of the project.
On my WordPress site, I would like to create a page that is the doorway to the product comparison feature. On this page, I envision two drop-down boxes where the user can select one product in each drop-down. Then when the user clicks on the "submit" button, a call is made to a new window (a webpage outside of the WordPress site itself) where a table is drawn in HTML that compares the data points of the two products selected.
If we can't do it this way, then I would just want a hyperlink on my WordPress site that would say something like, "Product Comparison Feature." The link would then open a new window where a webpage would be generated (outside of the WordPress site) that would be the product comparison feature. On that page we'd then have the two drop-downs where the user could select one product from each drop-down. Then when the user clicked on the "submit" button, the HTML table would either be drawn on the same page or a new page. Not sure exactly how php works so this would be the developer's call where the table would actually be generated - on the same page or a new page.
The table will have 3 columns. The first column will list the features of the products (i.e. price, color, size, etc.) and then the two columns will have the specific data points for each of those features for each product. Like this:
| | Product A | Product B |
| Price | $25 | $30 |
There will be 25-30 data points (i.e. price, color, size, etc. up to 30 data points). One or two of the data points will actually have a hyperlink to a site. For example, one data point might be "Official Website" so I would want a website name returned that would also be hyperlinked to the site.
There will be 15 products total.
*While there will only be 15 products with 25-30 data points for each product, I would like this built with the flexibility to expand if I need to in the future. So if I need to add more products and more data points, I can. If this flexibility increases the complexity of the project and causes the price of the project to go through the roof, then I can stick with 15 products and 25-30 data points.
Obviously this project requires a database ??" I'm assuming My SQL (which is what I have with my Host Gator hosting account). I envision the creation of a simple web page where I can enter the product name and the 25-30 data points for each product to populate the database. There would also need to be an easy way for me to make changes to any products and data points entered into the database. For example, one of the data points will be "price" so I'll need to change this whenever there is a price change for the product. In addition, I may need to change a data point if it was entered incorrectly.
I want the web page(s) for this feature to have the same look and feel as my WordPress theme (or as close to it as possible). I don't see this as a huge issue, though, as we can probably just copy the design elements of the theme and "paste it" into the web page so we have the header and footer matching the rest of the WordPress site. My WordPress theme is extremely simple so this shouldn't be a big deal. The main thing is that we have the same header image and links in the subheader pointing back to the main WordPress site.
The comparison table won't need to be anything fancy but I want it to look professional ??" not some generic looking HTML table. The WordPress site has a table for something else I do so if we can copy it in terms of style, that would be ideal. I have the CSS for the table so you can probably just take that and copy elements from it.
If you have more questions before placing a bid, or have suggestions or recommendations to make this project better, I'm open to anything!