STS template code

Kjolebutikken · January 19, 2006

Hi, I've made a combined login/logoff link and a new link called slideshow in my header navigation bar, but they don't show. I also installed the header image carousel. It does not show either. All this shows fine in my testshop, so I know it is installed rigth. I found out that the reason is that in my real shop I have an sts template design. I guess I have to make som changes also in my sts files for all this to show.

Here I neeed som help. I have no clue what to change. This is a list of my sts files:

includes/sts_template.html

includes/sts_display_output.php

includes/sts_product_info.php

includes/sts_restart_capture.php

includes/sts_stop_capture.php

includes/sts_user_code.php

Hope someone can help me out a little here.

Thanks you so much.

Best regards

Kjolebutikken

Kjolebutikken · January 26, 2006

Hi, have not managed to figured this out yet. Somebody out there with sts template that have an idea why some contributions don't show, but they do when not using the template????

Hope somebodu can help me here:-) Thanks:-)

scarlettsweb · January 27, 2006

Hi, have not managed to figured this out yet. Somebody out there with sts template that have an idea why some contributions don't show, but they do when not using the template????
Hope somebodu can help me here:-) Thanks:-)

Hi,

I'm thinking you need to modify the sts_template.html? Can you put a link to your store to see what you have here?

Thanks!

Kjolebutikken · January 28, 2006

Hi,

I'm thinking you need to modify the sts_template.html? Can you put a link to your store to see what you have here?

Thanks!

Hi and thank you so much for answering:-)

Here is the link to my store:

http://www.kjolebutikken.com/oscdemo1/index.php

Thank you:-)

Kjolebutikken

Kjolebutikken · January 28, 2006

Hi and thank you so much for answering:-)
Here is the link to my store:

http://www.kjolebutikken.com/oscdemo1/index.php

Thank you:-)

Kjolebutikken

Hi, I took a litle look in sts-template.html and I changed this:

 <td class="headerNavigation"><div align="right">$myaccount 
	| $cartcontents | $checkout</div></td>

to:

 <td class="headerNavigation"><div align="right">$login 
	| $logoff | $slideshow | $myaccount 
	| $cartcontents | $checkout</div></td>

Now the links show, but with the $ in front like $slideshow and the link itself does not function. Also I'm not sure it's right to list both login and logoff here, as only one of them is supposed to show at a time, either login or logoff. Now only login shows when not logged in, and that is correct, but there is a | | where logoff is, and this is not supposed to show, its only supposed to be one |:

http://www.kjolebutikken.com/oscdemo1/index.php

I still have not figured out how to make the header image carousel show in the header.

Also, here is the link to my testshop, where you can see that both the links in the header nav. bar and the header image carousel is working fine:

http://www.kjolebutikken.com/nettbutikk/index.php

scarlettsweb · January 29, 2006

Hi, I took a litle look in sts-template.html and I changed this:
 <td class="headerNavigation"><div align="right">$myaccount 
	| $cartcontents | $checkout</div></td>
to:
 <td class="headerNavigation"><div align="right">$login 
	| $logoff | $slideshow | $myaccount 
	| $cartcontents | $checkout</div></td>
Now the links show, but with the $ in front like $slideshow and the link itself does not function. Also I'm not sure it's right to list both login and logoff here, as only one of them is supposed to show at a time, either login or logoff. Now only login shows when not logged in, and that is correct, but there is a | | where logoff is, and this is not supposed to show, its only supposed to be one |:

http://www.kjolebutikken.com/oscdemo1/index.php

I still have not figured out how to make the header image carousel show in the header.

Also, here is the link to my testshop, where you can see that both the links in the header nav. bar and the header image carousel is working fine:

http://www.kjolebutikken.com/nettbutikk/index.php

Hi,

Ok, i'm going to suggest that inside your sts_template.html, instead of putting "<!--- start get_javasc....> tags, you simply put the following for the carousel of images inside the HTML of your header on this page for the carousel of images:

<center><td align="center"><script type="text/javascript">

//Specify the slider's width (in pixels)

var sliderwidth="760"

//Specify the slider's height

var sliderheight="75px"

//Specify the slider's slide speed (larger is faster 1-10)

var slidespeed=2

//configure background color:

slidebgcolor="#660000"

//Specify the slider's images

var leftrightslide=new Array()

var finalslide=''

leftrightslide[0]='<a href="http://"><img src="/images/food/1.jpg" border=0 width="75" height="75"></a>'

leftrightslide[1]='<a href="http://"><img src="/images/food/2.jpg" border=0 width="75" height="75"></a>'

leftrightslide[2]='<a href="http://"><img src="/images/food/3.jpg" border=0 width="75" height="75"></a>'

