想要在magento 1.7.2中更新自定义选项文本

时间:2013-11-27 06:58:40

标签: javascript jquery css magento magento-1.7

enter image description here

检查自定义选项。我需要改变这个。 在每个选项上点击显示价格([Add $200] or [Substract $50])的div应获得display none。 表示当您点击green相应的价格区must not visible时,但应显示红色和黄色价格区块。

单击黄色[substract $50]时类似的

必须不可见,但其他价格块应该是可见的

1 个答案:

答案 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>

希望对你有用!