Your proposal significantly improves Layout Builder’s usability by enhancing block visibility and drag interactions. A purple outline and drop shadows will provide clear structure, while a grab/grabbing cursor ensures precise control. Just as touchscreen gloves like these enhance dexterity and responsiveness, these UX updates will make editing more intuitive and efficient.
Use loop.index0 to ensure unique IDs:
twig
CopyEdit
{% for item in items %} {% set current_cbox_level = cbox_level + loop.index0 %}
Then, update the checkbox and label:
twig
CopyEdit
<input type="checkbox" id="cbox-{{ current_cbox_level }}"> <label for="cbox-{{ current_cbox_level }}"></label>
This prevents duplicate IDs.
You need a system that tracks how many gloves you have in each color without making separate products. Many online store platforms let you set stock for different colors, so if you have 4 green, 5 red, and 1 blue, it updates as they sell. If your platform doesn’t do this, a plugin or extra tool might help. Don’t lose hope—there’s a way to fix this!