leftrightslide[3]='<a href="http://"><img src="/images/food/4.jpg" border=0 width="75" height="75"></a>'

leftrightslide[4]='<a href="http://"><img src="/images/food/5.jpg" border=0 width="75" height="75"></a>'

leftrightslide[5]='<a href="http://"><img src="/images/food/6.jpg" border=0 width="75" height="75"></a>'

leftrightslide[6]='<a href="http://"><img src="/images/food/7.jpg" border=0 width="75" height="75"></a>'

leftrightslide[7]='<a href="http://"><img src="/images/food/8.jpg" border=0 width="75" height="75"></a>'

leftrightslide[8]='<a href="http://"><img src="/images/food/9.jpg" border=0 width="75" height="75"></a>'

leftrightslide[9]='<a href="http://"><img src="/images/food/10.jpg" border=0 width="75" height="75"></a>'

leftrightslide[10]='<a href="http://"><img src="/images/food/11.jpg" border=0 width="75" height="75"></a>'

leftrightslide[11]='<a href="http://"><img src="/images/food/12.jpg" border=0 width="75" height="75"></a>'

leftrightslide[12]='<a href="http://"><img src="/images/food/13.jpg" border=0 width="75" height="75"></a>'

leftrightslide[13]='<a href="http://"><img src="/images/food/14.jpg" border=0 width="75" height="75"></a>'

leftrightslide[14]='<a href="http://"><img src="/images/food/15.jpg" border=0 width="75" height="75"></a>'

leftrightslide[15]='<a href="http://"><img src="/images/food/16.jpg" border=0 width="75" height="75"></a>'

leftrightslide[16]='<a href="http://"><img src="/images/food/17.jpg" border=0 width="75" height="75"></a>'

leftrightslide[17]='<a href="http://"><img src="/images/food/18.jpg" border=0 width="75" height="75"></a>'

leftrightslide[18]='<a href="http://"><img src="/images/food/19.jpg" border=0 width="75" height="75"></a>'

leftrightslide[19]='<a href="http://"><img src="/images/food/20.jpg" border=0 width="75" height="75"></a>'

leftrightslide[20]='<a href="http://"><img src="/images/food/11.jpg" border=0 width="75" height="75"></a>'

//Specify gap between each image (use HTML):

var imagegap=" "

//Specify pixels gap between each slideshow rotation (use integer):

var slideshowgap=0

////NO NEED TO EDIT BELOW THIS LINE////////////

var copyspeed=slidespeed

leftrightslide='<nobr>'+leftrightslide.join(imagegap)+'</nobr>'

var iedom=document.all||document.getElementById

if (iedom)

document.write('<span id="temp" style="visibility:hidden;position:absolute;top:-100px;left:-9000px">'+leftrightslide+'</span>')

var actualwidth=''

var cross_slide, ns_slide

function fillup(){

if (iedom){

cross_slide=document.getElementById? document.getElementById("test2") : document.all.test2

cross_slide2=document.getElementById? document.getElementById("test3") : document.all.test3

cross_slide.innerHTML=cross_slide2.innerHTML=leftrightslide

actualwidth=document.all? cross_slide.offsetWidth : document.getElementById("temp").offsetWidth

cross_slide2.style.left=actualwidth+slideshowgap+"px"

}

else if (document.layers){

ns_slide=document.ns_slidemenu.document.ns_slidemenu2

ns_slide2=document.ns_slidemenu.document.ns_slidemenu3

ns_slide.document.write(leftrightslide)

ns_slide.document.close()

actualwidth=ns_slide.document.width

ns_slide2.left=actualwidth+slideshowgap

ns_slide2.document.write(leftrightslide)

ns_slide2.document.close()

}

lefttime=setInterval("slideleft()",30)

}

window.onload=fillup

