Setting up jQuery for Widgets

Custom Fields Widgets require jQuery to function to display properly. Adding jQuery to your Shopify theme is very easy!

Step 1: Copy the following snippet for jQuery 3.5.1

<script src="https://code.jquery.com/jquery-3.5.1.min.js" integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" crossorigin="anonymous"></script>

If you need a different version of jQuery you can find more snippets at code.jquery.com.

Step 2: Visit your Themes settings page in your Shopify store and select "Actions > Edit code".

Step 3: Open your "theme.liquid" file and search for "widgets.js".

Step 4: Paste the jQuery snippet before the "custom-fields-widgets.js" code.

Step 5: Save, and check your widgets to see that they are working now!

If your widget appears broken, you can check the JavaScript developer console for any additional errors. If you still need help, feel free to reach out to our support team!