우커머스에서 상품을 그리드/리스트 형식으로 나열하기

Last Updated: 2023년 07월 17일 | | 댓글 남기기

워드프레스에서 우커머스를 설치하여 쇼핑몰을 운영할 때 상점 페이지에 표시되는 상품은 보통 그리드 형식으로 나열됩니다. 테마에 따라 상품을 그리드/리스트 보기 간에 전환할 수 있는 옵션이 제공되기도 합니다.

상품을 리스트 보기로 표시하고 싶은 경우 CSS를 사용하여 그리드 레이아웃을 리스트 레이아웃으로 바꾸는 것을 고려해볼 수 있습니다. 하지만 이 작업은 초보자에게 만만치 않은 작업이 될 수 있습니다. 이외에 아래에 소개하는 플러그인을 사용하여 그리드/리스트 레이아웃 간에 전환할 수 있습니다.

아바다 테마에서 상품 그리드/리스트 보기 간 전환

아바다(Avada)와 같은 일부 테마에서는 상품을 그리드 형식과 리스트 형식 간에 전환할 수 있는 옵션을 제공하기도 합니다.

예를 들어, 아바다에서는 Avada > Theme Options > WooCommerce > General WooCommerce 설정에서 WooCommerce Product Grid / List View(우커머스 상품 그리드/리스트 뷰)를 ON/OFF할 수 있는 옵션이 제공됩니다.

우커머스에서 상품을 그리드/리스트 형식으로 나열하기 3

아바다에서는 기본적으로 그리드 형식으로 상품이 나열되며, 그리드 보기와 리스트 보기 사이를 전환할 수 있는 버튼이 표시됩니다. (상점 페이지, 카테고리 페이지, 상품 태그 페이지에 그리드/리스트 보기 전환 버튼이 표시됩니다.)

우커머스에서 상품을 그리드/리스트 형식으로 나열하기 4

리스트 보기를 기본으로 표시하고 싶은 경우가 있을 수 있습니다. 리스트 보기를 기본으로 설정하는 옵션이 제공되지 않지만 상점 페이지 URL 주소 끝에 /?product_view=list를 추가하면 리스트 보기로 상품이 표시됩니다.

WooCommerce Grid / List toggle 플러그인

테마에서 그리드/리스트 보기 사이를 전환하는 옵션을 제공하지 않는 경우 WooCommerce Grid / List toggle 플러그인을 사용할 수 있습니다. 이 플러그인은 상품 아카이브에 그리드/리스트 토글 버튼을 추가해주는 단순한 플러그인으로, 우커머스 상점에서 사용자들이 버튼을 클릭하여 상품을 그리드 보기와 리스트 보기 사이트를 전환할 수 있습니다.

참고로 이 플러그인은 11개월 전에 업데이트되었기 때문에, 경우에 따라 최신 우커머스나 워드프레스 버전에서 제대로 작동하지 않을 가능성도 있습니다.

YITH QUICK ORDER FORMS FOR WOOCOMMERCE 플러그인

YITH QUICK ORDER FORMS FOR WOOCOMMERCE는 최근에 출시된 YITH 플러그인 중 하나로서 구매자들이 빠르게 상품을 주문할 수 있도록 상품 리스트를 나열하는 플러그인입니다.

이 플러그인은 리셀러 고객들이 가능한 한 쉽고, 빠르고, 직관적으로 상품을 구매할 수 있는 기능을 제공합니다.

자세한 내용은 "빠른 주문을 위한 우커머스용 YITH Quick Order Forms 플러그인"을 참고해보시기 바랍니다.

우커머스 상품/아카이브 페이지 템플릿 커스텀하기

아바다, Divi와 같은 일부 테마에서는 우커머스 상품 페이지/아카이브 페이지 템플릿을 커스텀할 수 있는 기능이 추가되었습니다.

또한, 엘리멘터 프로 버전을 사용하면 우커머스 빌더를 사용하여 우커머스 상품 페이지/상품 아카이브 템플릿을 커스텀할 수 있습니다. 자세한 정보는 "Design Your Dream Online Store With WooCommerce Builder"를 참고해보세요.

참고:


댓글 남기기

Leave a Comment