function slideleft(){

if (iedom){

if (parseInt(cross_slide.style.left)>(actualwidth*(-1)+8))

cross_slide.style.left=parseInt(cross_slide.style.left)-copyspeed+"px"

else

cross_slide.style.left=parseInt(cross_slide2.style.left)+actualwidth+slideshowga

p+"px"

if (parseInt(cross_slide2.style.left)>(actualwidth*(-1)+8))

cross_slide2.style.left=parseInt(cross_slide2.style.left)-copyspeed+"px"

else

cross_slide2.style.left=parseInt(cross_slide.style.left)+actualwidth+slideshowga

p+"px"

}

else if (document.layers){

if (ns_slide.left>(actualwidth*(-1)+8))

ns_slide.left-=copyspeed

else

ns_slide.left=ns_slide2.left+actualwidth+slideshowgap

if (ns_slide2.left>(actualwidth*(-1)+8))

ns_slide2.left-=copyspeed

else

ns_slide2.left=ns_slide.left+actualwidth+slideshowgap

}

if (iedom||document.layers){

with (document){

document.write('<table border="0" cellspacing="0" cellpadding="0"><td>')

if (iedom){

write('<div style="position:relative;width:'+sliderwidth+';height:'+sliderheight+';overflow:hidden">')

write('<div style="position:absolute;width:'+sliderwidth+';height:'+sliderheight+';background-color:'+slidebgcolor+'" onMouseover="copyspeed=0" onMouseout="copyspeed=slidespeed">')

write('<div id="test2" style="position:absolute;left:0px;top:0px"></div>')

write('<div id="test3" style="position:absolute;left:-1000px;top:0px"></div>')

write('</div></div>')

}

else if (document.layers){

write('<ilayer width='+sliderwidth+' height='+sliderheight+' name="ns_slidemenu" bgColor='+slidebgcolor+'>')

write('<layer name="ns_slidemenu2" left=0 top=0 onMouseover="copyspeed=0" onMouseout="copyspeed=slidespeed"></layer>')

write('<layer name="ns_slidemenu3" left=0 top=0 onMouseover="copyspeed=0" onMouseout="copyspeed=slidespeed"></layer>')

write('</ilayer>')

}

document.write('</td></table>')

}

</script></td>

Of course, adapted images and links for your shop.

For the "LOGIN and LOGOFF" feature, i'd change to:

$myaccount: (The text version of "My Account" and link. Changes to "Logoff" if logged on.)

Hope this helps??

Good luck!!

Kjolebutikken · January 30, 2006

Hi,

Ok, i'm going to suggest that inside your sts_template.html, instead of putting "<!--- start get_javasc....> tags, you simply put the following for the carousel of images inside the HTML of your header on this page for the carousel of images:

<center><td align="center"><script type="text/javascript">

//Specify the slider's width (in pixels)

var sliderwidth="760"

//Specify the slider's height

var sliderheight="75px"

//Specify the slider's slide speed (larger is faster 1-10)

var slidespeed=2

//configure background color:

slidebgcolor="#660000"

//Specify the slider's images

var leftrightslide=new Array()

var finalslide=''

leftrightslide[0]='<a href="http://"><img src="/images/food/1.jpg" border=0 width="75" height="75"></a>'

leftrightslide[1]='<a href="http://"><img src="/images/food/2.jpg" border=0 width="75" height="75"></a>'

leftrightslide[2]='<a href="http://"><img src="/images/food/3.jpg" border=0 width="75" height="75"></a>'

leftrightslide[3]='<a href="http://"><img src="/images/food/4.jpg" border=0 width="75" height="75"></a>'

leftrightslide[4]='<a href="http://"><img src="/images/food/5.jpg" border=0 width="75" height="75"></a>'

leftrightslide[5]='<a href="http://"><img src="/images/food/6.jpg" border=0 width="75" height="75"></a>'

leftrightslide[6]='<a href="http://"><img src="/images/food/7.jpg" border=0 width="75" height="75"></a>'

leftrightslide[7]='<a href="http://"><img src="/images/food/8.jpg" border=0 width="75" height="75"></a>'

leftrightslide[8]='<a href="http://"><img src="/images/food/9.jpg" border=0 width="75" height="75"></a>'

leftrightslide[9]='<a href="http://"><img src="/images/food/10.jpg" border=0 width="75" height="75"></a>'

leftrightslide[10]='<a href="http://"><img src="/images/food/11.jpg" border=0 width="75" height="75"></a>'

leftrightslide[11]='<a href="http://"><img src="/images/food/12.jpg" border=0 width="75" height="75"></a>'

leftrightslide[12]='<a href="http://"><img src="/images/food/13.jpg" border=0 width="75" height="75"></a>'

leftrightslide[13]='<a href="http://"><img src="/images/food/14.jpg" border=0 width="75" height="75"></a>'

leftrightslide[14]='<a href="http://"><img src="/images/food/15.jpg" border=0 width="75" height="75"></a>'

leftrightslide[15]='<a href="http://"><img src="/images/food/16.jpg" border=0 width="75" height="75"></a>'

leftrightslide[16]='<a href="http://"><img src="/images/food/17.jpg" border=0 width="75" height="75"></a>'

leftrightslide[17]='<a href="http://"><img src="/images/food/18.jpg" border=0 width="75" height="75"></a>'

leftrightslide[18]='<a href="http://"><img src="/images/food/19.jpg" border=0 width="75" height="75"></a>'

leftrightslide[19]='<a href="http://"><img src="/images/food/20.jpg" border=0 width="75" height="75"></a>'

leftrightslide[20]='<a href="http://"><img src="/images/food/11.jpg" border=0 width="75" height="75"></a>'

//Specify gap between each image (use HTML):

var imagegap=" "

//Specify pixels gap between each slideshow rotation (use integer):

var slideshowgap=0

////NO NEED TO EDIT BELOW THIS LINE////////////

var copyspeed=slidespeed

leftrightslide='<nobr>'+leftrightslide.join(imagegap)+'</nobr>'

var iedom=document.all||document.getElementById

if (iedom)

document.write('<span id="temp" style="visibility:hidden;position:absolute;top:-100px;left:-9000px">'+leftrightslide+'</span>')

var actualwidth=''

var cross_slide, ns_slide

function fillup(){

if (iedom){

cross_slide=document.getElementById? document.getElementById("test2") : document.all.test2

cross_slide2=document.getElementById? document.getElementById("test3") : document.all.test3

cross_slide.innerHTML=cross_slide2.innerHTML=leftrightslide

actualwidth=document.all? cross_slide.offsetWidth : document.getElementById("temp").offsetWidth

cross_slide2.style.left=actualwidth+slideshowgap+"px"

}

else if (document.layers){

ns_slide=document.ns_slidemenu.document.ns_slidemenu2

ns_slide2=document.ns_slidemenu.document.ns_slidemenu3

ns_slide.document.write(leftrightslide)

ns_slide.document.close()

actualwidth=ns_slide.document.width

ns_slide2.left=actualwidth+slideshowgap

ns_slide2.document.write(leftrightslide)

ns_slide2.document.close()

}

lefttime=setInterval("slideleft()",30)

}

window.onload=fillup

function slideleft(){

if (iedom){

if (parseInt(cross_slide.style.left)>(actualwidth*(-1)+8))

cross_slide.style.left=parseInt(cross_slide.style.left)-copyspeed+"px"

else

cross_slide.style.left=parseInt(cross_slide2.style.left)+actualwidth+slideshowga

p+"px"

if (parseInt(cross_slide2.style.left)>(actualwidth*(-1)+8))

cross_slide2.style.left=parseInt(cross_slide2.style.left)-copyspeed+"px"

else

cross_slide2.style.left=parseInt(cross_slide.style.left)+actualwidth+slideshowga

p+"px"

}

else if (document.layers){

if (ns_slide.left>(actualwidth*(-1)+8))

ns_slide.left-=copyspeed

else

ns_slide.left=ns_slide2.left+actualwidth+slideshowgap

if (ns_slide2.left>(actualwidth*(-1)+8))

ns_slide2.left-=copyspeed

else

ns_slide2.left=ns_slide.left+actualwidth+slideshowgap

}

}

if (iedom||document.layers){

with (document){

document.write('<table border="0" cellspacing="0" cellpadding="0"><td>')

if (iedom){

write('<div style="position:relative;width:'+sliderwidth+';height:'+sliderheight+';overflow:hidden">')

write('<div style="position:absolute;width:'+sliderwidth+';height:'+sliderheight+';background-color:'+slidebgcolor+'" onMouseover="copyspeed=0" onMouseout="copyspeed=slidespeed">')

write('<div id="test2" style="position:absolute;left:0px;top:0px"></div>')

write('<div id="test3" style="position:absolute;left:-1000px;top:0px"></div>')

write('</div></div>')

}

else if (document.layers){

write('<ilayer width='+sliderwidth+' height='+sliderheight+' name="ns_slidemenu" bgColor='+slidebgcolor+'>')

write('<layer name="ns_slidemenu2" left=0 top=0 onMouseover="copyspeed=0" onMouseout="copyspeed=slidespeed"></layer>')

write('<layer name="ns_slidemenu3" left=0 top=0 onMouseover="copyspeed=0" onMouseout="copyspeed=slidespeed"></layer>')

write('</ilayer>')

}

document.write('</td></table>')

}

}

</script></td>

Of course, adapted images and links for your shop.

For the "LOGIN and LOGOFF" feature, i'd change to:

$myaccount: (The text version of "My Account" and link. Changes to "Logoff" if logged on.)

Hope this helps??

Good luck!!

Hi Scarlettsweb,

Thank you so much for your help. The image carousel works fine with your code. I'm so thankful:-)

I am not sure what you ment by:

For the "LOGIN and LOGOFF" feature, i'd change to:

$myaccount: (The text version of "My Account" and link. Changes to "Logoff" if logged on.)

Could you please explain a bit more?

Thank you:-)

Best regards

Kjolebutikken

scarlettsweb · January 30, 2006

Hi Scarlettsweb,

Thank you so much for your help. The image carousel works fine with your code. I'm so thankful:-)

I am not sure what you ment by:

Could you please explain a bit more?

Thank you:-)

