That is the short version. The long version covers which jQuery version to pick (and why most Shopify-specific code is written for jQuery 3.x), whether to use the CDN or a self-hosted copy, when you should NOT add jQuery (most modern theme code doesn\u2019t need it), and how to handle the conflict that happens when your theme already loads jQuery via a different script.<\/p>\n

Key Takeaways<\/div>

1<\/div>

Most newer Shopify themes (Dawn and forks based on it) don\u2019t include jQuery by default; adding it is necessary only when a specific app or custom snippet requires it.<\/div><\/div>

2<\/div>

The standard add-jQuery snippet goes in theme.liquid just before the closing head tag, loaded from a stable CDN.<\/div><\/div>

3<\/div>

If your theme already loads jQuery (Debut, older Shopify themes), don\u2019t add a second copy: it doubles file size and creates conflicts.<\/div><\/div>

4<\/div>

For new feature work, native JavaScript usually beats jQuery in 2026 (smaller bundle, no dependency, better mobile performance).<\/div><\/div><\/div>\n

Step 1: Open Theme Code Editor<\/h2>\n
Log into your Shopify admin. Go to Online Store > Themes<\/strong> in the left sidebar. Find the theme you want to modify (usually your live theme), click the \u2026<\/strong> menu, and select Edit code<\/strong>. This opens the in-browser code editor with your theme\u2019s file structure on the left.<\/p>\n
If you don\u2019t see \u201cEdit code\u201d as an option, you don\u2019t have the right staff permission. Ask the store owner to grant you the \u201cThemes\u201d permission under Settings > Users and permissions.<\/p>\n

Step 2: Open theme.liquid<\/h2>\n
In the file tree, expand the Layout<\/strong> folder. Click on theme.liquid<\/strong>. This is the master template that wraps every page on your store. Anything you add to its or just before its closing <\/body> loads on every page.<\/p>\n
Step 3: Add the jQuery Script Tag<\/h2>\n
Scroll down until you find the closing <\/head><\/code> tag (usually around line 30 to 60 depending on your theme). Just before that tag, paste this snippet:<\/p>\n