Shopify Variant Logic Fix & Clean Implementation - Expert Needed
Budget: $10 – $30 USD
Background
We run a Shopify store with a heavily customized theme. We recently had a developer work on cleaning up the variant selection logic. The work is partially done but not production-ready. We need an experienced Shopify developer to take over and finish it properly.
Current State
- _updateOptionAvailability was rewritten and appears to work correctly
- Global event listener workarounds have been removed from the JS
- A custom Select2-based dropdown was introduced as a parallel variant selection layer on top of the native theme system – this is where the problems start
Problems We Are Seeing
We are not developers, but based on what we observe and what we can see in the code, the following issues exist.
On pageload the wrong variant state is loaded. Unavailable variants appear pre-selected, the add-to-cart button shows when it shouldn't, and the sold-out/notify state is not applied correctly. Once you manually switch variants and come back, everything displays correctly – so the issue is isolated to initial pageload.
We believe the custom dropdown does not check availability when selecting the default option on init, and the native theme never receives a proper trigger to re-evaluate the button state after the initial selection is set. Additionally, availability status labels appear to not update dynamically when switching variants.
Expected Files Involved
- product-get-options.liquid
- jquery.interact-function.js
- main-product.liquid
Goal
We want a clean, error-free theme with a reliable variant logic that works in every case – on pageload, on variant switch, on all devices. No workarounds, no open issues. It just needs to work and run cleanly.
The developer should assess the full codebase independently, identify all related issues, and deliver a proper solution. We are open to any approach as long as the result is stable, fast, and maintainable.
Requirements
- Strong Shopify theme development experience (Liquid, JS)
- Experience with variant change events and native theme initialization
- Comfortable working in complex, customized legacy theme code
- Clean code delivery – please include your approach and relevant experience in your application
We run a Shopify store with a heavily customized theme. We recently had a developer work on cleaning up the variant selection logic. The work is partially done but not production-ready. We need an experienced Shopify developer to take over and finish it properly.
Current State
- _updateOptionAvailability was rewritten and appears to work correctly
- Global event listener workarounds have been removed from the JS
- A custom Select2-based dropdown was introduced as a parallel variant selection layer on top of the native theme system – this is where the problems start
Problems We Are Seeing
We are not developers, but based on what we observe and what we can see in the code, the following issues exist.
On pageload the wrong variant state is loaded. Unavailable variants appear pre-selected, the add-to-cart button shows when it shouldn't, and the sold-out/notify state is not applied correctly. Once you manually switch variants and come back, everything displays correctly – so the issue is isolated to initial pageload.
We believe the custom dropdown does not check availability when selecting the default option on init, and the native theme never receives a proper trigger to re-evaluate the button state after the initial selection is set. Additionally, availability status labels appear to not update dynamically when switching variants.
Expected Files Involved
- product-get-options.liquid
- jquery.interact-function.js
- main-product.liquid
Goal
We want a clean, error-free theme with a reliable variant logic that works in every case – on pageload, on variant switch, on all devices. No workarounds, no open issues. It just needs to work and run cleanly.
The developer should assess the full codebase independently, identify all related issues, and deliver a proper solution. We are open to any approach as long as the result is stable, fast, and maintainable.
Requirements
- Strong Shopify theme development experience (Liquid, JS)
- Experience with variant change events and native theme initialization
- Comfortable working in complex, customized legacy theme code
- Clean code delivery – please include your approach and relevant experience in your application