Word Cracker의 잡다한 정보 모음

우커머스 상점 페이지에서 ‘장바구니’를 ‘제품 보기’로 바꾸는 방법

6

이전 글에서 워드프레스 우커머스 쇼핑몰에서 “장바구니” 버튼을 “바로 구매” 또는 “구매하기” 버튼으로 바꾸는 방법에 대해 살펴보았습니다.

이 글에서는 상점, 상품 카테고리 등 상품 목록 페이지에서 “장바구니”를 “제품 보기” 혹은 “자세히 보기”, “상세 정보” 등의 문구로 바꾸고 버튼을 눌렀을 때 상품 상세 페이지가 표시되도록 하는 방법에 대해 간단히 다루어 보겠습니다.

다른 방법으로 우커머스 쇼핑몰에서 ‘장바구니’ 버튼 제거하기를 참고하여 “장바구니” 버튼을 없애는 것도 생각해볼 수 있을 것 같습니다.

또 다른 방법으로는 우커머스를 카탈로그로 바꾸어주는 플러그인을 사용하는 것도 고려해볼 수 있습니다. 이 방법을 사용하면 보다 효과적으로 우커머스를 활용하여 온라인 상품 카탈로그를 만들 수 있을 것입니다.

우커머스 상점 페이지에서 ‘장바구니’를 ‘제품 보기’ 또는 ‘자세한 정보’ 등으로 바꾸는 방법

우커머스 쇼핑몰에서 상품을 판매하지 않고 소개만 하는 경우에 상품 리스트 페이지에서 “장바구니(Add to Cart)” 버튼을 “제품 보기” 혹은 “자세한 정보” 등의 버튼으로 바꾸고 버튼을 눌렀을 때 상세한 설명을 표시하는 화면을 표시하려면 다음 코드를 사용 중인 워드프레스 테마의 함수 파일에 추가하면 됩니다.

add_filter( 'woocommerce_loop_add_to_cart_link', 'replacing_add_to_cart_button', 10, 2 );
function replacing_add_to_cart_button( $button, $product ) {
$button_text = __("View product", "woocommerce");
$button = '<a class="button" href="' . $product->get_permalink() . '">' . $button_text . '</a>';

return $button;
}
// 출처: stackoverflow

View product 부분은 원하는 문구로 적절히 수정하시거나 WooCommerce 언어 파일을 번역하시면 됩니다.

The7 테마 데모에서 테스트해보니 상점 페이지에서 Add to Cart(장바구니) 버튼이 다음과 같이 View product로 바뀌네요.

우커머스를 한글화하는 방법은 우커머스에 포함된 언어 파일(.po)을 Loco Translate 플러그인이나 Poedit 같은 PC용 프로그램을 사용하여 번역하며 됩니다 . 자세한 내용은 이 글을 참고해보세요.

간혹 어떤 방법을 동원해도 바뀌지 않는 문구가 있을 수도 있습니다. 그런 경우 javascript나 jQuery를 사용하여 강제로 바꾸는 방법도 고려해볼 수 있습니다.

Related Posts

Comments