
In Progress
Posted
Paid on delivery
I want to upgrade the navigation on my live Shopify store by placing a row of clickable images at the top of every Apparel collection page. When a shopper taps one of those images—say “T-Shirts,” “Hoodies,” or “Jackets”—the grid should instantly show only that product type, without a full page reload. Here’s what I need: • A responsive image bar that appears above the product grid on desktop and mobile. • Filtering powered by product_type (Shopify tags or the new storefront filtering API are both fine). • Clean, sharable URLs so each filtered state can be bookmarked. • Styling that matches my current theme so it looks native. • Work carried out in a duplicate theme; once approved, supply the edited Liquid/JSON templates, JavaScript, and CSS so I can publish safely to the live site. No colour, size, or price filters are required right now, but please build the code so I could add them later if desired. Let me know your turnaround time and link me to any past Shopify filter work you’ve done—especially projects involving image-based filtering.
Project ID: 40417514
232 proposals
Remote project
Active 11 days ago
Set your budget and timeframe
Get paid for your work
Outline your proposal
It's free to sign up and bid on jobs

I can upgrade your Shopify collection pages with a clean, image-based filter bar that feels native to your theme and improves browsing speed and UX. Here’s what I’ll implement: • Responsive image navigation bar (T-Shirts / Hoodies / Jackets etc.) above product grid • Instant filtering using product_type (Shopify storefront filtering / tags) • No full reload—smooth JS-based filtering or Shopify native filtering API • SEO-friendly, shareable URLs for each filtered state • Fully theme-compatible styling so it blends with your current design • Built safely on a duplicate theme before live deployment Code will be structured cleanly (Liquid + JS + CSS) so you can later extend it with size, color, or price filters without refactoring. Portfolio: https://www.freelancer.com/u/aqsashayan17 If you want, I can also suggest the best structure for your product_type setup before coding so the filtering stays scalable long-term.
$120 USD in 7 days
6.0
6.0
232 freelancers are bidding on average $142 USD for this job

Greetings, I'm a Senior Shopify Developer. I can implement a responsive image bar with instant filtering using product_type, clean URLs, and styling aligned with your theme. Would you like the filter built with Shopify’s storefront API or tags? Let’s have a quick chat to clarify a few details about the task. Ping me when you're available.
$120 USD in 2 days
9.6
9.6

Hello, With over a decade of experience in web design and development, I firmly believe that our team at [Freelancer Company] is equipped to deliver the project you're looking for. We have extensive knowledge in CSS, HTML, JavaScript and JSON which will enable us to customise your Shopify store to incorporate the image-based collection filters seamlessly. Not only are we skilled in executing such Shopify filter tasks, but we possess an intricate understanding of the platform itself which we have demonstrated through several successful projects similar to yours. Our main priority is customer satisfaction and delivering a project that aligns perfectly with your vision; that's why we'll ensure the filter bar's design matches your current theme making it look native as well as functional. Additionally, our strong commitment to quality assures you of clean, sharable URLs and the ability to add more filters in the future in case you'd like. We are efficient and thorough, guaranteeing a quick turnaround while not compromising on the deliverables. We are truly excited about working with you on this project and will devout all our resources towards creating efficient collection filters that will enhance your store's shopping experience greatly! Thanks!
$180 USD in 3 days
8.4
8.4

Hey, I will build the responsive image bar above your product grid — clickable collection images for T-Shirts, Hoodies, Jackets — with AJAX filtering by product_type and clean, bookmarkable URLs via history.pushState. All work done in a duplicate theme. I will structure the filtering logic as a modular JS component so adding color or size filters later only requires extending a config object — no refactoring needed. Questions: 1) Are you using a Dawn-based theme or a legacy/sectioned theme? 2) How many product types will the image bar need at launch? Looking forward to potentially working together. Thanks, Kamran
$90 USD in 5 days
8.3
8.3

