Как вывести текст radio customfields в div ?

sigmalion

Осваиваюсь на форуме
48
0 / 0

Как вывести текст radio customfields в div ?

« : 13.02.2014, 13:20:02 »

Добрый день. Собственно, вопрос в теме.

Имеется к примеру вот такая страница:

http://santeh-ceramica.ru/kategorii/smesiteli/migliore-arcadia-ml-arc-8302-dlya-vanny-detail.html

Необходимо, чтобы при выборе цвета, в блоке отображался текст radio-кнопки

К примеру - по умолчанию стоит первый цвет - Chrome.
В блоке надпись:
Выбран цвет: Chrome

Кликаешь по другому -
Выбран цвет: Бронза
Выбран цвет: Золото
и т.д.

Нашел такое решение :

Код

<!DOCTYPE html>
<html>
<head>
<script src="http://code.jquery.com/jquery-latest.js"></script>

<style type="text/css">
</style>
<script type="text/javascript">
$(document).ready(function (){
   $('input:radio').click(function (){
     var val=$(this.parentNode).text();
     var id=$(this).parents('table').attr('id');
     id='result_'+id
     $('#'+id).text(val);
   });
});
</script>
</head>
<body>
<table id="radio_param" >
   <tr>
     <td>
       <label><input id="radio_param_0" type="radio" name="group_param" value="0">Название Param0</label>
     </td>
   </tr>
   <tr>
     <td>
       <label><input id="radio_param_1" type="radio" name="group_param" value="1">Название Param1</label>
     </td>
   </tr>
</table>
<table id="radio_taram" >
   <tr>
     <td>
       <label><input id="radio_taram_0" type="radio" name="group_taram" value="0">Название Taram0</label>
     </td>
   </tr>
   <tr>
     <td>
       <label><input id="radio_taram_1" type="radio" name="group_taram" value="1">Название Taram1</label>
     </td>
   </tr>
</table>
<div class='result'>
     <p id='result_radio_param'></p>
     <p id='result_radio_taram'></p>
</div>
</body>
</html>

Не могу разобраться как его адаптировать под мои radio-box из customfields.

Код

<style>
.product-fields .other-customfield img  {max-width:45px}
.product-fields .product-field input[type="radio"]{display:none}
.product-fields .product-field label.other-customfield {width:90px;float:left}
.product-fields .product-field label.other-customfield {width:90px;float:left}
.product-fields .other-customfield .vm-img-desc {font-size: 12px; display: block;}
.on {   color: red;font-weight:bold}
 </style>

<script type="text/javascript">
jQuery(document).ready(function() {
   jQuery('.other-customfield :radio:checked').each(function (){
     jQuery(this).parent().addClass('on');
   });
   jQuery('.product-field-display label').click(function (){
     jQuery('.product-field-display label').removeClass('on'),
   jQuery(this).addClass('on');
   });
});
</script>

     

         <?
     if (!empty($this->product->customfieldsCart)) {       ?>
     <div style="padding:10px;background:#eaeaea;border:2px solid #cdcdcd;bor…rgin-top:-3px;color:#404040;font-size:12px;font-family:Arial;float:left">
       123
       </div>
       
     <div style="position:absolute;width:447px;margin-top:320px;width:447px;margin-left:-300px;float:left;color:#404040">
       <h3 style="font-size:120%;margin-left:-20px">Выберите цвет:</h3>
       <div class="product-fields" id="righthere">
       <?php foreach ($this->product->customfieldsCart as $field) { ?>
       <div class="product-field product-field-type-<?php echo $field->field_type ?>">
       <span class="product-field-display"><?php echo $field->display ?></span>
       </div></div>   
       <?php }} ?>

       </form>
</div>
     
         <div class="clear"></div>

Записан

fsv

Moderator
2792
414 / 2

Re: Как вывести текст radio customfields в div ?

« Ответ #1 : 13.02.2014, 13:40:20 »

Цитировать

К примеру - по умолчанию стоит первый цвет - Chrome.
В блоке надпись:
Выбран цвет: Chrome

В каком блоке? Этот блок есть в раметке (его id/class)? Или надо его создать "на лету" (где)?

Записан

Веб-разработка: заказ. Только новая разработка.

sigmalion

Осваиваюсь на форуме
48
0 / 0

Re: Как вывести текст radio customfields в div ?

« Ответ #2 : 13.02.2014, 14:09:44 »

