Custom field on product page with custom price rules

Technical Q&A
1

Hi Guys,

I’m trying to add a custom field on product page with custom price rules on Dawn Theme.

The fields are already done, but I want to increase a custom price rules.

For example: If I choose option 02, it increases 10$ to the price. If I choose option 1, it keeps the same price as before.

Capturar.PNG
Capturar.PNG369×536 17.3 KB

Here is the code of the custom fields:

            <div class="product-form__input product-form__input--dropdown">    
              <label class="form__label" for="childsName">Deseja personalizar? </label>
                <div class="select">
                  <select class="select__select" onchange="yesnoCheck(this);" required>
                    <option value="no">Não</option>
                    <option value="yes">Sim (+ R$29,90)</option>
                  </select>
                  {% render 'icon-caret' %}
                </div>
            </div>
            <div id="ifYes" style="display: none;">
              <label class="form__label" for="personalizacao-nome">Nome:</label>
              <input class="field__input-2" id="personalizacao-nome" type="text" maxlength="25" name="properties[Nome]" form="product-form-{{ section.id }}">   
              <label class="form__label" for="personalizacao-numero">Número:</label>
              <input class="field__input-2"id="personalizacao-numero" type="number" min="0" max="99" name="properties[Numero]" form="product-form-{{ section.id }}">  
            </div>

Live version: https://godzillasports.myshopify.com/

Pass: 12345