Best regards

Kjolebutikken

You're very welcome, and glad I could help!

Ok, to elaborate further on the "$myaccount", i'm taking some info from the STS "Supported Template Tags".

If you use "$myaccount" versus "login/logoff", you actually have both login and logoff (if you're logged in- it changes automatically to 'logoff).

Here's the tags:

$cataloglogo: The OSC logo and link

$urlcataloglogo: The URL used by the $catalog logo.

$myaccountlogo: The MyAccount graphic and link

$urlmyaccountlogo: The URL used by the My Account function

$cartlogo: The Cart graphic and link

$urlcartlogo: The URL used by the Cart function

$checkoutlogo: The Checkout graphic and link

$urlcheckoutlogo: The URL used by the Checkout function

$breadcrumbs: The "Top > Catalog > whatever..." breadcrumbs text and links

$myaccount: The text version of "My Account" and link. Changes to "Logoff" if logged on.

$urlmyaccount: The URL used by the MyAccount function.

$logoff: The Logoff text and link

$urllogoff: The URL for the LogOff function

$myaccountlogoff: shows "My Account | Logoff" if logged in or "My Account" if not logged in

$cartcontents: The text version of the "Cart Contents" function.

$urlcartcontents: The URL used by the MyAccount function.

$checkout: The text version of the "Check Out" function.

