Shopify - 입력 클래스 제거

Question

내가 일하는 회사의 Shopify 스토어를 개설하기 위해 여행 도서를 판매하고 있습니다. Shopify 테마에서 나는 Google의 모든 도서 옵션 변형을 포함 할 수 있도록 Bold의 제품 옵션 앱을 사용하고 있습니다 (Google에서 보유하고있는 특정 책의 수에 따라 1-6 개의 변형이있는 '볼륨'옵션 하나만 포함) 하나의 정액 요금으로 판매되는 번들 옵션으로 제공됩니다. 굵은 제품 옵션 응용 프로그램에서 가지고있는 문제는 변형을 기반으로 옵션을 만들면 해당 제품의 재고가 아닌 가격에만 영향을 미칠 수 있다는 것입니다. 개별 서적에 적합합니다. 볼륨 1을 선택하십시오. & 2 가격이 $ 10에서 $ 20까지 증가하지만, 일관성없는 가격으로 제공되는 번들은 번들에 추가 된 각 볼륨에 대해 $ 10을 계속 추가합니다. 그래서 3 권의 책을 25 달러에받는 대신에 3 권의 책을 55 달러에 구입할 수 있습니다. 코드를 조사한 결과 문제가 각 볼륨의 각 입력 체크 박스에 추가 된 .price-change 클래스 인 것처럼 보입니다. Google 크롬의 편집기를 사용하여이 항목을 제거하면 해당 항목이 선택되어 가격이 올라가지 않습니다. 내 질문은 어떻게 플러그인 에서이 클래스를 제거 할 수 있습니까? 내가 뭘하고 싶은건 번들을위한 엄격한 사용자 정의 product.liquid 템플릿을 만들고 그 클래스를 제거하기 위해 거기에 jQuery를 넣는 것이다. 번들 옵션은 타사 서버에서 행진 - ... 나는 액체 템플릿에 볼 수있는 유일한 코드는

<!-- Bold Apps: Product Options --> {% include 'shappify-options' %} 

을 그리고 소스 코드를 볼 때 ... 쇼입니다

 <!-- Bold Apps: Product Options --> <div style='display:none' id='shappify_custom_options_401405627'></div><script async src="//secure.apps.shappify.com/apps/options/generate_options.php?shop=tsgtestsite.myshopify.com&product_id=401405627"></script> 

여기

<script> 
$(document).load(function() { 
$("div.shappify_check_option input").removeClass("price-change"); 
}); 
</script> 

코드 내가 편집기에서 올라올 때의 모습의 스크린 샷이다 ... 나는 제품 템플릿의 하단이 jQuery 코드를 추가 해봤지만 클래스를 제거하지 않습니다 그 옆에있는 tml 출력 ...

[1]: http://i.stack.imgur.com/4Fb9X.png 

이 문제를 해결하는 방법에 대해 정말 고맙겠습니다. 내가해야 할 일은이 어두운 계급을 없애는 것 뿐이야.

감사합니다.

Answer 1

이 시도,

$(document).ready(function() { 
    $('.shappify_check_option input').removeClass('price_change') 
)}; 

그것이