So far I've had no luck with this.
Here's what I've done so far.
1. Created a directory on the server for promos with sub-folders for scripts and images.
2. I went into customer/home.tpl and added this code between the head tags:
-Calling jQuery via google and the plug in file on the server
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script type="text/javascript" src="http://lookinglavish.com/promos/scripts/jquery.cycle.all.2.72.js"></script>
-Firing the jQuery function
<script type="text/javascript">
$(document).ready(function(){
$('.welcome-top').cycle({
fx: 'fade'
});
});
</script>
3. Added 2 images into customer/main/welcome.tpl
-I've only pasted the top part of the file where the images were added.
<div class="welcome-top">
<img src="promos/images/may10/may10_1.jpg" class="welcome" alt="" />
<img src="promos/images/may10/may10_2.jpg" class="welcome" alt="" />
{if $categories && ($active_modules.Flyout_Menus || $config.General.root_categories eq "Y" || $subcategories)}
{include file="customer/categories.tpl" }
{else}
<img src="{$ImagesDir}/spacer.gif" alt="" class="empty-height-extender" />
{/if}
</div><!--closes welcome-top-->
The images are showing up but the cycle function is not firing up and I'm getting the following error:
Error: Smarty error: [in customer/home.tpl line 19]: syntax error: unrecognized tag: $('.welcome-top').cycle({fx: 'fade' (Smarty_Compiler.class.php, line 446) in
lookinglavish.com/include/lib/smarty/Smarty.class.php on line
1093
I don't have a lot of experience with PHP or smarty templates so I'm not sure what the problem is. I am guessing that the JS code calling the cycle function is trying to processed by smarty and there's a conflict because the tag is similar to smarty format or something along those lines?
Here's the site:
http://lookingLAVISH.com