www.webdeveloper.com
Results 1 to 4 of 4

Thread: Help creating a product page with multiple variations

  1. #1
    Join Date
    Dec 2013
    Posts
    5

    Help creating a product page with multiple variations

    I want to create a function so that someone can choose a different color of a product.

    For am example of what I'm talking about is like Amazon's page: http://goo.gl/og7qji

    When you click on a different color, it will automatically change the price and set that color to the one your want.

    Not sure if this is created with PHP or javascript, so any help would be appreciated.

  2. #2
    Join Date
    Aug 2004
    Location
    Ankh-Morpork
    Posts
    19,220
    Probably lots of JavaScript (JQuery?) with color/product/price info supplied by the server-side code (JSON object?).
    "Please give us a simple answer, so that we don't have to think, because if we think, we might find answers that don't fit the way we want the world to be."
    ~ Terry Pratchett in Nation

    eBookworm.us

  3. #3
    Join Date
    Dec 2013
    Posts
    5
    Quote Originally Posted by NogDog View Post
    Probably lots of JavaScript (JQuery?) with color/product/price info supplied by the server-side code (JSON object?).
    OK, so If I wanted to do something similar, how would I go about doing it? What tutorials would help

  4. #4
    Join Date
    Aug 2004
    Location
    Ankh-Morpork
    Posts
    19,220
    I'd probably start with some googling on jquery and using it to modify the DOM, particularly form values and images.

    Or you could look around to see if there's any open-source e-commerce solutions out there that already provide such a feature.
    "Please give us a simple answer, so that we don't have to think, because if we think, we might find answers that don't fit the way we want the world to be."
    ~ Terry Pratchett in Nation

    eBookworm.us

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
HTML5 Development Center



Recent Articles