Recent
Categories
View Replies (6)

Insert HTML, CSS, JS Code Privilege Page

0
Votes
Undo
  1. Agabby
    Agabby
  2. Sherlock Holmes
  3. Commercial Templates
  4. Sunday, 12 April 2020
  5.  Subscribe via email
Hello .. hello. I pray that everyone is safe and coping well under Isolation with Covid-19.

Ciaran,

I'd like to insert some custom code on one of the pages I'm using with this beautiful Privilege.. that I am determined to finish.. and use some of the other templates I have purchased from you.

The foundation you have offer us via your templates are so perfect. I want to add a design element that I found and it's comprised of HTML, CSS and JS in order to work. I have inserted the HTML via Custom HTML Advanced. I inserted the CSS code under Template page Custom CSS, but I have no idea where to insert Javascript. I'm wondering if I have to create a special file, but then I don't know how to insert it into the page.

I have installed Joomla JS and CSS plugins but I don't get it so I'll probably uninstall them. I'm currently trying to review instructions on joomla.org forum. Hopefully you can offer some insight for me.

THANK YOU.

A
Responses (6)
ciaran
ciaran
Love Fool Sherlock Holmes The Voice
Notable Answerer Notable Answerer
Accepted Answer Pending Moderation
0
Votes
Undo
Hello

Probably the quickest and easiest option is to wrap your JS in script tags and place it in the Cusotm Code field of your template settings. Something like the following...

<script>

document.addEventListener("DOMContentLoaded", function() {



// YOUR CODE HERE



});

</script>


Creating a timeline module has been on the cards for us for a while... I will make sure it is our next endeavor :)

Ciaran
  1. more than a month ago
  2. Commercial Templates
  3. # 1
Agabby
Agabby
Sherlock Holmes
Accepted Answer Pending Moderation
0
Votes
Undo
Ciaran,

WHOOO HOOO.. I have another one that is soooo important to me like a background of a Coming Soon page. Since I am so in love with your templates, I can use timeline extension for so many designs.

OK I will try the script, but I tried that with HTMLAdvanced as an insert.. but it didn't work.

Also one of the major reasons it's taken me so long to finish my site.. bc I'm so determined to make it work. I've also tried to improvise with the J51 Hover module and it would probably work, but I had to think too hard about it.

THANK YOU.. Let me try your suggestion
A
  1. more than a month ago
  2. Commercial Templates
  3. # 2
ciaran
ciaran
Love Fool Sherlock Holmes The Voice
Notable Answerer Notable Answerer
Accepted Answer Pending Moderation
0
Votes
Undo
Hi A

Would you have a URL to the pen you wish to add to your site?

Ciaran
  1. more than a month ago
  2. Commercial Templates
  3. # 3
Agabby
Agabby
Sherlock Holmes
Accepted Answer Pending Moderation
0
Votes
Undo
Hello. I replied to your email with the links. thanks
a
  1. more than a month ago
  2. Commercial Templates
  3. # 4
ciaran
ciaran
Love Fool Sherlock Holmes The Voice
Notable Answerer Notable Answerer
Accepted Answer Pending Moderation
0
Votes
Undo
Thank you

A couple of things worth noting about your codepens.

1. The vertical timeline requires both a newer version of jQuery than what is included with Joomla and also requires the scrollreveal JS library to function (https://scrollrevealjs.org/pricing/).

2. The horizontal timeline also requires a newer version of jQuery than what is included with Joomla. You may wish to install a jQuery extension like 'jQuery Easy'.

Ciaran
  1. more than a month ago
  2. Commercial Templates
  3. # 5
Agabby
Agabby
Sherlock Holmes
Accepted Answer Pending Moderation
0
Votes
Undo
Ciaran,

THANK YOU SO MUCH! I've always had and currently have the current version of jQuery Easy 2.24 but will update to new version.

Are you interested in designing something similar as an extension plugin or module and I am willing to pay for it.

But, in the meantime, can you advise me on how to embed the JS code? I use custom html advanced to embed html code and template page custom css to embed the css code. Where do I embed the JS code for the template page?

Thanks much
  1. more than a month ago
  2. Commercial Templates
  3. # 6
  • Page :
  • 1


There are no replies made for this post yet.
Be one of the first to reply to this post!

Site Links

Recommended

Join Our Newsletter

* indicates required
We respect your privacy and do not tolerate spam and will never sell, rent, lease or give away your information (name, email, number, etc.) to any third party. Nor will we send you unsolicited email.
Joomla51 - Mullaghmore, Co. Sligo, Ireland
Joomla51.com is not affiliated with or endorsed by the Joomla! Project or Open Source Matters.
The Joomla! name and logo is used under a limited license granted by
Open Source Matters the trademark holder in the United States and other countries.

We use cookies on our website. Some of them are essential for the operation of the site, while others help us to improve this site and the user experience (tracking cookies). You can decide for yourself whether you want to allow cookies or not. Please note that if you reject them, you may not be able to use all the functionalities of the site.

Ok