Question

如标题中所示。我想在产品上添加雕刻。例如，如果用户要求雕刻，则添加10 $。我使用了行项目属性来获取雕刻细节，但我不知道如何将10美元添加到价格中！

还尝试使用变体+ JQyery隐藏输入，但我不知道要在jQuery中检查的值！它总是显示出来。

      // Toggle monogram text box.
  jQuery('.single-option-selector:eq({{ product.options.size | minus: 1}})').change(function() {
    if (jQuery(this).val() === 'With Engraving') {
      jQuery('#monogram-wrapper').removeClass('hidden').fadeTo(200,1);
      jQuery('#monogram-wrapper input').removeAttr('disabled').removeClass('disabled');
    }
    else {
      jQuery('#monogram-wrapper').fadeTo(200,0).addClass('hidden');
      jQuery('#monogram-wrapper input').addClass('disabled').attr('disabled', 'disabled'); 
    }
  });

Answer 1

我找到了解决方案...... 我添加了一个名为雕刻的变体，有两个选项（雕刻，没有雕刻）。并使用以下jquery代码来完成工作。

jQuery(function(){
$('#productSelect-option-0').change(function(){

if($("#productSelect-option-0 option:selected" ).text() == 'with engraving'){ 
    $('#monogram-wrapper').show();
  }
  else{
    $('#monogram-wrapper').hide();
  }
});

}）;

shopify在产品上添加雕刻，如果使用则更改价格

1 个答案: