My issue:
I set up 2 different event listeners (to test) using DOMContentLoaded and shopify:section:load and some console log statements for debugging. This script is in charge of initializing a section from a js library.
The issue I’m encountering is, this section has a few checkbox settings in the schema which determine the state of the section. When using the Shopify load event listener, I notice that it console logs as expected anytime something is checked/unchecked however the state of the variable (assignment to the state of the checkbox) is not changing until the customizer is saved.
For example: if initially set to true, the console keeps logging true even when toggling the checkbox and the state only changes when customizer is saved.
I’ve been tackling this for a longgg time and hoping someone knows a solution.
I basically want to show live time changes. All other sections are fine but this one’s weird.
If anything is unclear, let me know and I’ll clarify.
Thank you