With experience in Shopify development and image-based filtering, I understand your need to enhance navigation on your Apparel collection pages. I can create a responsive image bar that filters products instantly based on product_type, ensuring clean URLs for bookmarking. Could you share your current theme for me to match the styling seamlessly? Regards, Yogesh Kumar
$110 USD in 7 days
8.5
8.5

With over a decade of experience in CSS, HTML, and JavaScript, I am more than equipped to meet your Shopify Collection Image Filter needs. As an avid problem-solver, I find joy in creating solutions that maximize functionality and user experience. Your project also presents the opportunity to leverage my proficiency in collections manipulation and managing storefront filtering APIs- skills that have delivered great results in past projects.
$50 USD in 1 day
8.5
8.5

Hello, I specialize in Shopify development and can enhance your store with a customized image filter navigation for Apparel collections. The solution includes a responsive image bar, seamless product_type filtering, clean URL structure, theme-matching styling, and safe implementation on a duplicate theme. I have a proven track record in Shopify customization and can provide relevant portfolio links upon discussion. Looking forward to elevating your store's navigation experience.
$180 USD in 3 days
8.3
8.3

Hi There, I can create a row of clickable images to filter your Apparel collection seamlessly. I’ll ensure that it filters by product type and generates clean URLs for bookmarking, all while maintaining your theme’s style. After completing the work on a duplicate theme, I’ll supply you with the Liquid/JSON templates, JavaScript, and CSS for safe publishing. This way, you won’t have to worry about disrupting your live site. I’ve worked with Shopify extensively and have experience with Liquid and JavaScript for eCommerce solutions. Looking forward to helping you enhance your store! Best Regards, Priyanka
$140 USD in 2 days
8.3
8.3

Hi, Could you provide me with the link to your Shopify store? I can create a responsive image bar for your apparel collection pages that filters products seamlessly without reloading the page. Based on your requirements, I can implement filtering using Shopify tags and ensure the URLs are clean for easy sharing. I will make sure the design matches your current theme so it looks completely integrated. My turnaround time for this project would be around 1-3 days. I have worked on multiple Shopify projects, including image-based filtering. I look forward to working together! Best, Mohsin H
$100 USD in 2 days
8.2
8.2

Hello, We can implement a Shopify-native image filter bar above your Apparel collection grids that works smoothly on desktop and mobile, updates products by product_type without full page reloads, and keeps each filter state shareable via clean URLs. We’d build this in a duplicate theme, match your current theme styles, and structure the code so additional filters can be added later without rework. Our team has strong experience delivering dynamic filtering and seamless storefront UX, including ScheduleSite, where we built advanced filtering and fast front-end interactions: schedulesite.com. We’ve also developed custom retail experiences with dynamic product interactions, such as the Custom Jewelry Design Tool, which required responsive UI behavior and scalable front-end logic. A2 Design has been building custom web solutions since 2006, with deep expertise in JavaScript, CSS, HTML, JSON-driven templates, and complex front-end behavior. For this Shopify task, we’d provide the updated Liquid/JSON templates, JavaScript, and CSS ready for safe review and publication. Typical turnaround for this scope is 3–5 business days after access and final requirements confirmation. We’d love to collaborate on your project. Let’s connect and discuss how we can help!
$100 USD in 1 day
8.4
8.4

Hi, To upgrade the navigation on your Shopify store, I'll implement a responsive image bar that filters products by type without a full page reload. This will include: - Creating a responsive image bar above the product grid. - Implementing filtering using product_type. - Ensuring clean, sharable URLs for each filtered state. - Matching the styling to your current theme. I'll handle the work in a duplicate theme and provide you with the edited Liquid/JSON templates, JavaScript, and CSS for safe publishing. Ready to start once you provide access to your Shopify store. Thanks!
$160 USD in 3 days
8.1
8.1

