Skip to content
    Documentation Ocean Pro Theme

    Disable jQuery

    All Ocean Pro modules are jQuery-free

    Disable jQuery

    Eliminate jQuery loading

    jQuery_disable

    Why Disable jQuery?

    Originally, some Ocean Pro modules required jQuery to function. However, as of now, none of the included modules depend on it. To enhance performance, we’ve added an option to disable jQuery loading.

    These steps apply to purchases made before November 20, 2024, and to users who have created a child theme.

    Important:
    If you are using custom modules or modules from the HubSpot marketplace, ensure they do not rely on jQuery to function properly. If any module requires it, you can leave jQuery enabled. The version loaded is 3.6, and please note that we will not be providing future updates for jQuery.

    Instructions

    Step 1:
    Open the Design Manager and locate the child theme you created.
    (If you didn’t create a child theme, you can skip to Step 6.)

    Step 2:
    Click on the name of your child theme, then navigate to template > layouts > base.html.

    child_theme

    Step 3:
    Find the following line of code (it’s usually around line 67):

    base_html

    Step 4:
    Replace it with this line:

    Step 5:
    Click Publish changes to save your changes.

    update_jQuery

    Step 6:
    Edit Ocean Pro settings from any active page using Ocean Pro.

    edit_theme

    Go to Performance options and uncheck the Load jQuery box.

    uncheck-jquery

    Finally, when you uncheck the box, you can Publish theme.