Shopify Country & Price Filters
Budget: $330 – $331 USD
I need two new, always-visible storefront filters added to my existing Shopify theme.
1. Country filter
When a shopper chooses a country, only products whose supplier ships to that destination should remain visible. The filter must read the shipping-origin information already stored against each product (or its supplier record) and hide everything else automatically, so customers instantly know what can reach them.
2. Price filter
Instead of preset ranges, I just want a simple high-to-low and low-to-high toggle. Clicking either option should reorder the visible products without a page refresh for a smooth user experience.
Both controls have to look native to the theme on desktop and mobile, load quickly, and work across collection pages, search results, and any custom product grids I use elsewhere. Please build this with Shopify Liquid, JavaScript, and—if you prefer—a lightweight library such as Vue or AlpineJS; just avoid anything that slows the store or forces customers off the page.
Deliverables
• Updated theme code (Liquid, JS, CSS)
• Any metafields or settings you added, documented clearly
• Short loom or similar walk-through showing the filters working and how I can edit country lists later
I’ll give theme access and staging credentials as soon as we start. Let me know roughly how long the integration will take and what you need from me.
1. Country filter
When a shopper chooses a country, only products whose supplier ships to that destination should remain visible. The filter must read the shipping-origin information already stored against each product (or its supplier record) and hide everything else automatically, so customers instantly know what can reach them.
2. Price filter
Instead of preset ranges, I just want a simple high-to-low and low-to-high toggle. Clicking either option should reorder the visible products without a page refresh for a smooth user experience.
Both controls have to look native to the theme on desktop and mobile, load quickly, and work across collection pages, search results, and any custom product grids I use elsewhere. Please build this with Shopify Liquid, JavaScript, and—if you prefer—a lightweight library such as Vue or AlpineJS; just avoid anything that slows the store or forces customers off the page.
Deliverables
• Updated theme code (Liquid, JS, CSS)
• Any metafields or settings you added, documented clearly
• Short loom or similar walk-through showing the filters working and how I can edit country lists later
I’ll give theme access and staging credentials as soon as we start. Let me know roughly how long the integration will take and what you need from me.
Related categories:
PHP
JavaScript
CSS
Shopify Templates
Shopify
Web Development
Frontend Development
Vue.js