Jump to content

Хелп! Выбор варианта товара + js (Выбор варианта товара) [решено]


Recommended Posts

Добрый день, уважаемые пользователи. Сейчас варианты товара выбираются при помощи инпута с типом радио, и выделенному дается класс чекед. Как сделать, что бы добавлялся класс к элементу в котором находится выделенный инпут. Это нужно, что бы при помощи ксс добавить пару свойств выделенному варианту товара.
Решение:
http://jsfiddle.net/g9E49/29/

Link to post
Share on other sites

<div id="box_grid" class="cart-box">
{if $product->variants|count > 0}
	<!-- Выбор варианта товара -->
	<form class="variants" action="/cart">
		<ul>
		{foreach $product->variants as $v}
                        <li class="variant"><span class="activ-variant"></span><p><input id="product_{$v->id}" name="variant" value="{$v->id}" type="checkbox" class="variant_radiobutton" {if $product->variant->id==$v->id}checked{/if} {if $product->variants|count<2}style="display:none;"{/if}/>
{if $v->name}<label class="variant_name" for="product_{$v->id}">{$v->name}</label>{/if}
{if $v->compare_price > 0}<span class="compare_price">{$v->compare_price|convert}</span>{/if}
<span class="price">{$v->price|convert} <span class="currency">{$currency->sign|escape}</span></span>
</p></li>
		{/foreach}
		</ul>
		<input type="submit" class="button" value="в корзину" data-result-text="добавлено"/>
	</form>
	<!-- Выбор варианта товара (The End) -->
	{else}
		Нет в наличии
	{/if}
 </div>


и js

$("#box_grid ul li").click(function(e) {    $("#box_grid ul li").removeClass("selected");    var $checkbox = $(this).find(':checkbox');    $("#emp_grid :checkbox").not($checkbox).removeAttr("checked");    if (e.target.type == "checkbox") {        // stop the bubbling to prevent firing the row's click event        e.stopPropagation();        $(this).filter(':has(:checkbox)').toggleClass('selected', $checkbox.attr('checked'));    } else {                $checkbox.attr('checked', !$checkbox.attr('checked'));        $(this).filter(':has(:checkbox)').toggleClass('selected', $checkbox.attr('checked'));    }});
Link to post
Share on other sites

Вах вах, сейчас попробую, большое спасибо вам!
работает почти хорошо) не понятная проблема. Пока не нажмешь на другой вариант, не добавляются классы.
Вот обновил ваш код со своим вариантом: http://jsfiddle.net/g9E49/35/
Все все, разобрался. тупанул) Большое вам спасибо!

Link to post
Share on other sites
  • 1 year later...

как задать стиль для выпадающего выбора (select)? ранее было передално с радио.

 

вот есть решение с помощью jquery - https://github.com/adamcoulombe/jquery.customSelect
получается неплохо- http://jsfiddle.net/adamco/7ttWj/

 

но при подключении к симпле, выбраный вариант, а имено название меняеться на цену. 

 

кусок кода выбора варианта:
 

			<!-- Выбор варианта товара -->
			{* Не показывать выбор варианта, если он один и без названия *}
                        Модель: 
			<select name="variant" class="styled">
			
                                {foreach $product->variants as $v}
                              
				<option value="{$v->id}" {if $v->compare_price > 0}compare_price="{$v->compare_price|convert}"{/if} {if $v->image}big="{$v->image|resize:800:600}" small="{$v->image|resize:450:450}"{/if}  price="{$v->price|convert}">
                                {$v->name}
				</option>
                  
				{/foreach}
                                 
			</select>
			<!-- Выбор варианта товара (The End) -->
Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Loading...
×
×
  • Create New...