Welcome, Guest ( Customer Panel | Login )




 All Forums
 VPCart Forum
 Customization
 Here is how to have scrolling featured products
 New Topic  Reply to Topic
 Printer Friendly
Author Previous Topic Topic Next Topic  

ibaker
Starting Member

Australia
19 Posts

Posted - September 08 2006 :  01:25:01  Show Profile  Visit ibaker's Homepage  Reply with Quote
Say you want to have a box on the left hand side of your store that had a number of products scrolling in the box where you could say have some featured products or specials or whatever you want. A user can click on the image that is scrolling and they are taken to the product page.

To use this scroller box you only need to edit the scrollerbox.htm page (as shown below) for each product that you wish to have scrolling to the product number, it's thumbnail image and whatever text you wish to add. The code below shows 5 products but you can have as many as you want by just adding or subtracting a product block of code.

To see it working have a look at http://www.recreationalflying.com.au/Shop - note that I am still setting this site up.

In your shoppage_header.htm page insert this code say after the line that says <!--END OF TOPSELLERS BOX-->

<!--START SCROLLER BOX-->
<td><table width="100%"  border="0" cellspacing="0" cellpadding="0">
<tr>
<td class=menuhdr>Featured Products</td>
</tr>
<tr>
<td><table width="100%"  border="0" cellspacing="0" cellpadding="0" class="dashed">
<tr><td>
<IFRAME 
id=IFrame3 src="scrollerbox.htm" 
frameBorder=0 scrolling=no  noResize width=100%
height=150>Your browser does not support IFRAMES
</IFRAME> 		  
</td>
</tr>
</table></td>
</tr>
</table></td>
</tr>
<!--END SCROLLER BOX-->


Then create a new page and call it scrollerbox.htm. Insert the following code in a blank htm page:

<html>
<head>

</head>

<body leftmargin="0" topMargin=0 marginwidth="0" marginheight="0" onmouseover=clearInterval(scrollInterval) onmouseout=runScroller()>
<script language=Javascript type=text/javascript>
function scroller() { 
  if (document.body.scrollHeight-document.body.scrollTop<=document.body.clientHeight)
  {
  scroll(0,0);
  } else
  {
scroll(0,document.body.scrollTop+1);
  }
}
function runScroller() {
    scrollInterval = setInterval( "scroller()", 40);
}
</script>

<table border=0 align="center" cellPadding=0 cellSpacing=0 width="100%">
<TR>
<TD align=middle> 

<font face="Verdana" style="font-size: 10px"> 

<!-- Product 1 -->
<a target="_parent" href="shopexd.asp?id=11">
<img src="images/misc/ScrollProduct1.jpg" border=0 width="76" height="76"></a><br>
Product 1<br>
New Release. Be the first to have one.<br><br>

<!-- Product 2 -->
<a target="_parent" href="shopexd.asp?id=11">
<img src="images/misc/ScrollProduct1.jpg" border=0 width="76" height="76"></a><br>
Product 2<br>
New Release. Be the first to have one.<br><br>

<!-- Product 3 -->
<a target="_parent" href="shopexd.asp?id=11">
<img src="images/misc/ScrollProduct1.jpg" border=0 width="76" height="76"></a><br>
Product 3<br>
New Release. Be the first to have one.<br><br>

<!-- Product 4 -->
<a target="_parent" href="shopexd.asp?id=11">
<img src="images/misc/ScrollProduct1.jpg" border=0 width="76" height="76"></a><br>
Product 4<br>
New Release. Be the first to have one.<br><br>

<!-- Product 5 -->
<a target="_parent" href="shopexd.asp?id=11">
<img src="images/misc/ScrollProduct1.jpg" border=0 width="76" height="76"></a><br>
Product 5<br>
New Release. Be the first to have one.<br><br>
</font>
</td>
</tr>
</table>

<script language=Javascript type=text/javascript>
runScroller()
</script>

</body>

</html>


Hope this helps

regards
Ian

Edited by - ibaker on September 08 2006 01:38:26

grahamcrackerscomics.com
Starting Member

USA
43 Posts

Posted - September 14 2006 :  20:42:17  Show Profile  Visit grahamcrackerscomics.com's Homepage  Reply with Quote
Worked like a charm -
I put it to use on the main page!

thanks very much!

--John Robinson
www.grahamcrackers.com
Go to Top of Page

ibaker
Starting Member

Australia
19 Posts

Posted - September 15 2006 :  17:02:05  Show Profile  Visit ibaker's Homepage  Reply with Quote
Great - glad to hear it.

In a few weeks when I get back to setting up my shop I will post many more free enhancements as I create them in my own shop so we can all start helping each other out with free mods - afterall that's what communities like this should be all about!

regards
Ian
Go to Top of Page

rockjam
Starting Member

Canada
8 Posts

Posted - September 16 2006 :  16:27:52  Show Profile  Visit rockjam's Homepage  Reply with Quote
That's fantastic, it took me two minutes to set it up and it works great.
Go to Top of Page

Steve2507
VP-CART Expert

590 Posts

Posted - February 02 2007 :  10:05:24  Show Profile  Reply with Quote
Hi,

I'm using a script similar to this from http://www.shopforus.com/index.asp?url=vpaspindex and it works great.