With your highly specific requirements for your Shopify store, "Shopify Collection Image Filters," I am confident that my six years of experience in web development, specifically with Shopify and its templates, aligns perfectly with your project. I have a proven track record of not only meeting the client's expectations but also providing them with incredible value through well-structured strategies and efficient implementations. One aspect of your project that stands out to me is the need for clean, sharable URLs for each filtered state. Not only I understand this requirement but also guarantee a seamless user experience that effortlessly lets the shopper interact with the images you want to place at the top of every Apparel collection page. My skills in CSS and HTML will ensure a responsive image bar that looks native and runs smoothly on both desktop and mobile devices. To give you a tangible sign of my capabilities, let me link you some of my past Shopify filter work which, I believe, is very close to what you expect for your live store. Moreover, I assure you timely delivery of this project while maintaining high coding standards and offering 24/7 support for any future queries or improvements. With my dedication to turning ideas into engaging realities, there's nothing more rewarding than creating designs that users love. Let's embark on a journey towards an upgraded user-navigation experience today.
$150 USD in 4 days
8.0
8.0

Hi there, I’ve read your Shopify project for a top-of-collection image filter bar and I’m confident I can deliver a native-feeling, bookmarkable filter experience that updates the grid without a page reload. I’ve implemented similar image-based filtering for Shopify stores, combining a responsive image strip with a client-side filter powered by the Shopify storefront API or collection products JSON, keeping the UI fast and cohesive with your theme. What I’ll deliver: a duplicate-theme-ready setup with Liquid to render the image bar per collection, a reusable JavaScript module to filter by product_type (with room to extend to tags or store API for future filters), clean URL state so you can share/bookmark filtered views, and CSS that aligns with your current theme. The solution will be responsive for desktop and mobile, and structured so you can add color/size/price filters later without refactoring. Initial estimate: I’ve shared an initial estimate based on your description, and once we go over a few technical or functional details, I’ll confirm the exact cost and delivery schedule. I’ll be available to review the implementation in your duplicate theme and provide step-by-step guidance for a smooth publish. Looking at your collection structure, would you prefer the filter bar to read strictly by Shopify’s product_type field, or should we also support a future option to filter by tags if you later want more granular control? Best regards, Asad
$75 USD in 3 days
8.1
8.1

Hello, I’ve reviewed your requirement, and I understand you want a native-feeling image-based filter system on Shopify collection pages, where users can instantly filter Apparel products (T-Shirts, Hoodies, Jackets, etc.) without page reloads. This is a solid UX upgrade, and it needs to be implemented in a way that is lightweight, theme-safe, and scalable for future filters. Deliverables Responsive image-based filter bar Functional Shopify collection filtering system Clean Liquid / JSON template updates JavaScript for instant filtering behavior CSS styling aligned with your theme Duplicate theme implementation (safe testing environment) Final production-ready code package Experience I have experience with: Shopify Liquid theme customization Collection filtering systems (tag & product_type based) JavaScript-based dynamic UI filtering Shopify OS 2.0 theme architecture Performance-safe frontend enhancements Looking forward to building this. Best regards, ADEEL
$90 USD in 7 days
8.0
8.0

SURE-------Lets get started --------------I am highly qualified to do this job with high QUALITY -----Shopify Collection Image Filters I am Passionate SHOPIFY/PHP/Full stack developer having rich experience with so many successful Tasks. I have some queries to give you accurate time and price Please ping me to get started and provide you great results. Thanks!
$140 USD in 7 days
7.6
7.6

Hi, I can upgrade your Shopify navigation by building a responsive image bar above each Apparel collection grid, powered by product_type filtering via tags or the Storefront API. I’ll ensure sharable URLs, native styling, and safe deployment through a duplicate theme with Liquid/JSON, JS, and CSS edits. Could you share preferred image assets or theme sections to integrate? Let's discuss in chat to proceed further.
$100 USD in 2 days
7.8
7.8

