9 {{ upvoteCount | shortNum }}
9 {{ upvoteCount | shortNum }}

How can I create a fancy looking product/feature comparison chart for my e-commerce site?

by John Williamson
5 replies
  • WEB DESIGN
    • |
Hey guys, I'm about to start an ecommerce site pretty soon and I'm going to be selling different types of 'services' packages, not physical products. What tools or software or programming can I use to create a customizable, visually appealing feature comparison chart for a specific page of my website that's basically identical to the one on the following page (it compares hosting plans):

Web Hosting:IX WEB HOSTING:Best Web Hosting Site:Webhosting Provider


I will need to make multiple charts like this for different pages on my site. Any help or suggestions would be greatly appreciated. Thanks.


- John
#chart #comparison #create #ecommerce #fancy #product or feature #site
  • Profile picture of the author John Williamson
    Guess I'll end up doing that. So there's no way to create my own custom 'table' from scratch with some sort of WYSIWYG editor instead of coding? Like some sort of Adobe or Office software/feature that would let me make one and then give me the HTML to copy and paste. Or could an eLance contractor give me the code to where I can put in my own data? The only thing I'm thinking is that I will probably constantly want to tweak and change things within the chart somewhere down the road and I'd rather not have to hire a contractor every time I want one little thing edited. Thanks for your reply.
    {{ DiscussionBoard.errors[2476257].message }}
    • Profile picture of the author Steve Wells
      Originally Posted by jtwillia1 View Post

      Guess I'll end up doing that. So there's no way to create my own custom 'table' from scratch with some sort of WYSIWYG editor instead of coding? Like some sort of Adobe or Office software/feature that would let me make one and then give me the HTML to copy and paste. Or could an eLance contractor give me the code to where I can put in my own data? The only thing I'm thinking is that I will probably constantly want to tweak and change things within the chart somewhere down the road and I'd rather not have to hire a contractor every time I want one little thing edited. Thanks for your reply.
      I am pretty sure what you need done can be done, once its set up you will bacically have a div element that is controlled by css commands, within the div element you will have basic html coding and within that you should be able to add or change wording as long as you work within the space provided, other wise it might break the graphics.

      Sent you a P.M.
      Signature
      Need Custom Graphics Work? - Message Me For A Design Quote!
      {{ DiscussionBoard.errors[2477277].message }}
  • Profile picture of the author icun
    Hi John,

    There are 2 elements to that comparison chart - the graphics and the coding.

    To create any graphics to that level you would need Photoshop for the buttons, header graphic and background. Then, you would need dreamweaver to edit things and lay it out through the WYSIWYG editor.

    I can make you a comparison table like that if you want, just email me all the text in a word document in the columns you want. My email is martin [at] unleashyourniche.net

    M.
    Signature
    Instant Social Presence: Facebook Graphics without Photoshop
    {{ DiscussionBoard.errors[2476358].message }}
    • Profile picture of the author sonarmark
      it is quite simple html+css+some images.

      If you don't know these, you have to hire somebody who'll do it for you.

      As for images, you can also look for similar images on google and then customize/change them a little.
      {{ DiscussionBoard.errors[2477213].message }}

Trending Topics