I have a list of products that the user is able to add to cart fastly so from main page the user could click just add to cart button on each product and the product will be added to the cart.

BUT each product could have some variants with which it can be added to the cart. Till now i've added the variants inside the modal with the product info which is opened when the user press on the product from the list, then at the bottom there is the list of variants which the user can select and then from that page add it to the cart.

So i thought to show the variants each time the user press the fast "Add to cart" button and remove the "Add to cart" and variants from the "info" modal but at this point that "Add to cart" will not be fast and as the most of the users will just not care about the variants it will affect their experience.

In the following gif you could see the main page with the list (and the blue button that is the fast "Add to Cart") and when the product is pressed and it's modal info is toggled with the variants and another "Add to cart" button.

enter image description here

And as you can see it's not intuitive that the user can press each product and under all info there will be the variants...

So which would be the best way to give the user choice of adding or not the variants?

1 Answer 1


Personally I don't see a problem in navigation or interactivity, but in the design.

Mainly the lack of contrast between the elements to be selected and the rest of the content makes them seem part of the same kind of information.

I would clearly differentiate the info areas from those of interactivity, enhancing the second.

enter image description here

  • 1
    Like a lot that layout for the selection of - and + would definitly use something similar, but i had anyway to add the modal with only variant after pressing the fast "Add to Cart" button as the manager said that it wasn't intuitive to the user that he had to click on the product to see them Jun 17, 2020 at 12:35

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Not the answer you're looking for? Browse other questions tagged or ask your own question.