I can implement a responsive image-based filter bar for your Shopify collection pages using product_type filtering with clean, bookmarkable URLs. I’ll build it in a duplicate theme, keep it fully compatible with your current design, and structure the code so you can easily extend it later (size/price filters, etc.). Best regards, Ihtsham
$55 USD in 1 day
7.1
7.1

Hi, I’m a Shopify developer experienced in custom filtering and theme-safe upgrades. I’ll add a responsive image bar above your Apparel collections, filter products by “product_type” via seamless AJAX (no full reload), and generate clean, sharable URLs for each state. All work will be done in a duplicate theme, with clear, reusable Liquid/JSON, JS, and CSS so future filters are easy. Let’s discuss your current theme and goals in chat.
$100 USD in 3 days
7.1
7.1

Hi, We’re Doomshell, and we specialize in Shopify customisation and advanced filtering solutions that enhance UX without slowing down your store. We can upgrade your Apparel collection pages with a clean, image-based navigation bar that filters products instantly—just like a native experience. What We’ll Deliver • Responsive image navigation bar (desktop + mobile) above the product grid • Instant filtering using Shopify product_type (tags or storefront filtering API) • AJAX-based filtering (no full page reload) • Clean, shareable URLs for each filtered state • Styling fully aligned with your current theme for a seamless look Technical Approach • Custom updates in Liquid + JSON templates • Lightweight JavaScript for dynamic filtering • Scalable structure so you can add filters (price, size, etc.) later • Performance-optimised to maintain fast load speeds Workflow • Work on a duplicate theme for safety • Share preview for review and feedback • Deliver final code (Liquid, JS, CSS) ready for live publish Quick Questions Which theme are you currently using? Do you already have images for each category? We’ve implemented similar image-based filtering systems that improve navigation and boost conversions.
$235 USD in 4 days
7.5
7.5

Hello, My name is Manish, and I have strong experience team customizing Shopify themes and building dynamic filtering experiences. I can add a responsive, image-based navigation bar above your collection pages that filters products by product_type instantly—without page reload—using Shopify’s storefront filtering or a lightweight AJAX approach. Each selection will generate clean, shareable URLs, and the design will match your current theme for a seamless, native look. The work will be done on a duplicate theme to ensure safety, and I’ll provide clean, well-structured Liquid, JavaScript, and CSS so you can publish confidently. I’ll also keep the code modular so you can easily extend it later with additional filters like size, color, or price. I’ve implemented similar custom Shopify filtering solutions and can share examples during discussion. Thank you, Manish
$140 USD in 15 days
7.8
7.8

Hey, I see you're looking to enhance the navigation on your store with a clickable image bar above your product grid. This will make it easier for shoppers to instantly filter by product type without getting the page load I will develop a responsive filter, which will display at the top of your apparel category pages on both desktop and mobile devices. The filter bar will use either Shopify tags based on the product type or the new storefront filtering API, depending on which method works better for your store. There will be a clean and shareable URL for every filtered state, which will enable users to bookmark filtered products. The styles used for the filter will be customized to match those of your existing website. This development will be performed on your test theme, and upon approval, I will hand you over the updated code. Quick suggestion: Design the system to easily add advanced filters like ratings, best sellers, or price ranges in the future, ensuring smoother expansion and better user navigation. Regards, Hamza A.
$170 USD in 7 days
7.1
7.1

Mississauga, Canada
Payment method verified
Member since Oct 2, 2012
$250-750 USD
$250-750 CAD
€30-250 EUR
$10-30 USD
₹1500-12500 INR
$250-750 USD
₹1500-12500 INR
$240-2000 HKD
$250-750 USD
$30-250 USD
$1500-3000 CAD
₹12500-37500 INR
₹600-1500 INR
₹15000-25000 INR
$30-250 AUD
$750-1500 USD
$250-750 USD
₹600-1500 INR
₹1500-12500 INR
₹12500-37500 INR
$10-30 USD
€8-80 EUR