makeBCT

#AI #OpenAI #Chatbot #Cloud #WordPress

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 to 최성욱 Cancel reply

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

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

인기 글

Ubuntu 22.04 LTS에 Python 3.8 or 3.9 설치 방법
서버 : Vultr 클라우드OS: Ubuntu 22.04 LTS사용자 계정 생성하여 설치 진행함 1. Start with the system update sudo apt update...
Ubuntu 20.04에 MySQL 5.7 설치
비씨티원 인공지능 서비스 플랫폼 BAP(Bctone AI service Platform)의 설치 환경은 공식적으로 Ubuntu 18.04와 MySQL 버전 5.7 입니다. 최근 Ubuntu...
사용자 작성 모듈 import 시 에러)(ModuleNotFoundError: No module named
파이썬 모듈을 만들고 테스트 할 때 ModuleNotFoundError: No module named 에러가 발생한 경우 원인 파이썬은 모듈을 불러올 때 모듈 설치 경로와 자신의...
AWS 인스턴스 유형 변경 방법
AWS 인스턴스 유형을 변경하기 위한 방법에는 다음 2가지가 있습니다.   1. 첫 번째 방법 AMI 이미지 생성 후 해당 이미지를 복원하여 신규 EC2 인스턴스를 생성하는...
WSL2/Ubuntu 22.04 LTS에 Anaconda 설치 
WSL2/Ubuntu 환경에서 Python 버전별로 가상환경을 만드는 방법 중 그나마 Anaconda 방법이 좋은 것 같네요. 설치 방법은 간단합니다. 1. apt update 사용자...