【问题标题】:Want to update custom options text in magento 1.7.2想要在 magento 1.7.2 中更新自定义选项文本
【发布时间】:2013-11-27 06:58:39
【问题描述】:

检查自定义选项。我需要改变这一点。 Onclick 显示价格([Add $200] or [Substract $50]) 的每个选项的 div 应该得到display none。 表示当您点击green 时对应的价格块must not visible 但应该可以看到红色和黄色的价格块。

点击黄色时类似[substract $50] 一定不可见,但其他价格块应该可见

【问题讨论】:

  • 分享选项部分的 HTML,因为没有人会建议任何 javascript 或 jQuery 审查 html。
  • 嘿 rajiv..我已经告诉了它的 magento 1.7.0.2.. 所以你应该知道自定义选项 html 来自哪里
  • 它来自app->code->core->mage->catalog->block->product->view->options->type->Select.php的Select.php跨度>

标签: javascript jquery css magento magento-1.7


【解决方案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>

希望对你有用!

【讨论】:

  • 使用 jQuery 您可以更新自定义选项价格,但它不会反映到购物车价格。如果想改变一些样式,那么你可以做到。
  • 在该图像上,产品价格为 400 美元。当我点击绿色时,价格为 500 美元。但当它达到 500 美元时,红色应显示为 100 美元而不是 200 美元。我怎样才能做到这一点?黄色也应该显示 -$150
  • 你能告诉我该怎么做吗??
  • 您可以更新。但是你在这背后创造了你自己​​的逻辑。只有我可以帮助找出选定的期权价格和循环中的每个期权价格。这是代码:var price = jQuery('ul.options-list li.active span span.price-notice span.price').html(); price = parseFloat(price.substr(1)); // selected option price jQuery('ul.options-list li span.price-notice span.price').each(function(){ var newprice = jQuery(this).html(); newprice = parseFloat(newprice.substr(1)); // each option price });
猜你喜欢
  • 2014-10-25
  • 2012-07-26
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多