Цитата: fsv от 13.02.2014, 13:40:20

В каком блоке? Этот блок есть в раметке (его id/class)? Или надо его создать "на лету" (где)?

Код

if (!empty($this->product->customfieldsCart)) {       ?>
     <div style="padding:10px;background:#eaeaea;border:2px solid #cdcdcd;bor…rgin-top:-3px;color:#404040;font-size:12px;font-family:Arial;float:left">
       123
       </div>
       
     <div style="position:absolute;width:447px;margin-top:320px;width:447px;margin-left:-300px;float:left;color:#404040">
       <h3 style="font-size:120%;margin-left:-20px">Выберите цвет:</h3>
       <div class="product-fields" id="righthere">
       <?php foreach ($this->product->customfieldsCart as $field) { ?>
       <div class="product-field product-field-type-<?php echo $field->field_type ?>">
       <span class="product-field-display"><?php echo $field->display ?></span>
       </div></div>   
       <?php }} ?>

Стандартный вывод customfields

На выходе что получается я дал ссылку.
Под надписью Выберите цвет:
как раз и выводится блок, код которого выше

Код

<div class="product-field product-field-type-M">
<span class="product-field-display"><input id="4780" checked="checked" type="radio" value="478" name="customPrice[0][23]" />
<label 	for="4780" class="other-customfield"><img src="/images/stories/virtuemart/product/resized/hrom_180x145.jpg" alt="Хром"  />
<span class="vm-img-desc">Хром</span> </label>
<input id="4790"  type="radio" value="479" name="customPrice[0][23]" />

<label 	for="4790" class="other-customfield"><img src="/images/stories/virtuemart/product/resized/bronza_180x145.jpg" alt="Бронза"  />
<span class="vm-img-desc">Бронза</span> +3290,00 руб</label><input id="4800"  type="radio" value="480" name="customPrice[0][23]" />
<label		for="4800" class="other-customfield"><img src="/images/stories/virtuemart/product/resized/zoloto_180x145.jpg" alt="Золото"  /><span class="vm-img-desc">Золото</span> +7520,00 руб</label>
<input id="4810"  type="radio" value="481" name="customPrice[0][23]" />

<label		for="4810" class="other-customfield"><img src="/images/stories/virtuemart/product/resized/x_chrome_gold_180x145.jpg" alt="Хром-Золото"  />
<span class="vm-img-desc">Хром-Золото</span> +1410,00 руб</label></span>
</div>

« Последнее редактирование: 13.02.2014, 14:15:17 от sigmalion »

Записан

robert

Живу я здесь
4974
457 / 20

Re: Как вывести текст radio customfields в div ?

« Ответ #3 : 13.02.2014, 21:08:19 »

Цитата: sigmalion от 13.02.2014, 13:20:02

http://santeh-ceramica.ru/kategorii/smesiteli/migliore-arcadia-ml-arc-8302-dlya-vanny-detail.html

Никакого вывода текста не вижу. Вижу только изменение цвета текста.

Записан

Не будь паразитом, сделай что-нибудь самостоятельно!

Как вывести слово От рядом с ценой? Автор art22	Ответов: 4 Просмотров: 2567	07.04.2024, 11:19:12 от art22
Вывести товары из подкатегории в категорию Автор xlite	Ответов: 78 Просмотров: 34775	08.03.2021, 10:06:58 от kisBoss
Вывести изображения товара в центре Автор ROMERO	Ответов: 2 Просмотров: 1002	08.06.2019, 16:12:49 от draff
Как вывести количество стандартных отзывов в товаре VirtueMart 3? Автор bgg87	Ответов: 1 Просмотров: 1170	16.11.2018, 18:56:48 от dimetr
Как вывести в карточке товара значение цены минус заранее определенный процент? Автор mikevlad	Ответов: 5 Просмотров: 1395	09.11.2018, 09:24:04 от lexxbry

Как вывести текст radio customfields в div ? - [VM2&3] Модификации и хаки

Новости Joomla

Вышла новая версия joomLab Article Slider 1.1.0

Компонент Joomla 6: Генератор LLMs.txt.

👩‍💻 WT LLMs для Joomla: llms.txt, llms.json для AI-агентов.

sigmalion

Как вывести текст radio customfields в div ?

fsv

Re: Как вывести текст radio customfields в div ?

sigmalion

Re: Как вывести текст radio customfields в div ?

robert

Re: Как вывести текст radio customfields в div ?

Похожие темы