3 added 2 characters in body
source | link

Taking in to account your requirement to remove the additional click I would actually slim this is as slimmed down as it can get. Although @obelia's & @abhinavc's answers are good they still require that one click to get to "add to basket". I can't actually find good example of what you want, so I have created what is below.

I would suggest something like this (Photoshop mock up - deliberate change of image see below)   

enter image description here

Essentially you have a clean interface, which will automatically show the express checkout options when hovered on - essentially the "Express Checkout" button is not necessary other than to give the user clarity.

If you are trying to really streamline the process I would recommend the following

When someone clicks on a colour, change the image to that product

  • Display errors inline

  • After adding to basket, give the user the option to view the basket, not just a "Added to Basket"

Also note the following:

  • I have deliberately used another image. It is likely not every image will fill the frame, there for this gives better context

  • I would use different backgrounds as it provides a clear definition between different products/sections

Taking in to account your requirement to remove the additional click I would actually slim this is as slimmed down as it can get. Although @obelia's & @abhinavc's answers are good they still require that one click to get to "add to basket". I can't actually find good example of what you want, so I have created what is below.

I would suggest something like this (Photoshop mock up - deliberate change of image see below)  enter image description here

Essentially you have a clean interface, which will automatically show the express checkout options when hovered on - essentially the "Express Checkout" button is not necessary other than to give the user clarity.

If you are trying to really streamline the process I would recommend the following

When someone clicks on a colour, change the image to that product

  • Display errors inline

  • After adding to basket, give the user the option to view the basket, not just a "Added to Basket"

Also note the following:

  • I have deliberately used another image. It is likely not every image will fill the frame, there for this gives better context

  • I would use different backgrounds as it provides a clear definition between different products/sections

Taking in to account your requirement to remove the additional click I would actually slim this is as slimmed down as it can get. Although @obelia's & @abhinavc's answers are good they still require that one click to get to "add to basket". I can't actually find good example of what you want, so I have created what is below.

I would suggest something like this (Photoshop mock up - deliberate change of image see below) 

enter image description here

Essentially you have a clean interface, which will automatically show the express checkout options when hovered on - essentially the "Express Checkout" button is not necessary other than to give the user clarity.

If you are trying to really streamline the process I would recommend the following

When someone clicks on a colour, change the image to that product

  • Display errors inline

  • After adding to basket, give the user the option to view the basket, not just a "Added to Basket"

Also note the following:

  • I have deliberately used another image. It is likely not every image will fill the frame, there for this gives better context

  • I would use different backgrounds as it provides a clear definition between different products/sections

2 added 109 characters in body
source | link

Taking in to account your requirement to remove the additional click I would actually slim this is as slimmed down as it can get. Although @obelia's & @abhinavc's answers are good they still require that one click to get to "add to basket". I can't actually find good example of what you want, so I have created what is below.

I would suggest something like this (note it isn't an existing set-up it is a Photoshop MockPhotoshop mock up - deliberate change of image see below) enter image description here

Essentially you have a clean interface, which will automatically show the express checkout options when hovered on - essentially the "Express Checkout" button is not necessary other than to give the user clarity.

If you are trying to really streamline the process I would recommend the following

When someone clicks on a colour, change the image to that product

  • Display errors inline

  • After adding to basket, give the user the option to view the basket, not just a "Added to Basket"

Also note the following:

  • I have deliberately used another image. It is likely not every image will fill the frame, there for this gives better context

  • I would use different backgrounds as it provides a clear definition between different products/sections

Taking in to account your requirement to remove the additional click I would actually slim this is as slimmed down as it can get. Although @obelia's & @abhinavc's answers are good they still require that one click.

I would suggest something like this (note it isn't an existing set-up it is a Photoshop Mock up) enter image description here

Essentially you have a clean interface, which will automatically show the express checkout options when hovered on - essentially the "Express Checkout" button is not necessary other than to give the user clarity.

If you are trying to really streamline the process I would recommend the following

When someone clicks on a colour, change the image to that product

  • Display errors inline

  • After adding to basket, give the user the option to view the basket, not just a "Added to Basket"

Also note the following:

  • I have deliberately used another image. It is likely not every image will fill the frame, there for this gives better context

  • I would use different backgrounds as it provides a clear definition between different products/sections

Taking in to account your requirement to remove the additional click I would actually slim this is as slimmed down as it can get. Although @obelia's & @abhinavc's answers are good they still require that one click to get to "add to basket". I can't actually find good example of what you want, so I have created what is below.

I would suggest something like this (Photoshop mock up - deliberate change of image see below) enter image description here

Essentially you have a clean interface, which will automatically show the express checkout options when hovered on - essentially the "Express Checkout" button is not necessary other than to give the user clarity.

If you are trying to really streamline the process I would recommend the following

When someone clicks on a colour, change the image to that product

  • Display errors inline

  • After adding to basket, give the user the option to view the basket, not just a "Added to Basket"

Also note the following:

  • I have deliberately used another image. It is likely not every image will fill the frame, there for this gives better context

  • I would use different backgrounds as it provides a clear definition between different products/sections

1
source | link

Taking in to account your requirement to remove the additional click I would actually slim this is as slimmed down as it can get. Although @obelia's & @abhinavc's answers are good they still require that one click.

I would suggest something like this (note it isn't an existing set-up it is a Photoshop Mock up) enter image description here

Essentially you have a clean interface, which will automatically show the express checkout options when hovered on - essentially the "Express Checkout" button is not necessary other than to give the user clarity.

If you are trying to really streamline the process I would recommend the following

When someone clicks on a colour, change the image to that product

  • Display errors inline

  • After adding to basket, give the user the option to view the basket, not just a "Added to Basket"

Also note the following:

  • I have deliberately used another image. It is likely not every image will fill the frame, there for this gives better context

  • I would use different backgrounds as it provides a clear definition between different products/sections