X-Cart: shopping cart software

X-Cart forums (https://forum.x-cart.com/index.php)
-   Changing design (https://forum.x-cart.com/forumdisplay.php?f=51)
-   -   Just cant get dynamicDrive scripts to work (https://forum.x-cart.com/showthread.php?t=52547)

manishp 02-26-2010 09:07 AM

Just cant get dynamicDrive scripts to work
 
I have been struggling to get the dynamic drive scripts from working on my portal on 4.2.2 x-cart pro.

The script in question is located at -
http://www.dynamicdrive.com/dynamicindex14/fadeinslideshow.htm

I have followed all instructions of using {literal} and {\literal} before and after the scripts which need to be placed in the <head> section of customer/home.tpl

I get no errors at all and I can't see the image transition on my portal.

I am still debugging, but just can't seem to see what is wrong.

Can you please guide me as to what I could be missing?

Here is an excerpt from the home.tpl file:
Quote:

<head>
{include file="customer/service_head.tpl"}
{literal}
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>

<script type="text/javascript" src="{$SkinDir}/fadeslideshow.js">

/***********************************************
* Ultimate Fade In Slideshow v2.0- (c) Dynamic Drive DHTML code library (www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit Dynamic Drive at http://www.dynamicdrive.com/ for this script and 100s more
***********************************************/

</script>

<script type="text/javascript">
var mygallery=new fadeSlideShow({
wrapperid: "fadeshow1", //ID of blank DIV on page to house Slideshow
dimensions: [180, 300], //width/height of gallery in pixels. Should reflect dimensions of largest image
imagearray: [
["ad_banner_images/ad_banner53.jpg", "", "", "Nothing beats relaxing next to the pool when the weather is hot."],
["ad_banner_images/ad_banner56.jpg", "http://en.wikipedia.org/wiki/Cave", "_new", "Some day I'd like to explore these caves!"],
displaymode: {type:'auto', pause:2500, cycles:0, wraparound:false},
persist: false, //remember last viewed slide and recall within same session?
fadeduration: 500, //transition duration (milliseconds)
descreveal: "ondemand",
togglerid: ""
})


var mygallery2=new fadeSlideShow({
wrapperid: "fadeshow2", //ID of blank DIV on page to house Slideshow
dimensions: [250, 180], //width/height of gallery in pixels. Should reflect dimensions of largest image
imagearray: [
["http://i26.tinypic.com/11l7ls0.jpg", "", "", "Nothing beats relaxing next to the pool when the weather is hot."],
["http://i29.tinypic.com/xp3hns.jpg", "http://en.wikipedia.org/wiki/Cave", "_new", "Some day I'd like to explore these caves!"],
["http://i30.tinypic.com/531q3n.jpg"],
["http://i31.tinypic.com/119w28m.jpg", "", "", "What a beautiful scene with everything changing colors."] //<--no trailing comma after very last image element!
],
displaymode: {type:'manual', pause:2500, cycles:0, wraparound:false},
persist: false, //remember last viewed slide and recall within same session?
fadeduration: 500, //transition duration (milliseconds)
descreveal: "always",
togglerid: "fadeshow2toggler"
})
</script>
{/literal}
</head>



Any help from you guys is greatly appreciated.

Thanks so much for your time.

jdiehl 02-26-2010 09:28 AM

Re: Just cant get dynamicDrive scripts to work
 
There is a line in the code that says:
wrapperid: "fadeshow1", //ID of blank DIV on page to house Slideshow

Do you have a blank div on your home page? Something similar to:

<div id="fadeshow1"></div>

This is required, since that defines where the slideshow appears. That's the best I can do without a link.

gizmo 02-26-2010 09:55 AM

Re: Just cant get dynamicDrive scripts to work
 
Where exactly is your > fadeslideshow.js ?
can you name the folder

manishp 02-26-2010 09:55 AM

Re: Just cant get dynamicDrive scripts to work
 
Quote:

Originally Posted by jdiehl
There is a line in the code that says:
wrapperid: "fadeshow1", //ID of blank DIV on page to house Slideshow

Do you have a blank div on your home page? Something similar to:

<div id="fadeshow1"></div>

This is required, since that defines where the slideshow appears. That's the best I can do without a link.


Thanks so much for taking the time to read through and replying so promptly.

I have added <div id="fadeshow1"></div> such that the image transition appears in the right hand section right above the news.

Just a thought, but is this related to $SkinDir not available in the javascript section, which I have used to fetch the custom javaScript?

manishp 02-26-2010 10:01 AM

Re: Just cant get dynamicDrive scripts to work
 
Quote:

Originally Posted by gizmo
Where exactly is your > fadeslideshow.js ?
can you name the folder


It's located here- \xcart\skin1\fadeslideshow.js

In Firebug, I can see that this JavaScript is NOT even loaded in the Script section. So may be its unable to find this script. Using the path as - "\xcart\skin1\fadeslideshow.js" also doesn't work.

gizmo 02-26-2010 10:13 AM

Re: Just cant get dynamicDrive scripts to work
 
Trying to help, can you give me exact url of script I will test it on my local machine.
That is url from dynamicdrive.

Maybe better for me to see how it operates

gb2world 02-26-2010 10:14 AM

Re: Just cant get dynamicDrive scripts to work
 
Anything within {literal}{/literal} is not interpreted by Smarty. You normally put this around code that has snytax (like javascript) that smarty also uses.

So - smarty will not interpret a variable inside {literal} and {/literal} tags. So - $SkinDir will not be interpreted. You can hardcode the path to the files in question or take the {literal} after where you are using the variable.

gizmo 02-26-2010 10:18 AM

Re: Just cant get dynamicDrive scripts to work
 
Just realised after gb2worlds post like he said.
You have literal start tag calling the scripts, so it should be
<head>
{include file="customer/service_head.tpl"}

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>

<script type="text/javascript" src="{$SkinDir}/fadeslideshow.js">

/***********************************************
* Ultimate Fade In Slideshow v2.0- (c) Dynamic Drive DHTML code library (www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit Dynamic Drive at http://www.dynamicdrive.com/ for this script and 100s more
***********************************************/

</script>
{literal}
<script type="text/javascript">
var mygallery=new fadeSlideShow({
wrapperid: "fadeshow1", //ID of blank DIV on page to house Slideshow
dimensions: [180, 300], //width/height of gallery in pixels. Should reflect dimensions of largest image
imagearray: [
["ad_banner_images/ad_banner53.jpg", "", "", "Nothing beats relaxing next to the pool when the weather is hot."],
["ad_banner_images/ad_banner56.jpg", "http://en.wikipedia.org/wiki/Cave", "_new", "Some day I'd like to explore these caves!"],
displaymode: {type:'auto', pause:2500, cycles:0, wraparound:false},
persist: false, //remember last viewed slide and recall within same session?
fadeduration: 500, //transition duration (milliseconds)
descreveal: "ondemand",
togglerid: ""
})


var mygallery2=new fadeSlideShow({
wrapperid: "fadeshow2", //ID of blank DIV on page to house Slideshow
dimensions: [250, 180], //width/height of gallery in pixels. Should reflect dimensions of largest image
imagearray: [
["http://i26.tinypic.com/11l7ls0.jpg", "", "", "Nothing beats relaxing next to the pool when the weather is hot."],
["http://i29.tinypic.com/xp3hns.jpg", "http://en.wikipedia.org/wiki/Cave", "_new", "Some day I'd like to explore these caves!"],
["http://i30.tinypic.com/531q3n.jpg"],
["http://i31.tinypic.com/119w28m.jpg", "", "", "What a beautiful scene with everything changing colors."] //<--no trailing comma after very last image element!
],
displaymode: {type:'manual', pause:2500, cycles:0, wraparound:false},
persist: false, //remember last viewed slide and recall within same session?
fadeduration: 500, //transition duration (milliseconds)
descreveal: "always",
togglerid: "fadeshow2toggler"
})
</script>
{/literal}
</head>

manishp 02-26-2010 10:31 AM

Re: Just cant get dynamicDrive scripts to work
 
Thank you "gizmo" and "gb2World" for helping me out.=D>

This takes care of the script loading on my server, however, i still dont see the transition effects on the right panel on my test server.

I am testing this on a local virtual machine and so don't have the direct link for you guys to see and get to the bottom of the issue.

The only thing i can think now is that the images can't be found. Since I am following the {literal} tags approach, does this mean i have to give the entire path of the images like http:\www.myserver...images.jpg? or can i still access it using a relative path?

Thanks again for all your help and guidance.

gizmo 02-26-2010 11:05 AM

Re: Just cant get dynamicDrive scripts to work
 
If you can give me link to the script at dynamicdrive, Like I said I can see what's happening and test it on my xampp!!!!

Then maybe get you going..


All times are GMT -8. The time now is 06:18 AM.

Powered by vBulletin Version 3.5.4
Copyright ©2000 - 2025, Jelsoft Enterprises Ltd.