$urlcheckout: The URL used by the "Check Out" function.

$categorybox: The Category box

$manufacturerbox: The Manufacturer box

$whatsnewbox: The What's New box

$searchbox: The Search box

$informationbox: The Information box

$cartbox: The Shopping Cart box

$maninfobox: The Manufacturer Info box (blank if not used on a page)

$orderhistorybox: The Order History box (blank if not used on a page, ie: use not logged in)

$bestsellersbox: The Best Sellers box

$specialfriendbox: Either the Specials box or the Tell A Friend box (depending on page viewed)

$reviewsbox: The Reviews box

$languagebox: The Languages box

$currenciesbox: The Currencies box

$content: The main content of the page (the middle of the page)

$date: The current date

$numrequests: The "XXX requests Since DATE" text

$counter: The page view counter

$footer: The footer output from footer.php

$banner: The banner output from footer.php

I'd remove the "$logoff", etc, and just put this in your template: "$myaccount"

Hope this helps!?

Good luck

Kjolebutikken · January 30, 2006

You're very welcome, and glad I could help!

Ok, to elaborate further on the "$myaccount", i'm taking some info from the STS "Supported Template Tags".

If you use "$myaccount" versus "login/logoff", you actually have both login and logoff (if you're logged in- it changes automatically to 'logoff).

Here's the tags:

$cataloglogo: The OSC logo and link

$urlcataloglogo: The URL used by the $catalog logo.

$myaccountlogo: The MyAccount graphic and link

$urlmyaccountlogo: The URL used by the My Account function

$cartlogo: The Cart graphic and link

$urlcartlogo: The URL used by the Cart function

$checkoutlogo: The Checkout graphic and link

$urlcheckoutlogo: The URL used by the Checkout function

$breadcrumbs: The "Top > Catalog > whatever..." breadcrumbs text and links

$myaccount: The text version of "My Account" and link. Changes to "Logoff" if logged on.

$urlmyaccount: The URL used by the MyAccount function.

$logoff: The Logoff text and link

$urllogoff: The URL for the LogOff function

$myaccountlogoff: shows "My Account | Logoff" if logged in or "My Account" if not logged in

$cartcontents: The text version of the "Cart Contents" function.

$urlcartcontents: The URL used by the MyAccount function.

$checkout: The text version of the "Check Out" function.

$urlcheckout: The URL used by the "Check Out" function.

$categorybox: The Category box

$manufacturerbox: The Manufacturer box

$whatsnewbox: The What's New box

$searchbox: The Search box

$informationbox: The Information box

$cartbox: The Shopping Cart box

$maninfobox: The Manufacturer Info box (blank if not used on a page)

$orderhistorybox: The Order History box (blank if not used on a page, ie: use not logged in)

$bestsellersbox: The Best Sellers box

$specialfriendbox: Either the Specials box or the Tell A Friend box (depending on page viewed)

$reviewsbox: The Reviews box

$languagebox: The Languages box

$currenciesbox: The Currencies box

$content: The main content of the page (the middle of the page)

$date: The current date

$numrequests: The "XXX requests Since DATE" text

$counter: The page view counter

$footer: The footer output from footer.php

$banner: The banner output from footer.php

I'd remove the "$logoff", etc, and just put this in your template: "$myaccount"

Hope this helps!?

Good luck

Hi, thank you, it helps:-)

I managed to get one "login" link and one "slideshow (Bildefremvisning alle varer)" link in the header navigation bar, with doing some changes in the sts_display_output.php together with the canges you mentioned above in the sts_template.html. The changes I did in the sts_display_output.php was to add these two codes:

