shopify为产品添加雕刻，并在使用时更改价格

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

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

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

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

})；