Как реализовать изменение цены от условий?

Версия MODX: Revolution

Помогите разобраться. Каким способом можно реализовать изменение цены при выборе определенного условия. Т.е. есть цена за товар (TV-параметр [[*PRICE]]), мне нужно чтобы она изменялась при выборе из выпадающего списка вида поставки [[*EXW]], [[*FCA]] или [[*FOB]]
Пробовал использовать конструкцию
[[!If? &subject=`[[*EXW]]` &operand=`EXW` &then=`[[*PRICE]]` &else=`[[*PRICE]]*2`]]
Не работает

<select name="color" class="chosen-select">
                                        <option value="default">Выберите условия поставки</option>
                                        <option value="price-asc">[[*EXW]]</option>
                                        <option value="price-desc">[[*FCA]]</option>
                                        <option value="price-desc">[[*FOB]]</option>
                                    </select>
                               
                                
                                    <select name="color" class="chosen-select">
                                        <option value="default">Выберите размер</option>
                                        <option value="price-asc">6-7</option>
                                        <option value="price-desc">8+</option>
                                    </select>
                               
                                                               
                                 
                                
                         
                            <div class="price">от $ [[*PRICE]] Kg</div>
                            <button class="btn btn-default custom-button custom-button-inverted">Отправить заявку</button>

Теги:
изменение цены от условий

Александр
12.10.16 в 17:10

Комментарии (7)

Павел Романов 12.10.2016 17:35 #

Подробности нужны.
Где менять?
Что выводят эти [[*EXW]] [[*FCA]] и [[*FOB]]?

Александр 12.10.2016 18:13 #

Выводят соответственно [[*EXW]] — выводит EXW, [[*FCA]] — выводит FCA, [[*FOB]] — выводит FOB. Возможно и не нужно было создавать эти TV.
Нужно что бы при выборе из выпадающего списка EXW цена [[*PRICE]] оставалась без изменения, при выборе FCA цена [[*PRICE]] умножалась на 1,2, а при выборе FOB цена [[*PRICE]] умножалась на 1,3.

Павел Романов 12.10.2016 18:33 #

Например, так (при подключенном jQuery):

<form>
<select name="uslovia" class="chosen-select">
    <option value="">Выберите условия поставки</option>
    <option value="EXM">EXW</option>
    <option value="FCA">FCA</option>
    <option value="FOB">FOB</option>
</select>                               
                                
<select name="size">
    <option value="">Выберите размер</option>
    <option value="6-7">6-7</option>
    <option value="8+">8+</option>
</select>

<div class="price">от $ <span id="price">[[*PRICE]]</span> Kg</div>
 <button class="btn btn-default custom-button custom-button-inverted">Отправить заявку</button>
</form>

<script>
    $(document).ready(function(){
       $(".chosen-select").change(function(){
       var val = $(this).val();
       var price = [[*PRICE]];
       if(val === 'FCA') {
          var price = price * 1.2;
       }
       if(val === 'FOB') {
          var price = price * 1.3;
       }
       $("#price").text(price);
    });
    });
</script>

Комментарий был изменён 12.10.2016 в 18:33

Александр 12.10.2016 18:59 #

CСделал по вашему примеру не работает. Ниже код данной страницы

<div class="col-sm-6">
                    
                    <div class="product-image-big" style="background-image: url('assets/themplate/img/chikpeas-kabuli.jpg');"></div>
                </div>
                <div class="col-sm-6">
                    <div class="product-details">
                        <h1>CHIK-PEA (KABULI)</h1>
                        <hr />
                        <div class="details">
                            <span class="detail-line"><strong>Name:</strong> CHIK-PEA (KABULI, Desi)</span>
                            <span class="detail-line"><strong>Humidity:</strong> 14 %</span>
                            <span class="detail-line"><strong>Trash admixture:</strong> no more 1,0 %</span>
                            <span class="detail-line"><strong>Grain admixture:</strong> no more 2,0 %</span>
                            <span class="detail-line"><strong>Minimum lot:</strong> 20000 Kg (1 container)</span>
                            <span class="detail-line"><strong>Incoterms:</strong> EXW, FCA, FOB</span>
                            <span class="detail-line"><strong>Terms of payment:</strong> L/C, D/P, T/T</span> 
                        </div>
                        <div class="description">
                            Chickpeas, (Cicer arientinum) belong to the family of legumes, which include various legume - peas, beans, lentils and soy beans. 
<ol>
There are two main varieties of chickpea: 
<li>Chickpea (Kabuli)- this type of larger and much lighter in color.</li>
<li>Chickpea (Desi) - It is smaller dark beans.</li>
</ol>
The chemical composition of dark chickpeas (Desi) and light (Kabuli) substantially similar and differ in fiber content and the cooking time. Dark chickpeas (Desi) contains almost three times more fiber and therefore is brewed longer light. </ br>
Our company sells chickpeas (Kabuli) cleaned of foreign material from the product purity up to 99%, and calibrated according to the customer from 6-12 mm. We sell high quality chickpea exports to all over the world. 
                        </div>
<form>
                        <div class="buttons">
                            <div class="row">
                                <div class="col-sm-4">
                                    <select name="uslovia" class="chosen-select">
                                        <option value="">Select delivery conditions</option>
                                        <option value="EXW">EXW</option>
                                        <option value="FCA">FCA</option>
                                        <option value="FOB">FOB</option>
                                    </select>
                                </div>
                                <div class="col-sm-4">
                                    <select name="size" class="chosen-select">
                                        <option value="">Choose size</option>
                                        <option value="6-7">6-7</option>
                                        <option value="8+">8+</option>
                                    </select>
                                </div>
                                <div class="col-sm-4">
                                    <div >
                                        <input type="text" class="form-control" value="min 20000 kg" placeholder="Quantity" />
                                        
                                    </div>
                                </div>
                                
                                 
                                
                            </div>
                        </div>
                        <div class="price-line">

                            <div class="price">from $ <span id="price"> [[*PRICE]]</span> Kg</div>
                            <button class="btn btn-default custom-button custom-button-inverted">Send request</button>

                          </div>
</form>
  <script>
    $(document).ready(function(){
       $(".chosen-select").change(function(){
       var val = $(this).val();
       var price = [[*PRICE]];
       if(val == 'FCA') {
          var price = price * 1.2;
       }
       if(val == 'FOB') {
          var price = price * 1.3;
       }
       $("#price").text(price);
    });
    });
</script>      
                        <hr />
                        
                        </div>
                    </div>
                </div>
            </div>
<div class="spacer"></div>

Павел Романов 12.10.2016 19:10 #
Проверил Ваш код — у меня работает.
jQuery подключен?
Тут уберите class=«chosen-select»:
```
<select name="size" class="chosen-select">
```

Александр 12.10.2016 23:51 #

да jQuery подключен.
убрал вот это:

<div class="col-sm-4">
                                    <select name="size" class="chosen-select">
                                        <option value="">Choose size</option>
                                        <option value="6-7">6-7</option>
                                        <option value="8+">8+</option>
                                    </select>
                                </div>
                                <div class="col-sm-4">
                                    <div >
                                        <input type="text" class="form-control" value="min 20000 kg" placeholder="Quantity" />
                                        
                                    </div>
                                </div>

я уже все перепробовал не работает.
что еще может быть?

Александр 13.10.2016 00:03 #

Все заработало. Спасибо огромное за помощь!!!

Для добавления комментариев вы должны авторизоваться или зарегистрироваться.