$template['slideshow'] = '<a href="' . tep_href_link(FILENAME_SLIDESHOW) . '">' . tep_image(DIR_WS_IMAGES . 'header_cart.gif', HEADER_TITLE_SLIDESHOW) . '</a>';
 $template['urlslideshow'] = tep_href_link(FILENAME_SLIDESHOW);

$template['login'] = '<a href="' . tep_href_link(FILENAME_LOGIN) . '">' . tep_image(DIR_WS_IMAGES . 'header_cart.gif', HEADER_TITLE_LOGIN) . '</a>';
 $template['urllogin'] = tep_href_link(FILENAME_LOGIN);

$template['slideshow']	= '<a href=' . tep_href_link(FILENAME_SLIDESHOW) . ' class="headerNavigation">' . HEADER_TITLE_SLIDESHOW . '</a>';
 $template['urlslideshow'] = '<a href=' . tep_href_link(FILENAME_SLIDESHOW) . ' class="headerNavigation">' . HEADER_TITLE_SLIDESHOW . '</a>';

$template['login']	= '<a href=' . tep_href_link(FILENAME_LOGIN) . ' class="headerNavigation">' . HEADER_TITLE_LOGIN . '</a>';
 $template['urllogin'] = '<a href=' . tep_href_link(FILENAME_LOGIN) . ' class="headerNavigation">' . HEADER_TITLE_LOGIN . '</a>';

I don't know anything about this, but I just copied the code for cart contents and changed it for slideshow and login, and it worked:-)

I now have one link for login and one for my account (min side) when not logged in. It shows the same when logged in. I want to have "my account" link there all the time, whether logged in or not, but when logged in, I want the "login" link to change to "logoff". Is this possible????

Thank you so much for all you help so far:-)

Best regrads

Kjolebutikken

PS! How do I make the image carousel go from left to right? Now it goes from right to left. Not a big problem, but is it easy to change the direction???

Thanks:-)

Kjolebutikken · January 31, 2006

Hi, thank you, it helps:-)
I managed to get one "login" link and one "slideshow (Bildefremvisning alle varer)" link in the header navigation bar, with doing some changes in the sts_display_output.php together with the canges you mentioned above in the sts_template.html. The changes I did in the sts_display_output.php was to add these two codes:
$template['slideshow'] = '<a href="' . tep_href_link(FILENAME_SLIDESHOW) . '">' . tep_image(DIR_WS_IMAGES . 'header_cart.gif', HEADER_TITLE_SLIDESHOW) . '</a>';
 $template['urlslideshow'] = tep_href_link(FILENAME_SLIDESHOW);

$template['login'] = '<a href="' . tep_href_link(FILENAME_LOGIN) . '">' . tep_image(DIR_WS_IMAGES . 'header_cart.gif', HEADER_TITLE_LOGIN) . '</a>';
 $template['urllogin'] = tep_href_link(FILENAME_LOGIN);
$template['slideshow']	= '<a href=' . tep_href_link(FILENAME_SLIDESHOW) . ' class="headerNavigation">' . HEADER_TITLE_SLIDESHOW . '</a>';
 $template['urlslideshow'] = '<a href=' . tep_href_link(FILENAME_SLIDESHOW) . ' class="headerNavigation">' . HEADER_TITLE_SLIDESHOW . '</a>';

$template['login']	= '<a href=' . tep_href_link(FILENAME_LOGIN) . ' class="headerNavigation">' . HEADER_TITLE_LOGIN . '</a>';
 $template['urllogin'] = '<a href=' . tep_href_link(FILENAME_LOGIN) . ' class="headerNavigation">' . HEADER_TITLE_LOGIN . '</a>';
I don't know anything about this, but I just copied the code for cart contents and changed it for slideshow and login, and it worked:-)

I now have one link for login and one for my account (min side) when not logged in. It shows the same when logged in. I want to have "my account" link there all the time, whether logged in or not, but when logged in, I want the "login" link to change to "logoff". Is this possible????

Thank you so much for all you help so far:-)

Best regrads

Kjolebutikken

PS! How do I make the image carousel go from left to right? Now it goes from right to left. Not a big problem, but is it easy to change the direction???

Thanks:-)

Hi, solved the login/logoff problem. Changed my code in sts_display_output.php to this:

