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

Shopify Apps
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.

1 Like
2

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

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