How to bind a change in the price of a product to a parameter?

Question

MODX

Good afternoon
My steps
.1 Create a chunk for the directory

<div class="product shk-item col-md-6 col-sm-6">
    <div class="product-b mt-product text-center">
        <div class="row mt-product-item">
            <div class="col-md-12 col-sm-12">
                <a class="product-descr mt-product-pict" href="">
                    <img class="shk-image" src="" alt="" />
                </a>
            </div>
        </div>
        <div class="row mt-product-item">
            <div class="col-md-24 col-sm-24">
                <h3 class="h3">Вопрос</h3>
            </div>
        </div>
        <div class="row mt-product-item">
            <div class="col-md-12 col-sm-12">
                <span class="shk-price mt-product-price">
                     
          <i class="fa fa-rub" aria-hidden="true"></i>
                </span>
            </div>
            <div class="col-md-12 col-sm-12">
                <!---->
                
            </div>
        </div>
        <div class="row">
            <div class="col-md-12 col-sm-12">
                <form action="" method="post">
                    <fieldset>
                        <input type="hidden" name="shk-id" value="355860" />
                        <input type="hidden" name="shk-count" value="1" />
                        <div class="product-price">
                            <button type="submit" class="shk-but btn btn-success btn-success-light">Корзина</button>
                        </div>
                    </fieldset>
                </form>
            </div>
        </div>
    </div>
</div>

2. I create an additional field size
Output parameters - shk_select, use the input type "param_edit"
On the product card page (template) I change the parameter id

Result, which at the moment is
1. Product catalog
A text list is displayed here

+
2. Product card
A list is displayed here sizes, but it is not tied to the price, i.e. when the size is changed, the price does not change
The result that we would like to get
This is the binding of the price to the parameter (s) (in this case, to the size)
Dependence of the price on the size
1 size = 1000
2 size = 2000
3 size = 2100 etc.
Tell me what I'm doing wrong?
Thanks

Answer 1

Understood
it is necessary that the parameter on which the price depends and the price itself should be located in the form itself

<form action="" method="post">                              
                                
                                <input type="hidden" name="shk-id" value="2" />                                
                                <input type="hidden" name="shk-count" value="1" />
                                
                                <div class="shk-price"> руб.</div>
                                <div class="product-price">
                                  <button type="submit" class="shk-but">В корзину <i></i></button>
                                </div>                              
                         </form>