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

 

 

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

 

 

2 Responses

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

  2. 안녕하세요 북극성님

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

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

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

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

Leave a Reply

Your email address will not be published. Required fields are marked *

인기 글

Ubuntu 22.04 LTS에 Python 3.8 or 3.9 설치 방법
서버 : Vultr 클라우드OS: Ubuntu 22.04 LTS사용자 계정 생성하여 설치 진행함1. Start with the system updatesudo apt update...
오라클 클라우드 OCI 가입 드디어 성공 했습니다 (상세 후기)
2023년 2월 16일에 ‘오라클 클라우드 지급 검증 실패 글‘을 남긴 적이 있습니다.그 때 검색을 통해 해결 방법을 찾아 보았고, 당시 성공했던 분들의...
AWS 인스턴스 유형 변경 방법
AWS 인스턴스 유형을 변경하기 위한 방법에는 다음 2가지가 있습니다.   1. 첫 번째 방법 AMI 이미지 생성 후 해당 이미지를 복원하여 신규 EC2 인스턴스를 생성하는...
WSL2/Ubuntu 22.04 LTS에서 Jupyter notebook 실행하기
WSL2 Ubuntu에서 Jupyter notebook(Jupyter Lab) 설치는 다음과 같습니다.$ pip install jupyter $ pip install jupyterlab단,...
카카오톡 섬네일 이미지와 문구 수정 방법
워드프레스 웹사이트 구축 후 도메인 연결하고 지인에게 카카오톡으로 링크 보낼 때 다음과 같이 섬네일 이미지와 문구가 원하지 않아 이를 수정하고 싶은 경우가 있습니다.수정...