Modal link-box unresponsive

Support
1

I just installed the Ceevee-Skeleton and have no clue how to get these modal link-boxes working.
Just as in the demo the portfolio items don’t expand by clicking on them and don’t link to the given URL.
The portfolio twig gets the link from the frontmatter:

<div class="link-box">
      <a href="{{ item.details }}">Details</a>
      <a class="popup-modal-dismiss">Close</a>
</div>

frontmatter provides item.details:
details: ‘http://www.behance.net’

Is this JS related or am I missing something obvious?

2

@RiseUp,

Is this JS related [..]?

If you take a look in the Developer Console of your browser, you’ll something like:

Uncaught TypeError: e.indexOf is not a function
    at ce.fn.load (VM217 jquery-3.x.min.js:2:82864)
    at new l (VM219 waypoints.js:8:1170)

This will answer your question: Yes it is JS related.

On further inspection, you will find it is a know issue on the repo of theme CeeVee:

Hence the possible solutions are:

  • Downgrade jQuery
    This can be done by setting the following in /user/config/system.yaml:

    assets:
  ...
  collections:
    jquery: system://assets/jquery/jquery-2.x.min.js

    This will solve the initial waypoints error, but it will create another downstream issue with library magnific-popup.js.
    So, not a good solution…

  • As suggested in issue #24 Update waypoints.js to 4.0.1 - Download the latest version of Waypoint: See Getting started

    • Copy file jquery.waypoint.js from the zip into /themes/ceevee/js and rename the file into waypoint.js

    Unfortunately, if you do this in theme CeeVee itself, your changes will be overridden when CeeVee gets a new version (not likely though). You should therefor create an inheriting/child theme of CeeVee and make changes in your own child theme.

3

A post was split to a new topic: Artwork portfolio theme