if (tep_session_is_registered('customer_id')) {
$template['myaccount'] = '<a href=' . tep_href_link(FILENAME_ACCOUNT, '', 'SSL') . ' class="headerNavigation">' . HEADER_TITLE_MY_ACCOUNT . '</a>';
$template['urlmyaccount'] = tep_href_link(FILENAME_ACCOUNT, '', 'SSL');
$template['logoff'] = '<a href=' . tep_href_link(FILENAME_LOGOFF, '', 'SSL')  . ' class="headerNavigation">' . HEADER_TITLE_LOGOFF . '</a>';
$template['urllogoff'] = tep_href_link(FILENAME_LOGOFF, '', 'SSL');
$template['myaccountlogoff'] = $template['myaccount'] . " | " . $template['logoff'];
$template['login'] = '<a href=' . tep_href_link(FILENAME_LOGOFF, '', 'SSL') . ' class="headerNavigation">' . HEADER_TITLE_LOGOFF . '</a>';
$template['urllogin'] = tep_href_link(FILENAME_LOGOFF, '', 'SSL');
 } else {
$template['myaccount'] = '<a href=' . tep_href_link(FILENAME_ACCOUNT, '', 'SSL') . ' class="headerNavigation">' . HEADER_TITLE_MY_ACCOUNT . '</a>';
$template['urlmyaccount'] = tep_href_link(FILENAME_ACCOUNT, '', 'SSL');
$template['login'] = '<a href=' . tep_href_link(FILENAME_LOGIN, '', 'SSL') . ' class="headerNavigation">' . HEADER_TITLE_LOGIN . '</a>';
$template['urllogin'] = tep_href_link(FILENAME_LOGIN, '', 'SSL');
$template['logoff'] = '';
$template['urllogoff'] = '';
$template['myaccountlogoff'] = $template['myaccount'];
 }

 $template['cartcontents']	= '<a href=' . tep_href_link(FILENAME_SHOPPING_CART) . ' class="headerNavigation">' . HEADER_TITLE_CART_CONTENTS . '</a>';
 $template['urlcartcontents'] = '<a href=' . tep_href_link(FILENAME_SHOPPING_CART) . ' class="headerNavigation">' . HEADER_TITLE_CART_CONTENTS . '</a>';

$template['slideshow']	= '<a href=' . tep_href_link(FILENAME_SLIDESHOW) . ' class="headerNavigation">' . HEADER_TITLE_SLIDESHOW . '</a>';
 $template['urlslideshow'] = '<a href=' . tep_href_link(FILENAME_SLIDESHOW) . ' class="headerNavigation">' . HEADER_TITLE_SLIDESHOW . '</a>';

 $template['checkout'] = '<a href=' . tep_href_link(FILENAME_CHECKOUT_SHIPPING, '', 'SSL') . ' class="headerNavigation">' . HEADER_TITLE_CHECKOUT . '</a>';
 $template['urlcheckout'] = tep_href_link(FILENAME_CHECKOUT_SHIPPING, '', 'SSL');

So now I only have one problem left:

1.

PS! How do I make the image carousel go from left to right? Now it goes from right to left. Not a big problem, but is it easy to change the direction???

2. Also I wanted to ask you another question, since you seem to know much about these things:-) Hope that is ok.

I have added a code for slideshow for multiple pictures of one product on the product_info.php page. The code is in my product_info.php file. It shows the same pictures regardless of which product the info page is about. I would like it to show a slideshow of pictures of only the one product in question. Do you think this is possible? Another problem is that the pictures in the header image carousel disappears only on this product info page. It seems like the two can not be seen on the same page???This is the code I have found and used:

<script language="JavaScript1.2" type="text/javascript">

/***********************************************
* Fade-in image slideshow script- ? 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 full source code
***********************************************/

var slideshow_width='140px' //SET IMAGE WIDTH
var slideshow_height='225px' //SET IMAGE HEIGHT
var pause=3000 //SET PAUSE BETWEEN SLIDE (3000=3 seconds)

var fadeimages=new Array()
//SET IMAGE PATHS. Extend or contract array as needed
fadeimages[0]="http://www.ancienttimesonline.com/images/firefront.jpg"
fadeimages[1]="http://www.ancienttimesonline.com/images/fireback.jpg"
////NO need to edit beyond here/////////////

var preloadedimages=new Array()
for (p=0;p<fadeimages.length;p++){
preloadedimages[p]=new Image()
preloadedimages[p].src=fadeimages[p]
}

var ie4=document.all
var dom=document.getElementById

if (ie4||dom)
document.write('<div style="position:relative;width:'+slideshow_width+';height:'+slideshow_height+';overflow:hidden"><div id="canvas0" style="position:absolute;width:'+slideshow_width+';height:'+slideshow_height+';top:0;left:0;filter:alpha(opacity=10);-moz-opacity:10"></div><div id="canvas1" style="position:absolute;width:'+slideshow_width+';height:'+slideshow_height+';top:0;left:0;filter:alpha(opacity=10);-moz-opacity:10;visibility: hidden"></div></div>')
else
document.write('<img name="defaultslide" src="'+fadeimages[0]+'">')

