Shopify Collection Tag Filter
$10-30 AUD
Plačilo ob prevzemu
Hi everyone,
I have a Shopify website and on the product page [login to view URL], I have a filter Location that includes certain tags, Melbourne & Sydney. I would like to add additional filters based on other groups of tags e.g. No of Guests, with an AND condition so that users can select one tag from each filter. Thank you :)
The current code is:
<ul class="subnav clearfix">
<li{% unless current_tags %} class="active"{% endunless %}>
{% if [login to view URL] %}
<a href="/collections/{{ [login to view URL] }}{% if collection.sort_by %}?sort_by={{ collection.sort_by }}{% endif %}">All</a>
{% elsif collection.current_type %}
<a href="{{ collection.current_type | url_for_type | sort_by: collection.sort_by }}">All</a>
{% elsif collection.current_vendor %}
<a href="{{ collection.current_vendor | url_for_vendor | sort_by: collection.sort_by }}">All</a>
{% endif %}
</li>
{% assign show_tags = "Sydney,Melbourne" | split: "," %}
{% for tag in collection.all_tags %}
{% unless show_tags contains tag %}
{% continue %}
{% endunless %}
{% if current_tags contains tag %}
<li class="active">
{{ tag | link_to_remove_tag: tag }}
</li>
{% else %}
<li>
{{ tag | link_to_tag: tag }}
</li>
{% endif %}
{% endfor %}
</ul>
<style>
/* Contain floats: [login to view URL] */
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }
/* Subnavigation styles */
.subnav { clear: both; list-style-type: none; margin-left: 43.75%; padding: 0; }
.subnav li { display: block; float: left; }
.subnav li a {
display: block;
height: 28px;
line-height: 28px;
padding: 0 7px;
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
border-radius: 7px;
background: #eee;
margin: 0 7px 7px 0;
color: #000000;
}
.subnav li a:hover, .subnav [login to view URL] a {
background: #F5C6AA;
color: #fff;
}
</style>
ID projekta: #32660733
Več o projektu
Dodeljeno:
I am an expert in : Shopify app build Online Store 2.0(new version of Shopify) Shopify theme build Shopify plugin integration Shopify template modification Shopify API authentication. Fetch ( Orders, Products, Invent Več
15 freelancerjev ponuja v povprečju za $60 na tem delu
Hi! Thank your posting "Shopify Collection Tag Filter". i understand your requirement . I have 7+ years of work experience in Shopify, Shopify theme customisation development and Shopify App development,wocommerce, ph Več
Hi there, I can start immediately. I have all the skills and expertise to complete this job. Thanks and Regards, Rahul
------- Shopify Expert is Here ------- I have read your project Shopify Collection Tag Filter description. I have done similar projects in past. Let's have a quick discussion so I can show you some best options and my Več
Hey there, I have 4 years of working experience in web technologies and I have a strong working knowledge of every possible framework which is in the market. In terms of client-end I know: JavaScript, HTML, Website De Več
Hi, I am proficient in JavaScript, Liquid template language and theme customization. Please reach out to me and let me get this done asap! Regards, Damyan