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 3171 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
shortcode does not get rendered in markdown fields except for page content? Support · by Anna, 20 hours ago	1	62	13 hours ago
Tools / Scheduler "Not Enabled for user: username" Support · by gtx, 1 week ago	4	233	2 days ago
Migrate with Caddy Support · by Paul Hodges, 2 weeks ago	13	283	5 days ago
clean way to show some content only if someone is logged in? Support · by Anna, 3 weeks ago	9	339	1 week ago
Email links are not yet pinned to a trusted host, Support · by TomW, 2 weeks ago	4	192	2 weeks ago

Suggested topics