var curpos=10
var degree=10
var curcanvas="canvas0"
var curimageindex=0
var nextimageindex=1


function fadepic(){
if (curpos<100){
curpos+=10
if (tempobj.filters)
tempobj.filters.alpha.opacity=curpos
else if (tempobj.style.MozOpacity)
tempobj.style.MozOpacity=curpos/101
}
else{
clearInterval(dropslide)
nextcanvas=(curcanvas=="canvas0")? "canvas0" : "canvas1"
tempobj=ie4? eval("document.all."+nextcanvas) : document.getElementById(nextcanvas)
tempobj.innerHTML='<img src="'+fadeimages[nextimageindex]+'">'
nextimageindex=(nextimageindex<fadeimages.length-1)? nextimageindex+1 : 0
var tempobj2=ie4? eval("document.all."+nextcanvas) : document.getElementById(nextcanvas)
tempobj2.style.visibility="hidden"
setTimeout("rotateimage()",pause)
}
}

function rotateimage(){
if (ie4||dom){
resetit(curcanvas)
var crossobj=tempobj=ie4? eval("document.all."+curcanvas) : document.getElementById(curcanvas)
crossobj.style.zIndex++
tempobj.style.visibility="visible"
var temp='setInterval("fadepic()",50)'
dropslide=eval(temp)
curcanvas=(curcanvas=="canvas0")? "canvas1" : "canvas0"
}
else
document.images.defaultslide.src=fadeimages[curimageindex]
curimageindex=(curimageindex<fadeimages.length-1)? curimageindex+1 : 0
}

function resetit(what){
curpos=10
var crossobj=ie4? eval("document.all."+what) : document.getElementById(what)
if (crossobj.filters)
crossobj.filters.alpha.opacity=curpos
else if (crossobj.style.MozOpacity)
crossobj.style.MozOpacity=curpos/101
}

function startit(){
var crossobj=ie4? eval("document.all."+curcanvas) : document.getElementById(curcanvas)
crossobj.innerHTML='<img src="'+fadeimages[curimageindex]+'">'
rotateimage()
}

if (ie4||dom)
window.onload=startit
else
setInterval("rotateimage()",pause)

</script>

Thank you so much for all your help:-)

scarlettsweb · February 8, 2006

Hello! Sorry for the delay-- but working quite a lot here.

Ok, i've reviewed your msg, and think I know what you're trying to accomplish? I'll give it a shot!

For the first question- regarding 'left to right', on this script- i'm pretty sure that it cannot be done. You may want to try another script, for an image scroller that can change variables.

For the product image scrolling, for each product, you can simply insert the HTML/Script into your Admin> Catalog> Product descriptions as HTML, (possibly using this same image script?), and modify the product images/links for each product in there?

So, for instance, for your lavendar dress- (Product #29 in your store), you'd insert the code from DynamicDrive into the product description- modifying the product image names/urls.

I hope this helps, or even addresses the problems correctly.

I'll be out of town for a few days, returning on the 15th.

Good luck!

Kjolebutikken · February 8, 2006

Hello! Sorry for the delay-- but working quite a lot here.

Ok, i've reviewed your msg, and think I know what you're trying to accomplish? I'll give it a shot!

For the first question- regarding 'left to right', on this script- i'm pretty sure that it cannot be done. You may want to try another script, for an image scroller that can change variables.

For the product image scrolling, for each product, you can simply insert the HTML/Script into your Admin> Catalog> Product descriptions as HTML, (possibly using this same image script?), and modify the product images/links for each product in there?

So, for instance, for your lavendar dress- (Product #29 in your store), you'd insert the code from DynamicDrive into the product description- modifying the product image names/urls.

I hope this helps, or even addresses the problems correctly.

I'll be out of town for a few days, returning on the 15th.

Good luck!

Kjolebutikken · February 8, 2006

Hi there, thank you for your idea:-) Maybe it will work. My only consern is, since the script is in the code in product_info.php file, how will the script know, when the page changes from product to product, what pictures to show ? If I understand you right, I will then put urls for all images for all products in this same script in this same product_info. php file, lets say 100 images for 20 different products, that is 5 images per product. When I am watching product #29, to make the script show only the 5 images for product #29 from the script and not the others, will I have to get the product nb (#29) in the url somehow? If yes, do you know how such an url would look like?

Thanks:-)

Kjolebutikken

STS template code

Recommended Posts

Kjolebutikken

Kjolebutikken

scarlettsweb

Kjolebutikken

Kjolebutikken

scarlettsweb

Kjolebutikken

scarlettsweb

Kjolebutikken

Kjolebutikken

scarlettsweb

Kjolebutikken

Kjolebutikken

Archived

Browse

Activity