检查自定义选项。我需要改变这个。
在每个选项上点击显示价格([Add $200] or [Substract $50])
的div应获得display none
。
表示当您点击green
相应的价格区must not visible
时,但应显示红色和黄色价格区块。
[substract $50]
时类似的必须不可见,但其他价格块应该是可见的
答案 0 :(得分:1)
将以下jQuery代码添加到view.phtml。我用默认的magento布局测试了它。
<script src="http://code.jquery.com/jquery-1.10.1.min.js"></script>
<script type="text/javascript">
jQuery(document).ready(function() {
jQuery('ul.options-list li .product-custom-option').click(function(){
var inputId = jQuery(this).attr('id');
jQuery('ul.options-list li span.price-notice').css('display','block');
jQuery('ul.options-list li').removeClass('active');
jQuery("#"+inputId).parent().addClass('active');
jQuery('ul.options-list li.active span span.price-notice').css('display','none');
});
});
</script>
希望对你有用!