Tags 如何在Shopify商店中显示产品过滤器

我想在Shopify和多个选项中根据大小、颜色或运营商筛选产品。Shopify中尚未提供此功能。这里是一个示例链接非Shopify商店。 我试过下面的例子，它确实适用于200到300和300到400之间的价格等级

 $( "#price input[type='checkbox']" ).change( function() {
 var str_all= $("#all").attr("checked");
 var str_200_300= $("#200-300").attr("checked");
 var str_300_400= $("#300-400").attr("checked");
 var case_id;
    if(str_all=="checked") {
       case_id=1;
    }else if((str_200_300=="checked") && (str_300_400=="checked")) {
      case_id=4;
   }else if(str_200_300=="checked") {
      case_id=2;
   }else if(str_300_400=="checked") {
      case_id=3;
   }else {
     case_id=5;
   }

  switch(case_id) {

   case 1:
   $('.300-400').show(500);
   $('.200-300').show(500); 
 break;
   case 2:
   $('.200-300').show(500);
   $('.300-400').hide(500);
 break;
   case 3:
   $('.200-300').hide(500);
   $('.300-400').show(500);
 break;
   case 4:
   $('.300-400').show(500);
   $('.200-300').show(500); 
 break;
   case 5:
   $('.300-400').show(500);
   $('.200-300').show(500); 
 break;
  }

 });

用于过滤器

电动工具可以帮助您完成基本任务、自动化流程并为您的商店添加新功能。这是一个商业应用程序，但你可以使用免费试用，为期5天