shopping cart window

Shopify Discussion
, ,
1

Immagine 2024-08-22 190903.png
Immagine 2024-08-22 190903.png577×127 5.38 KB

how can i put this code in the shopping cart window after clicking the atc button? i need the right code, after that i change the color and the text, please see the photo

2

Here’s a short and simple explanation with concise code:

**Steps:**1. - Insert a div where you want the message to appear in your cart template:

   **Add a Placeholder in the Cart Window:**

   html

  1. JavaScript to Show the Message After ATC:

    • Add this script to your theme’s JavaScript file or directly in theme.liquid:
      javascript
      document.querySelectorAll(‘.add-to-cart-button’).forEach(button => { button.addEventListener(‘click’, () => { setTimeout(() => { document.querySelector(‘.cart-message’).innerHTML = ‘
      Your custom message here!
      ’; }, 500); }); });

  2. Customize:

    • Change “Your custom message here!” and adjust styles as needed.

Explanation:- Placeholder: Where the message will go.

  • Script: Adds the message after the “Add to Cart” button is clicked.

That’s it! Simple and easy to implement.