Shopify - Удалить входной класс

Question

Поэтому я работаю над созданием магазина Shopify для компании, в которой я работаю, мы продаем путевые книги. Что касается темы Shopify, я использую приложение "Опции продукта Bold", чтобы мы могли включить все варианты вариантов книги (у нас есть только один вариант "Объем" с количеством вариантов от 1 до 6 в зависимости от того, сколько у нас томов этой конкретной книги) в пачке, которая продается за одну фиксированную плату. Проблема с приложением Bold Product Options заключается в том, что когда вы создаете опцию на основе ваших вариантов, она может влиять только на цену, а не на запасы этого продукта. Это отлично подходит для отдельных книг - вы выбираете том 1 и 2, цена увеличивается с 10 до 20 долларов, но для наших комплектов по постоянной цене это не работает, он продолжает добавлять 10 долларов за каждый том, добавленный в комплект. Таким образом, вместо 3 книг за 25 долларов вы получаете три книги за 55 долларов. Я посмотрел на код, и похоже, что проблема в классе.price-change, который добавляется к каждому входному флажку для каждого тома. Когда я удаляю это с помощью редактора Google Chrome, пакет проходит с выбранным элементом, и цена не увеличивается. Мой вопрос, как я могу удалить этот класс из плагина? Я хотел бы создать собственный шаблон 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> 

Я попытался добавить этот код jQuery внизу шаблона продукта, но он не удаляет класс...

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

Вот скриншот того, как выглядит код, когда я показываю его в редакторе рядом с выводом html...

[1]: https://stackru.com/images/d785492970e12f34cb27471af0300da9f7e5ffd0.png

Если у вас есть какие-либо предложения или какой-либо опыт с этим, я был бы очень признателен, как решить эту проблему. Все, что мне нужно сделать, это удалить этот темный класс.

Спасибо!

Answer 1

Попробуй это,

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

Надеюсь, поможет