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..

gizmo 02-26-2010 11:09 AM

Re: Just cant get dynamicDrive scripts to work
 
I gather your using this one > http://www.dynamicdrive.com/dynamicindex14/fadeinslideshow.htm

Can you just confirm

manishp 02-26-2010 11:17 AM

Re: Just cant get dynamicDrive scripts to work
 
Quote:

Originally Posted by gizmo
I gather your using this one > http://www.dynamicdrive.com/dynamicindex14/fadeinslideshow.htm

Can you just confirm


Hi gizmo

That is the correct URL for the script on Dynamic Drive.

Thanks a lot.

gb2world 02-26-2010 11:18 AM

Re: Just cant get dynamicDrive scripts to work
 
Quote:

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?

The literal tags have nothing to do with the paths - they only tell smarty - "do not try and interpret things inside here". This is because smarty thinks any thing inside { } is smarty code. But javascript uses {} too - so you are telling smarty - ignore my javascript code.

Yes - you do need to make sure your script understands the paths to your images. It can be relative or the entire path. If this is wrong - it can explain your problem. The paths should be relative to where the javascript is running - which is your home directory.

One tip when trying new scripts - first do it out side of xcart - just open an html file, debug it there. That eliminates any of the X-CART complications. You can get all your paths correct and get everything working. Once you have that - move it into X-CART. Then you know you are dealing with something to do with X-CART.

manishp 02-26-2010 01:07 PM

Re: Just cant get dynamicDrive scripts to work
 
Quote:

Originally Posted by gb2world
The literal tags have nothing to do with the paths - they only tell smarty - "do not try and interpret things inside here". This is because smarty thinks any thing inside { } is smarty code. But javascript uses {} too - so you are telling smarty - ignore my javascript code.

Yes - you do need to make sure your script understands the paths to your images. It can be relative or the entire path. If this is wrong - it can explain your problem. The paths should be relative to where the javascript is running - which is your home directory.

One tip when trying new scripts - first do it out side of xcart - just open an html file, debug it there. That eliminates any of the X-CART complications. You can get all your paths correct and get everything working. Once you have that - move it into X-CART. Then you know you are dealing with something to do with X-CART.


Thanks gb2World.

Your tip was great. It does make sense to have the script work on a simple HTML before merging it with x-cart.

I did exactly that and now I see the error - "jquery is not defined" in IE and firefox. since JQuery is coming from -"http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" which is available, I am not sure what could be wrong.

I updated this reference to use the jquery.min.js file within the skin1 directory and it did the trick for the HTML.

Now I need to get it to work within xcart. For some reason it just doesn't like relate paths for images. So the only way I could get it to work was by providing images as - http:\\www.myserver.com\img.jpg which is lame, but does the trick.

Again thanks so much gb2World and gizmo for helping me out. It was a great learning experience :)

Thanks again.

gizmo 02-26-2010 01:37 PM

Re: Just cant get dynamicDrive scripts to work
 
Your Welcome
Glad you enjoyed the ride.....lol...

ARW VISIONS 02-26-2010 03:41 PM

Re: Just cant get dynamicDrive scripts to work
 
I believe it's a path issue with the images.

Try using skin1/images/ad_banner_images/ad_banner53.jpg

You can still use relative paths, but remember the actual page is home.php, which is not in the skin1 folder.

manishp 02-28-2010 05:18 AM

Re: Just cant get dynamicDrive scripts to work
 
Quote:

Originally Posted by Ashley
I believe it's a path issue with the images.

Try using skin1/images/ad_banner_images/ad_banner53.jpg

You can still use relative paths, but remember the actual page is home.php, which is not in the skin1 folder.


Thanks Ashley for your guidance, will give a try in a few:lol:

Just a thought, using if loops I was able to get the image slideshow appear in the right section for categories and product pages and not on the home page. Now, just curious if there is a way to display featured products from the current category rather than static images. Just the product thumbnail will do the trick for me. But since the script needs to reside within home.tpl, not sure if this is possible.

Any ideas if this may/may not work?

Thanks so much.

ARW VISIONS 02-28-2010 01:16 PM

Re: Just cant get dynamicDrive scripts to work
 
why does the script need ot be in home.tpl?

manishp 02-28-2010 02:44 PM

Re: Just cant get dynamicDrive scripts to work
 
Well, DynamicDrive asks to put it between the <head> </head> tags and so I placed it there.

Here is the link to the script I am trying to add - http://www.dynamicdrive.com/dynamicindex14/fadeinslideshow.htm

you think its worth a try to place it say in the product.tpl rather or somewhere else?

Thanks so much.

gb2world 03-01-2010 11:06 AM

Re: Just cant get dynamicDrive scripts to work
 
Quote:

Now, just curious if there is a way to display featured products from the current category rather than static images. Just the product thumbnail will do the trick for me. But since the script needs to reside within home.tpl, not sure if this is possible.

The script being in home.tpl should not prevent you from doing that. The smarty variables to build a javascript array out of featured products should be available to you.


All times are GMT -8. The time now is 12:08 PM.

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