Add stickers checkbox to the order in drawer cart

Store Design

Topic summary

Goal: add a checkbox in the Shopify cart drawer so customers can request free stickers.

  • Initial approach used cart attributes on the standard cart page and worked there, but not within cart-drawer.liquid (the drawer cart).
  • A reply asked for the store URL and suggested hiring a developer; the OP shared the URL and preferred a drawer-cart solution.

Latest update (resolution):

  • The OP implemented a working solution sourced from ChatGPT by editing cart-drawer.liquid.
  • Changes: added a checkbox UI before the CTAs (checkout buttons) and a script that listens to the CartDrawer-Form submit event.
  • The script reads whether the checkbox is checked and currently logs the value (with comments noting it could be sent to the server or otherwise processed), then proceeds with normal submission.

Notes:

  • cart-drawer.liquid is the theme file controlling the slide-out cart; CTAs are the checkout/update buttons.
  • Code snippets are central to understanding the solution.

Outcome: The OP reports it “works like a charm.” The thread appears resolved with no further open questions.

Summarized with AI on January 10. AI used: gpt-5.
1

Hi,

I would like to add option to the cart that would allow clients to indicate if they want free stickers. I have tried code below but it doesn`t work for cart-drawer.liquid only for normal cart page

TIA

Do you need an alibi ln your package. In the form of Congratulations on winning this ltem'?

2

hello

can you please send me your Store URL?

and for that you need to hire a developer.

3

Hi, sure its miekkosc.pl

I have already managed to do it for normal cart page and if the drawer settings is unavaiable Ill stick to what I already know I can do. However if there is an option to integrate this feature into the drawer type cart... Id be grateful for all the help.

4

So I found a free solution by ChatGPT :

Include free stickers
{{ 'sections.cart.update' | t }}

<button
type=“submit”
id=“CartDrawer-Checkout”
class=“cart__checkout-button button”
name=“checkout”
form=“CartDrawer-Form”
{% if cart == empty %}
disabled
{% endif %}

{{ ‘sections.cart.checkout’ | t }}

Works like a charm