Solved

Shopify Script Tag: Uncaught TypeError: $ is not a function

therahulissar
Tourist
6 0 1

Currently working on a shopify app which uses script tags to add a section on the thank you page (order status page). 

This is my test-script.js file: 

console.log('this is coming from script tag api!')

const header = $('div.section__content').parent('.section');
 
var myContent = function($) {

//content box contains some basic styling with divs and an image which I haven't included
const contentBox = $( ....).css(....)

header.prepend(contentbox)
}
 
I keep getting an Uncaught TypeError: $ is not a function when I check the chrome console. Am I supposed to add a jQuery script? Am confused on the next steps. 
 
 
Accepted Solution (1)

Ajay-app-dev
Shopify Partner
178 16 14

This is an accepted solution.

Yes @therahulissar  , you need to add a jQuery script. Also, wrap up your jquery code within 

 
$( document ).ready(function() {
 // Wrap up your code here  
});

 

Try Essentialwolf Upsell & Cross Sell (★★★★★ 5+ star) App

- Was your question answered? Mark it as an Accepted Solution
- Learn more about us at www.essentialwolf.com

View solution in original post

Reply 1 (1)

Ajay-app-dev
Shopify Partner
178 16 14

This is an accepted solution.

Yes @therahulissar  , you need to add a jQuery script. Also, wrap up your jquery code within 

 
$( document ).ready(function() {
 // Wrap up your code here  
});

 

Try Essentialwolf Upsell & Cross Sell (★★★★★ 5+ star) App

- Was your question answered? Mark it as an Accepted Solution
- Learn more about us at www.essentialwolf.com