I would like to add a simple "page loading" javascript + css code in ZC.
I need to place the codes in the <head> tag and in the <body> tag.
Where do I do that?
Results 1 to 8 of 8
-
22 Sep 2012, 04:58 AM #1
New Zenner
- Join Date
- Sep 2012
- Posts
- 65
- Plugin Contributions
- 0
FEC customization - javascript load screen
-
22 Sep 2012, 05:05 AM #2
Black Belt
- Join Date
- Jul 2005
- Location
- Upstate NY
- Posts
- 22,010
- Plugin Contributions
- 25
Re: javascript load screen
http://www.zen-cart.com/wiki/index.p...s_-_Javascript
The body part could go in any number of files depending on how and where you want it to function. tpl_main_page.php or tpl_header.php would be common files to use.
-
22 Sep 2012, 06:47 PM #3
New Zenner
- Join Date
- Sep 2012
- Posts
- 65
- Plugin Contributions
- 0
Re: javascript load screen
Thank you for your reply. This is a bit out of my range. :-) I am using Expression Web to create web pages. It is very easy to build websites with that software. Easy to see the body and head tags. When I pull up a page for example the tpl_main_page.php I can see the body tag, but no head tag.
Here is what I would like to do. (I should have started with this):
I am using the numinix FEC. Because of the shipping modules loading slow, the checkout page loads slow. You can see certain notes on some websites saying "click only once" or
lease wait to load" and so on, but I thought to make this a little more attractive and that is why I would like to add this simple 'load screen' JS only into the login page.
I read the ZC wiki you sent in the thread, thank you for that, it helped a lot, the only thing left is I still can not find the head tag to put a new css path.
Please share your thoughts.
Thank you
-
22 Sep 2012, 08:28 PM #4
Black Belt
- Join Date
- Aug 2005
- Location
- Arizona
- Posts
- 27,761
- Plugin Contributions
- 9
Re: javascript load screen
That software is for creating html pages and ZenCart is php basedI am using Expression Web to create web pages
So you will not necessarily see what you are accustomed to seeingZen-Venom Get Bitten
-
22 Sep 2012, 09:22 PM #5
New Zenner
- Join Date
- Sep 2012
- Posts
- 65
- Plugin Contributions
- 0
Re: javascript load screen
Yes, EW does have the capability for reading and creating PHP. I have pulled up a few pages from my ZC and saw the entire code together with the head tag on certain pages.
-
22 Sep 2012, 10:54 PM #6
Black Belt
- Join Date
- Jul 2005
- Location
- Upstate NY
- Posts
- 22,010
- Plugin Contributions
- 25
Re: javascript load screen
Look in /includes/templates/template_default/css/CSSreadme.txt. It tells you how and where to save CSS files to autoload on different pages.
-
22 Sep 2012, 10:59 PM #7
Sensei
- Join Date
- Jan 2004
- Posts
- 66,373
- Blog Entries
- 7
- Plugin Contributions
- 274
Re: javascript load screen
1. No, what you think you're seeing in EW is not the PHP template stuff in ZC.
But you seem to have your mind made up.
Nevertheless ...
2. You REALLY should NOT use EW for any Zen Cart files.
If your files get damaged (which is VERY common by any software written by Microsoft... SERIOUSLY!), then EW is very likely the cause.
You've been warned.
3. If you're convinced that you want to ignore the advanced way of putting stuff into the <head> section by using the built-in smart javascript and css support as described in the wiki, then put a copy of the html_header.php file into your own custom template, and hack in your own stuff there. It'll make your upgrades more complicated though..
Zen Cart - putting the dream of business ownership within reach of anyone!
Donate to: DrByte directly or to the Zen Cart team as a whole
Remember: Any code suggestions you see here are merely suggestions. You assume full responsibility for your use of any such suggestions, including any impact ANY alterations you make to your site may have on your PCI compliance.
Furthermore, any advice you see here about PCI matters is merely an opinion, and should not be relied upon as "official". Official PCI information should be obtained from the PCI Security Council directly or from one of their authorized Assessors.
-
1 Oct 2012, 03:25 PM #8
New Zenner
- Join Date
- Sep 2012
- Posts
- 65
- Plugin Contributions
- 0
Re: javascript load screen
I have not given up yet. ;-) Thanks for your input so far.
My question:
Is there any way that I can access the login button code?
I need to alter this part:
<div class="buttonRow forward">
<input type="image" title=" Sign In " alt="Sign In" src="includes/templates/apparel_boutique/buttons/english/button_login.gif">
</div>
I would like to add/alter the following:
<img id="myImage" src="loading.gif" width="50" height="50" />
<br /><br />
<input type="button" onclick="changeSrc()" value="Change image" />
This will change the "login button" to a loading animated gif. I have the jscript_loading.js uploaded in the correct folder
Reply With Quote
Similar Threads
-
ANyway to get images to load in FULL screen when using Image Handler?
By kevinmc3 in forum All Other Contributions/AddonsReplies: 0Last Post: 27 Nov 2010, 02:04 AM -
load javascript in <head> for certain category?
By magicmike in forum Templates, Stylesheets, Page LayoutReplies: 0Last Post: 23 Nov 2009, 07:26 AM -
Coupon Email screen takes forever to load
By rwoody in forum Discounts/Coupons, Gift Certificates, Newsletters, AdsReplies: 7Last Post: 21 Nov 2008, 05:57 PM -
On-load javascript
By aussiewench in forum General QuestionsReplies: 12Last Post: 2 Nov 2007, 03:24 AM
Bookmarks