올려주신 이미지와 똑같지는 않지만 코드를 추가하는 방법은

아래의 링크들을 참고해서 적용해보시겠어요?

http://www.eggplantstudios.ca/woocommerce-product-variation-add-cart-grid/

WooCommerce Product Variations Layouts 유료 플러그인도 확인해보시겠어요?

데모 페이지에서 먼저 확인해보실 수 있습니다.

1) Boxed : http://plugins.wrpsolution.com/product/woo-latest-product/
2) Table : http://plugins.wrpsolution.com/product/ninja-silhouette/
3) Grid : http://plugins.wrpsolution.com/product/flying-ninja/
4) List : http://plugins.wrpsolution.com/product/happy-ninja/
5) 6 column grid : http://plugins.wrpsolution.com/product/patient-ninja/

더 좋은 방법이 있을지 저희도 찾아보겠습니다.

고맙습니다.