Перейти к содержанию
Официальный форум поддержки Simpla

Рекомендуемые сообщения

Вот объясню что хотелось бы сделать, но не могу понять как это.

 

есть у нас например обычный

 

<div class="price"></div>

 

В котором должна выводиться цена товара в product.tpl

Затем у нас есть меню селект в котором выводятся все варианты товара.

<select name="color" class="cusel">
            {if $product->variants|count > 0}
            {foreach $product->variants as $v}
                <option selected="selected" class="this-color">
                    {$v->name}
                </option>
            {/foreach}
            {/if}

</select>
 

В нем есть например 2 цвета "Черный" "Белый"

Как сделать когда выбран определенный цвет например "Черный" чтоб он вставлялся в <div class="color"> </div> ?

Ну в принципе попытался сделать как в примере на http://api.jquery.com/change/ но ничего не вышло.

 

Идем дальше.

 

Есть цвет товаров все тежи "Черный" "Белый" - это предположим у нас вариант товара от которого зависет цена например Черный стоит 150 руб. а Белый стоит 200 руб. Так вот что хотелось бы сделать но не знаю как.

При выборе в селекте "Белый" оно брало цену эту в 200 руб и вставляло в <div class="price"> </div> и при смене цвета в селекте с "Белого" на "Черный" чтоб менялась цена в ДИВе без перезагрузки страницы.

 

Вот вроде бы все )) Может кто-то подскажет как это сделать ? 

 

Я так понял что это делаеться через ajax запрос post но как это все сделать не могу понять.

 

Ссылка на сообщение
Поделиться на другие сайты

Что-то вроде того:

<option selected="selected" class="this-color" data-price="{$v->price|convert}">
   {$v->name}
</option>

js (jQuery):

$('select[name=color]').change(function(){
   $('.price_block').html($(this).find('option:selected').data('price'));
}); 
Ссылка на сообщение
Поделиться на другие сайты

Присоединяйтесь к обсуждению

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

Гость
Ответить в этой теме...

×   Вставлено с форматированием.   Вставить как обычный текст

  Разрешено использовать не более 75 эмодзи.

×   Ваша ссылка была автоматически встроена.   Отображать как обычную ссылку

×   Ваш предыдущий контент был восстановлен.   Очистить редактор

×   Вы не можете вставлять изображения напрямую. Загружайте или вставляйте изображения по ссылке.

Загрузка...
×
×
  • Создать...