BCT 테마 + 우커머스에서 옵션 필드 오류 문제 해결

BCT 테마 + 우커머스 기반으로 중국 쇼핑몰 제작을 하고 있는데, 생각보다 걸리는 것이 많네요. 그 중 우커머스의 옵션(variation)과 관련해서 다음과 같은 오류 문제가 있습니다.

 

 

variation-error

 

 

 

즉, 위 화면에서 COLOR & SIZE 옵션을 선택하고 [바로 구매] 또는 [장바구니] 클릭 시 상품 옵션을 선택해주세요··· 오류 메시지가 뜨는 문제가 있습니다. 그래서 상품에 옵션을 설정할 수 없었고 이로인해 BCT 기반의 쇼핑몰 제작 서비스를 런칭하는데도 영향이 있었습니다.

 

한 동안 BCT 엔진 문제인 줄 알고 열심히 디버깅을 해 보았는데, 이 문제는 아닌 것 같아 이번에는 BCT 테마를 디버깅해 보다 스크립트 로딩 문제가 의심이 되어 살펴보았더니 역시 예상대로 스크립트 로딩이 되지 않아 발생한 문제 였습니다. 이 문제 해결를 위해 추가된 코드는 다음과 같고, 참고한 링크는 이곳입니다. 참고로, 위 코드는 bct-woocommerce.php에 추가될 예정입니다.

add_action(‘wp_head’,’add_to_cart_script’);
function add_to_cart_script(){
if(is_product()){
wp_enqueue_script(‘wc-add-to-cart-variation’);
}
}

 

위 코드가 추가된 이후 상품 화면은 다음과 같습니다.

 

 

after-code

 

 

위 화면에서 COLOR & SIZE 옵션 값을 선택한 다음 [장바구니] 또는 [바로 구매] 버튼을 누르면 다음과 같은 화면이 나타납니다.

 

 

success

 

 

위 화면처럼 다음 단계로 진행이 되는 것을 확인할 수 있습니다.

 

 

• (주)블로그코디 대표
• 워드프레스 교육 서비스 런칭
• 워드프레스 정보 공유 커뮤니티 make BCT 런칭
• 한국형 워드프레스 테마 출시
• 워드프레스 홈페이지 제작 서비스 런칭

Comment 2
Write CommentLIST
  1. 이지수2016.3.16 AM 11:52

    안녕하세요.
    워드프레스로 쇼핑몰을 작업하다 비슷한 문제가 발생하여 글을 남깁니다.
    상품옵션을 선택했을 때 작업하고 있는 마이크로소프트 컴퓨터는
    장바구니로 넘어가지만, 매킨토시 컴퓨터와 모바일 버전은
    위와 같이 상품 옵션을 선택해주세요 라는 문구가 뜹니다.
    위 코드를 테마편집기 WooCommerce 페이지 템플릿에 적용을 했고,
    참고한 링크의 글도 시도해 봤지만 해결되지 않아 어려움을 겪고 있습니다.
    도움을 주시면 감사하겠습니다.

  2. 최성욱2016.4.30 PM 17:01

    안녕하세요 북극성님

    저도 지금 이와 같은 문제로 몇일을 고민하고 있습니다.

    말씀해주신 코드를 사용해봤지만 잘 적용이 되지 않아서

    이렇게 글을 남기게 되었습니다.

    코드를 입력하는 곳의 정확한 위치나 조금더 상세한 도움을 요청드립니다.

WRITE COMMENT

This site uses Akismet to reduce spam. Learn how your comment data is processed.

위로이동