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

时间:2014-04-10 10:59:06

标签: tags shopify

我想根据尺寸,Shopify中的(或)运算符颜色和多个选项过滤产品。 Shopify尚未提供此功能。这是一个示例链接(非Shopify商店)http://www.myntra.com/women-sandals?src=tn&nav_id=147。 我尝试过以下示例,它确实适用于价格(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;
  }

 });

1 个答案:

答案 0 :(得分:0)

使用Powertools Shopify App过滤器。

Power Tools可以协助您完成基本任务,自动化流程并为您的商店添加新功能。它是一个商业应用程序,但您可以使用5天的免费试用版。