Modal link-box unresponsive

1 year ago

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:

HTML

<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?

pamtbaau

Grav Forum Moderators Legend First Post Conversation Starter Well Liked 3127 posts

1 year ago Solution

@RiseUp,

Is this JS related [..]?

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

TXT

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:
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.

last edited 04/01/25 by pamtbaau

Topic	Replies	Views	Activity
Multisite in subdirectory Support · by Thomas, 1 week ago	2	51	8 hours ago
How to listen for GET requests instead of POST requests? Support · by Anna, 2 days ago	2	58	10 hours ago
Twig not processing in 2.0.0 Support · by Justin Young, 11 hours ago	1	30	11 hours ago
Form: GRAV.Yes translation key Support · by Duc , 1 week ago	2	63	5 days ago
Installing Grav on Windows 11 Support · by Colin Hume, 1 week ago	2	55	5 days ago

Suggested topics