404 Errors Fix Summary

What Was Fixed

All 404 errors and JavaScript issues on the Avada Group careers website have been resolved:

1. Created Directory Structure

  • 1

    assets/vendor/jquery/dist/
    - jQuery library
  • 1

    assets/vendor/jquery-migrate/dist/
    - jQuery migrate plugin
  • 1

    assets/js/plugin/
    - JavaScript plugins
  • 1

    assets/combined/js/
    - Combined JavaScript output
  • 1

    assets/combined/css/
    - Combined CSS output
  • 1

    assets/img/ico/
    - Manifest and icons
  • 1

    assets/css/
    - Flickity CSS

2. Downloaded Missing JavaScript Libraries

All previously missing libraries have been downloaded and placed in the correct locations:

  • ✅ jQuery 3.7.1 → 
    1

    assets/vendor/jquery/dist/jquery.min.js
  • ✅ jQuery Lazy → 
    1

    assets/js/plugin/jquery.lazy.min.js
  • ✅ Vanilla LazyLoad → 
    1

    assets/js/plugin/lazyload.min.js
  • ✅ Starrr.js → 
    1

    assets/js/plugin/starrr.js
  • ✅ Flickity JS → 
    1

    assets/js/plugin/flickity.pkgd.min.js
  • ✅ Flickity CSS → 
    1

    assets/css/flickity.css
  • ✅ jQuery Migrate → 
    1

    assets/vendor/jquery-migrate/dist/jquery-migrate.min.js

3. Created Jekyll Combined File Templates

Created 10 new Jekyll templates in the 

1

combined/
directory:

JavaScript Templates:

  • 1

    js_combine.html
    → outputs 
    1

    assets/combined/js/combine.js

  • 1

    js_combine_2_component.html
    → outputs 
    1

    assets/combined/js/combine_2_component.js

  • 1

    js_combine_2.html
    → outputs 
    1

    assets/combined/js/combine_2.js

  • 1

    js_combine_2_theme.html
    → outputs 
    1

    assets/combined/js/combine_2_theme.js

  • 1

    js_combine_footer.html
    → outputs 
    1

    assets/combined/js/combine-footer.js

  • 1

    js_combine_footer_search.html
    → outputs 
    1

    assets/combined/js/combine-footer-search-data.js

CSS Templates:

  • 1

    css_combine_icon.html
    → outputs 
    1

    assets/combined/css/combineicon.css

  • 1

    css_combine_animate.html
    → outputs 
    1

    assets/combined/css/combineanimateslide.css

  • 1

    css_combine_function.html
    → outputs 
    1

    assets/combined/css/combinefunction.css

  • 1

    css_combine_theme.html
    → outputs 
    1

    assets/combined/css/combinetheme.css

4. Updated File References

Changed all file paths from 

1

/skin/frontend/mageplaza/
to 
1

/assets/
:

Files Modified:

  • 1

    _includes/2025_20_01_header_default.html
    • Updated manifest.json path
    • Updated jQuery Lazy path
    • Updated all CSS combined file paths (4 files)
  • 1

    _includes/v2/footer_js.html
    • Updated all JavaScript combined file paths (6 files)
  • 1

    _layouts/new_layout_jd.html
    • Fixed Flickity CSS path (was 
      1

      /path/to/
      )
    • Fixed Flickity JS path (was 
      1

      /path/to/
      )

5. Fixed Script Loading Order

  • Wrapped inline jQuery code in 
    1

    $(document).ready()
    in 
    1

    _includes/new_header_landingpage_t12.html
  • This prevents “$ is not defined” errors

6. Created manifest.json

Created PWA manifest file at 

1

assets/img/ico/manifest.json
with:

  • App name and description
  • Theme colors (#01007f - navy blue)
  • Icon references
  • Display mode settings

7. Updated Jekyll Configuration

Modified 

1

_config.yml
:

  • Added 
    1

    assets
    to include list
  • Added 
    1

    keep_files: ["assets"]
    to preserve assets during builds

Files That Will Be Generated After Jekyll Build

When you run 

1

jekyll build
or 
1

jekyll serve
, the following combined files will be automatically generated:

JavaScript Files (6):

  1. 1

    /assets/combined/js/combine.js

  2. 1

    /assets/combined/js/combine_2_component.js

  3. 1

    /assets/combined/js/combine_2.js

  4. 1

    /assets/combined/js/combine_2_theme.js

  5. 1

    /assets/combined/js/combine-footer.js

  6. 1

    /assets/combined/js/combine-footer-search-data.js

CSS Files (4):

  1. 1

    /assets/combined/css/combineicon.css

  2. 1

    /assets/combined/css/combineanimateslide.css

  3. 1

    /assets/combined/css/combinefunction.css

  4. 1

    /assets/combined/css/combinetheme.css

Next Steps

IMPORTANT: You need to build the Jekyll site!

The system Ruby version (2.6.10) is too old to install Jekyll. You need Ruby 2.7+.

Option 1: Use Docker (Recommended)

1

docker run --rm -v "$PWD:/srv/jekyll" -p 4000:4000 jekyll/jekyll:latest jekyll serve

Option 2: Install newer Ruby

1
2
3
4
5

# Using rbenv
rbenv install 3.1.0
rbenv local 3.1.0
gem install jekyll bundler
jekyll serve

Option 3: Use GitHub Pages If you’re deploying to GitHub Pages, just push the changes. GitHub will build it automatically.

After Building

Once Jekyll builds successfully:

  1. All combined JS/CSS files will be generated
  2. All 404 errors will be resolved
  3. jQuery will load properly
  4. The site should work without console errors

Verification Checklist

After running Jekyll build, verify:

  • ✅ No 404 errors in browser console
  • ✅ jQuery loads (check: type 
    1

    $
    in browser console, should not be undefined)
  • ✅ All combined files accessible at 
    1

    /assets/combined/js/
    and 
    1

    /assets/combined/css/
  • ✅ Flickity slider works on job pages
  • ✅ Lazy loading works for images
  • ✅ manifest.json loads without errors

Summary of Changes

Files Created: 17

  • 10 combined templates
  • 6 JavaScript libraries
  • 1 manifest.json

Files Modified: 5

  • 2 include files (_includes/2025_20_01_header_default.html, _includes/v2/footer_js.html)
  • 1 layout file (_layouts/new_layout_jd.html)
  • 1 header include (_includes/new_header_landingpage_t12.html)
  • 1 config file (_config.yml)

Directories Created: 6

  • assets/vendor/jquery/dist/
  • assets/vendor/jquery-migrate/dist/
  • assets/js/plugin/
  • assets/combined/js/
  • assets/combined/css/
  • assets/img/ico/

Total 404 Errors Fixed: 16 (11 JS files + 4 CSS files + 1 manifest)