How to add a Select All option to checkboxes in a liquid file?

Store Design

Topic summary

A developer is attempting to implement a “Select All” checkbox feature for a list of checkboxes in a Liquid template file but encountering issues with their current implementation.

Current approach:

  • Using Vue.js directives (v-model, @change) within a Liquid file
  • Created a select-all checkbox with allSelected model and selectAllAddons change handler
  • Individual checkboxes are rendered within a loop over addons

Problem:
The provided code is not functioning as intended. The code snippet appears corrupted or improperly formatted, with reversed/garbled text in several sections (e.g., “xobkcehc” instead of “checkbox”), making it difficult to diagnose the exact issue.

Status:
The question remains unanswered with no solutions or responses provided yet. The developer needs guidance on properly integrating checkbox selection logic within the Liquid templating system, potentially addressing compatibility between Vue.js and Liquid syntax.

Summarized with AI on November 18. AI used: claude-sonnet-4-5-20250929.
1

Hi,
I’m having issues trying to get a Select All added to a list of checkboxes within a liquid file. Here’s what I have currently but not working.

Select All
{{ addon.name }}

Toggle All