I was wondering if anyone new of a way of doing the same thing but scrolling horizontally.

Thanks

Steve
Go to Top of Page

extremeskillz
VP-CART New User

USA
94 Posts

Posted - February 02 2007 :  15:08:29  Show Profile  Reply with Quote
WORKS GREAT. THANKS
Go to Top of Page

interface engineer
Starting Member

USA
30 Posts

Posted - February 27 2007 :  16:48:22  Show Profile  Visit interface engineer's Homepage  Reply with Quote
Hi Steve2507,
I set up a horizontal one using the flash tool available here:
http://www.vevs.com/flashnews/

Here is the site I have it implemented on (warning: this site has music):
http://www.ossoandco.com/

Cheers,
Steve

www.interfaceengineer.com
Go to Top of Page

goshen
VP-CART New User

132 Posts

Posted - February 27 2007 :  19:06:35  Show Profile  Reply with Quote
Does this flash scroller support dynamic contents as with the featured products. This will be great if it does since the fetured product is being pulled from the database and is not going to be static html images/contents.

If so can you please shed more light on how you have been able to use it before I proceed to buy the app.

thanks

Go to Top of Page

extremeskillz
VP-CART New User

USA
94 Posts

Posted - June 29 2007 :  12:37:43  Show Profile  Reply with Quote
has anyone tried this in v6.50 yet?
Go to Top of Page

Lori Titus
VP-CART New User

144 Posts

Posted - June 30 2007 :  15:32:07  Show Profile  Visit Lori Titus's Homepage  Reply with Quote
I figured out how to get <%generatefeaturedproducts%> to scroll. It is a variation on the method listed above. Only problem I have with it is getting the font and alignment they way I want it to look (any suggestions appreciated):

I created a new file called scrollerbox.asp, and entered the following code:

<!-- #include file="shop$db.asp" -->

<body leftmargin="0" topMargin=0 marginwidth="0" marginheight="0" onmouseover=clearInterval(scrollInterval) onmouseout=runScroller()>
<script language=Javascript type=text/javascript>
function scroller() {
if (document.body.scrollHeight-document.body.scrollTop<=document.body.clientHeight)
{
scroll(0,0);
} else
{
scroll(0,document.body.scrollTop+1);
}
}
function runScroller() {
scrollInterval = setInterval( "scroller()", 50);
}
</script>

<table border=0 align="center" cellPadding=0 cellSpacing=0 width="100%">
<TR>
<TD>

<%navigatefeaturedproducts%>

</td>
</tr>
</table>

<script language=Javascript type=text/javascript>
runScroller()
</script>
------------------------------

Then I modified shoppage_headers and entered the following code:

<!-- TEST SCROLL FEATURED PRODUCTS BOX-->
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><h2><%=getlang("langfeaturedproducts")%></h2></td>
</tr>
<tr>
<td><table width="100%" border="0" cellspacing="0" cellpadding="0" class="ac vt">
<tr>
<td>
<IFRAME
id=IFrame3 src="scrollerbox.asp"
frameBorder=0 align="center" scrolling=no noResize width=100%
height=150>Your browser does not support IFRAMES
</IFRAME>
</td>
</tr>
</table>
</td>
</tr>
</table>
<!--END SCROLLER BOX-->

The Internet's #1 supplier of honey and beeswax.
Go to Top of Page

goshen
VP-CART New User

132 Posts

Posted - July 05 2007 :  22:18:51  Show Profile  Reply with Quote
working demo?
Go to Top of Page

extremeskillz
VP-CART New User

USA
94 Posts

Posted - July 06 2007 :  12:12:58  Show Profile  Reply with Quote
I modified your code. Edit you shoppage_header.asp file again and do this:

<!-- START FEATURED PRODUCTS Scroller BOX -->
<h2><%=getlang("langfeaturedproducts")%></h2>
<div class="box"><IFRAME id=IFrame3 src="scrollerbox.asp"
frameBorder=0 align="center" scrolling=no noResize width=100%
height=150>Your browser does not support IFRAMES
</IFRAME></div>
<!-- END FEATURED PRODUCTS Scroller BOX -->

THis allows the box to take on the shop.css styles.

The only issue is to get the scroller box to take on shop.css stylesheets for the scrollerbox.asp to look like top sellers box. For right now i modified tmp_topsellers.htm to be centered and it appears ok for now until im able to figure out how to make it use the stylesheets. This is temporary until we figure it out. It works great though and now its controllable in the admin pages which is cool.


Go to Top of Page

extremeskillz
VP-CART New User

USA
94 Posts

Posted - July 06 2007 :  13:01:45  Show Profile  Reply with Quote
Found a problem, when you click on a featured item it opens within the scroller box window insead of opening the page.
Go to Top of Page

ironhawker
VP-CART Super User

USA
260 Posts

Posted - October 13 2009 :  19:15:34  Show Profile  Visit ironhawker's Homepage  Reply with Quote
target="_parent" in tmp_topsellers

Edited by - ironhawker on November 07 2009 15:06:24
Go to Top of Page
  Previous Topic Topic Next Topic  
 New Topic  Reply to Topic
 Printer Friendly
Jump To:
Snitz Forums 2000
0 Item(s)
$0.00