"Drag and Drop" selection of product variables
I would like to design a "drag and drop" interface for product customization on an ecommerce website.
I would like to design a javascript/ajax "drag and drop" interface for product customization on an ecommerce website. I do not want to use Flash. The site will be selling clothing, and as a "feature" of the site we want the user to be able to drag and drop different logos and phrases onto a blank shirt to choose their product. It is not truly a custom product, but the interface will make it feel as though the user is building their own t-shirt. In reality it will just be a different method of helping them choose between a predefined set of clothing colors and logos to be printed on them. The script would function similarly to this example: http://www.ditchnet.org/hotspot/
The movable item would be the logo that would be printed on the t-shirt
and the user would "drag and drop" it onto the "drop zone" which would
be an image of a blank t-shirt. This "drag and drop" action would set a
variable that will be passed along to the shopping cart to determine
the product that they are ordering. This action would also trigger the
page to update the product image to display the shirt with the chosen
logo printed on it.
I would like to design a javascript/ajax "drag and drop" interface for product customization on an ecommerce website. I do not want to use Flash. The site will be selling clothing, and as a "feature" of the site we want the user to be able to drag and drop different logos and phrases onto a blank shirt to choose their product. It is not truly a custom product, but the interface will make it feel as though the user is building their own t-shirt. In reality it will just be a different method of helping them choose between a predefined set of clothing colors and logos to be printed on them. The script would function similarly to this example: http://www.ditchnet.org
Comments
Be the first to write a comment
You must me logged in to write a comment.