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:
https://www.parrillagauchauk.com/parrilla-asado-bbq-grills/p/moderno-home-elite
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.
Apply Now
Apply Now