Shopify Collection Tag Filter
$10-30 AUD
Pagado a la entrega
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>
Nº del proyecto: #32660733
Sobre el proyecto
Adjudicado a:
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 Más
15 freelancers están ofertando un promedio de $60 por este trabajo
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 Más
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 Más
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 Más
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