Squarespace 7.1 Developer Needed – Dependent Product Dropdown Logic (Fixed Price)
Project Overview We need a small but precise front-end modification to a Squarespace 7.1 product page. The page currently includes a custom product configuration system using dropdowns. At the moment, customers can select combinations of options that are not actually available, and the issue is only detected after the Request Quote button is pressed. This creates a poor user experience and can make the website appear to be malfunctioning. The objective is to implement dependent dropdown logic so that only valid configuration combinations are available to select. Website Squarespace 7.1 Example page where this functionality exists: Current Option Structure The product configuration contains three dropdowns: Model Size: Grill Configuration: Installation Options: Currently: • The Grill Configuration dropdown allows selections that are invalid for the chosen model • The error is only detected when the Request Quote button is clicked Required Behaviour When a Model is selected, the Grill Configuration dropdown must immediately update so that only valid options are available. Invalid combinations must never appear as selectable options. Configuration Rules Standard Model Allowed grill option: • Full Length Grill Medio Model Allowed grill options: • Full Length Grill • Grill With Fire Side Grande Model Allowed grill options: • Grill With Fire Side • Double Grill Installation Option The installation dropdown should not be affected by the above logic. Available options remain: • Installation Included • Installation Excluded Required Functionality The solution should: • Detect the selected Model • Dynamically update the Grill Configuration dropdown • Remove or hide invalid options • Reset the grill selection if the model changes and the previous choice becomes invalid • Leave the Installation dropdown unchanged Technical Environment Squarespace 7.1 The page currently uses: • Custom JavaScript • jQuery • jQuery UI (tabs) Existing custom code currently: • hides the default Squarespace add-to-cart button • adds a Request Quote button • uses jQuery UI tabs for product information sections The dropdown logic should be integrated into the existing scripts, not replace them. Code Cleanup Requirement The current page loads two versions of jQuery, which should be corrected. Currently loaded: • jquery.min.js (cdnjs) • jquery-3.6.0.js (code.jquery.com) Only one version should remain to avoid conflicts. Deliverables The freelancer will provide: JavaScript implementing the dropdown dependency logic Cleaned-up script loading (removal of duplicate jQuery) Integration with the existing page scripts Tested implementation on the product page Instructions for where the code should live in Squarespace Acceptance Criteria The work will be considered complete when: Standard Model Available option: • Full Length Grill Medio Model Available options: • Full Length Grill • Grill With Fire Side Grande Model Available options: • Grill With Fire Side • Double Grill Installation Available across all models: • Installation Included • Installation Excluded Additional requirements: • Changing the model resets invalid grill selections • The Request Quote button continues working • No console errors occur • Works across modern browsers Fixed Price Scope This is a small targeted change. Estimated effort for an experienced developer: 1–2 hours To Apply Please include the following in your proposal: Confirmation you have worked with Squarespace 7.1 custom code A short explanation of how you would implement dependent dropdown logic Your fixed price Estimated completion time To confirm you have read the brief, please begin your proposal with the word: "Parrilla" Proposals that do not include this will be ignored. in your opinion, after inspecting the page, what is the most likely reason invalid grill configurations can currently be selected? We are looking to complete this task within the next few days. Budget: Fixed price project. Please submit your quote.