whstone - using template Chimera
-
-
- Alain
- Elite Rocketeer
- Posts: 1345
- Thanks: 38
-
Thank you. But I have tried to locate this HTML head file by ftp whithout success. Could you tell me his exact location ?
Also where exactely to put the two plugins in this file, right after <head> or just before </head> ? And in which order shall I put the two plugins, animate.css first then wow.js ?
Thank you for your help. - Let go of what we believe to be, to awaken to who we are...
Alain
-
-
-
- Phil Yonge
- Sr. Rocketeer
- Posts: 104
- Thanks: 15
-
Alain wrote:
Thank you. But I have tried to locate this HTML head file by ftp whithout success. Could you tell me his exact location ?
Also where exactely to put the two plugins in this file, right after <head> or just before </head> ? And in which order shall I put the two plugins, animate.css first then wow.js ?
Thank you for your help.
The files that you want are located here
/rt_chimera/js/wow.js
/rt_chimera/css-compiled/animate.css
(There is also a wow-init.js file as well - what this does I don't know as I haven't time to look)
To add the files to Ricochet you could try this (back up first though!!!)
Find the index.php file in the ricochet template folder:
/rt_ricochet/index.php
Using a text editor put the following code at the bottom of the head section of the ricochet index.php file:
<head> <?php $doc = JFactory::getDocument(); $doc->addScript(JUri::root() . 'templates/' . $template . 'rt_ricochet/js/wow.js'); ?> </head>
Upload the wow.js from the chimera template to /templates/rt_ricochet/js/wow.js
If you then load your site and look at the website page source you should see in the head section:
<script src="/templates/rt_ricochet/js/wow.js" type="text/javascript"></script>
Then incorporate the animate.css code into you rt_ricochet-custom.css file
Also check out the source documentation:
mynameismatthieu.com/WOW/ - Last Edit: 10 years 3 weeks ago by Phil Yonge.
-
-
-
- Alain
- Elite Rocketeer
- Posts: 1345
- Thanks: 38
-
I followed your instructions carefully. And it works not only in a html module but also in a article using this code:
<span class="rt-icon-left rt-hero-icon wow zoomInRight">
<span class="rt-image">
<img src="/images/spirituel.jpg" alt="image">
</span>
</span>
You may check the result here www.lereel.net
Exactely what I expected to do.
Thank you very much Phil ! - Last Edit: 10 years 3 weeks ago by Alain.
- Let go of what we believe to be, to awaken to who we are...
Alain
-
-
-
- Alain
- Elite Rocketeer
- Posts: 1345
- Thanks: 38
-
Well..., it works perfectely with my site in french
www.lereel.net
, but nothing works with the english version ( another Joomla installation )
www.lereel.net/en
Any suggestions why it doesn't works on the other site ?
Thank you for your help. - Let go of what we believe to be, to awaken to who we are...
Alain
-
-
-
- Phil Yonge
- Sr. Rocketeer
- Posts: 104
- Thanks: 15
-
Alain wrote:
I followed your instructions carefully. And it works not only in a html module but also in a article using this code:
<span class="rt-icon-left rt-hero-icon wow zoomInRight">
<span class="rt-image">
<img src="/images/spirituel.jpg" alt="image">
</span>
</span>
You may check the result here www.lereel.net
Exactely what I expected to do.
Thank you very much Phil !
Bonjour Alain!
Fantastic that it worked for you - happy to help you.
Alain wrote:Well..., it works perfectely with my site in french www.lereel.net , but nothing works with the english version ( another Joomla installation ) www.lereel.net/en
Any suggestions why it doesn't works on the other site ?
Thank you for your help.
This should be because you have your English Joomla installation in a sub-folder of your root folder and you have to alter the path.
Do everything again for the English installation but alter one line of code to incude en/templates/
$doc->addScript(JUri::root() . 'en/templates/' . $template . 'rt_ricochet/js/wow.js');
- Last Edit: 10 years 3 weeks ago by Phil Yonge.
-
-
-
- Alain
- Elite Rocketeer
- Posts: 1345
- Thanks: 38
-
Bonjour Phil,
I started again from the begining with en/templates/ but it's still not working. The image is still desperately static. - Let go of what we believe to be, to awaken to who we are...
Alain
-
-
-
- Phil Yonge
- Sr. Rocketeer
- Posts: 104
- Thanks: 15
-
Bonjour Alain,
The HTML output for your image is completely different for French & English sites:
French Image
<span class="rt-icon-left rt-hero-icon wow zoomInRight animated" style="visibility: visible; animation-name: zoomInRight;"> <span class="rt-image"> <img alt="image" src="/images/spirituel.jpg"> </span> </span>
English
<div class="rt-image"> <img class="rt-floatleft" alt="image" src="/en/images/spiritual.jpg"> </div>
It looks like to me the image and text is in a main-body article and not a module. Is the code the same in both articles?
-
-
-
- Alain
- Elite Rocketeer
- Posts: 1345
- Thanks: 38
-
Bonjour Phil,
As it didn't worked I had replaced the old code for static image. Now I added the code for animations. It's the same as the one in the homepage article in french which works very well. But not in the english site.
Here is the code for the article in english:
<span class="rt-icon-left rt-hero-icon wow zoomInRight">
<span class="rt-image">
<img src="/en/images/spiritual.jpg" alt="image">
</span>
</span> - Let go of what we believe to be, to awaken to who we are...
Alain
-
-
-
- Phil Yonge
- Sr. Rocketeer
- Posts: 104
- Thanks: 15
-
Bonjour Alain,
It looks like the javascript isn't being loaded on the English site. Can you turn off the JCH Optimize plugin for me so I can look at your page source more clearly please?
-
Time to create page: 0.062 seconds