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

위로이동