Thread: Changing variant look on product page

What we want to do is to change the design of product detail page a bit.. (We have the source code)

Rather than showing size/color values in dropdown, we'd like to show them in a prettier way like the following examples..



What is the simplest way to do this? Or where should we begin?

I would begin by determining how you would like to manage the color images in the backend. Some of the questions you may want to consider are:

• How do we want to upload color images?

• Will a given color be consistently represented throughout all products? For example, will “Dark Green” on product A be the same “Dark Green” for product B?
  
  • If not, how do we want to associate color images with a given product?
  
  

The front end wouldn’t be too difficult to complete.

If it wouldn't be too difficult to complete the front-end, how would we do it?

In short: use client side scripts to manipulate the existing cart objects (drop-downs). Exactly what to do depends on how you will be managing the backend and other factors as well.

I was asking because you said it was simple. But I fell for the bait and you swooped right in.

U did fall for the bait, but you managed to escape! Maybe I'll get you next time...