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

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

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

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

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

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

우커머스 쇼핑몰에서 상품을 판매하지 않고 소개만 하는 경우에 상품 리스트 페이지에서 "장바구니(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로 바뀌네요.

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

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

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


6개 댓글

    1. W3 Total Cache에서 아무리 캐시를 지우고 해도 저절로 페이지가 새로고침 되지는 않네요.ㅠㅠ

      Hyper Cache로 바꾸어서 해보니, 자체 테스트 결과는 캐시를 지우면 페이지가 다시 로드되는 것 같습니다.

      아마 이 문제 때문에 사이트 방문자와 애드센스 수익에 문제가 발생했던 것 같습니다. W3 Total Cache가 다른 사이트에서도 비슷한 문제가 발생하는지 모르겠네요.

      Chris님 아니었다면 엉뚱한 데서 원인을 찾느라 시간을 많이 낭비했을 것 같습니다^^

      1. W3 Total cache 저도 한동안 사용했었는데요 몇달전 업데이트때 템플릿이랑 맞지 않앗는지 서버셋팅과 맞지 않았는지 원인은 모르겠지만 디스크에 캐쉬를 계속 쓰는 현상이 잇어서 사이트 로딩시간이 몇분씩 걸렸습니다. 서버가 오버헤드가 되서요

        그래서 지금은 WP Super Cache 를 사용하고 있는데 대략 5-6개월정도 사용한거 같은데 아직 큰문제는 없었어요

      2. WP Super Cache도 궁합이 잘 맞으면 사이트 속도가 크게 향상이 되는 것 같습니다. 어떤 경우에는 거의 효과가 없을 수도 있고요.

        캐시 플러그인은 테마/사이트와 궁합이 잘 맞아야 하는가 봅니다.

        Hyper Cache는 모바일 캐시도 지원됩니다. 이제 AMP를 적용하여 모바일에서는 AMP 페이지로 많이 접속될 것 같기 때문에 큰 효과는 없을 것 같지만요.ㅎㅎ

      3. 전 테마에 포함된 AMP 플러그인을 사용하고 있습니다.
        그냥 구글 애널리틱스 코드를 넣고, 애드센스 광고도 편하게 넣을 수 있어 좋은 것 같습니다.

댓글 남기기

* 이메일 주소는 공개되지 않습니다.