Shopify developers required for a adding a custom filter functionality
Budget: $10 – $30 USD
We are looking for an experienced Shopify developer to add an alphabet filter feature to our e-commerce store that uses the Shopify Trade theme. The goal is to allow customers to filter brands by clicking on alphabetical letters (A-Z), similar to the example we will provide.
Scope of Work:
Custom Alphabet Filter UI:
Design and implement a clickable A-Z filter bar on the collection pages.
Ensure each letter filters the brand list by displaying brands that start with the selected letter.
Functional Filtering:
Use JavaScript (or other appropriate technology) to make the brand filter dynamic. Clicking on a letter should instantly filter the brand list without reloading the page.
Ensure the filtering works seamlessly with the existing Shopify filtering (Price, Size, Gender, etc.).
UI/UX Optimization:
Ensure that the alphabet filter is user-friendly and styled to match the overall look of our Shopify Trade theme.
The filter should be responsive and work on both desktop and mobile devices.
Testing and Deployment:
Test the alphabet filter functionality to ensure there are no bugs.
Help deploy the feature to our live Shopify store.
Key Requirements:
Proven experience with Shopify theme customization (experience with the Trade theme is a plus).
Proficiency in Liquid, JavaScript, HTML, and CSS.
Ability to work with Shopify’s collection pages and filtering functionality.
Strong communication skills and attention to detail.
Portfolio or examples of previous Shopify customizations are highly appreciated.
Scope of Work:
Custom Alphabet Filter UI:
Design and implement a clickable A-Z filter bar on the collection pages.
Ensure each letter filters the brand list by displaying brands that start with the selected letter.
Functional Filtering:
Use JavaScript (or other appropriate technology) to make the brand filter dynamic. Clicking on a letter should instantly filter the brand list without reloading the page.
Ensure the filtering works seamlessly with the existing Shopify filtering (Price, Size, Gender, etc.).
UI/UX Optimization:
Ensure that the alphabet filter is user-friendly and styled to match the overall look of our Shopify Trade theme.
The filter should be responsive and work on both desktop and mobile devices.
Testing and Deployment:
Test the alphabet filter functionality to ensure there are no bugs.
Help deploy the feature to our live Shopify store.
Key Requirements:
Proven experience with Shopify theme customization (experience with the Trade theme is a plus).
Proficiency in Liquid, JavaScript, HTML, and CSS.
Ability to work with Shopify’s collection pages and filtering functionality.
Strong communication skills and attention to detail.
Portfolio or examples of previous Shopify customizations are highly appreciated.