PACE

Permalink
Hello, can someone tell if this difficult to implement with concrete 5?

http://github.hubspot.com/pace/docs/welcome/...

View Replies: View Best Answer
ramonleenders replied on at Permalink Reply
ramonleenders
You can see the documentation page for an example on how to implement:

http://github.hubspot.com/pace/...

You could bring that to your theme if you want to. As for "is it difficult" always will have a relative answer, since it depends on how much experience you have (with both HTML and concrete5). You could also make it as an Add-On, but that probably will be too much for something simple (at least, if you don't really configure anything that is).
Usernhfdy73 replied on at Permalink Reply
hey ramon, thanks for the reply . html is familiar but concrete 5 does not open to me. Mayby you can make a tutorial how to bring pace under bootstrap to the theme? :)
ramonleenders replied on at Permalink Best Answer Reply
ramonleenders
- Make a "pace" directory in your theme
- Extract "themes" directory and "pace.js" from the download (on the PACE website) into that directory
- Open up /elements/header_top.php (or header.php) of your theme
- Add this code before "</head>":

<script src="<?php echo $view->getThemePath()?>/pace/pace.js"></script>
<link href="<?php echo $view->getThemePath()?>/pace/themes/pace-theme-barber-shop.css" rel="stylesheet" />

This will use the "Barber Shop" theme. You can change the .css file to point to another theme if you don't like it. It depends what theme you are using where your theme is located.

Here are some docs about concrete5 theming:

https://documentation.concrete5.org/developers/designing-for-concret...
Usernhfdy73 replied on at Permalink Reply
Thanks a lot! .. it works almost. :) our theme seems to be both header_top.php and header.php

The problem is that the animation will remain on the screen permanently. Eg, animation "big-counter" jammed in 99% ? Something goes wrong..
ramonleenders replied on at Permalink Reply
ramonleenders
No JS errors in your console (F12)? Haven't used this before, so don't know the ins and outs of this thing. Does it do 99% for every page or just some of them?
Usernhfdy73 replied on at Permalink Reply
Installation does not have a problem. Problem is in the browser. It does not work in Firefox, but works in chrome without problems.