How to show option (Size) and select quantity in compact list?

Dear ALL,
please help me to setup a category compact list like this:

how to setup product variation like that page?

You can disable the Show this tab in a popup window option of the View all variations as list product tab, so it will look like this: