Floating Menu

lc0 · December 29, 2013

Hello, I would put a floating side menu on oscommerce but I can't make it working.

This is the html code:

<head>
<link rel="stylesheet" type="text/css" href="styles.css" />
<script type="text/javascript" src="floating-1.12.js"> 
</script>
</head>
<body>
<div id="floatdiv" style=" 
   position:absolute;
   margin:80px auto;
   width:40px;height:200px;top:10px;right:10px; 
   padding:16px;background: transparent;   
   z-index:100"> 
<ul id="navigationMenu">
   <li>
 <a class="home" href="#">
	    <span>Home</span>
    </a>
   </li>

   <li>
 <a class="about" href="#">
	    <span>Chi siamo</span>
    </a>
   </li>

   <li>
  <a class="services" href="#">
	    <span>Eventi</span>
	 </a>
   </li>

   <li>
 <a class="portfolio" href="#">
	    <span>Portfolio</span>
    </a>
   </li>

   <li>
 <a class="contact" href="#">
	    <span>Seguici</span>
    </a>
   </li>
</ul> 
</div> 

<script type="text/javascript"> 
   floatingMenu.add('floatdiv', 
    { 

	    targetLeft: 0, 
	    targetTop: 10, 

	    snap: true 
    }); 
</script>

styles.css and floating-1.12.js are external files, but nothing works.

lc0 · December 29, 2013

This is the result. I would put it on the home page of oscommerce.

♥bruyndoncx · December 29, 2013

assuming you use 2.3.x you should put it in includes/template_top.php

if you only want it on the home page, you should check that the page is index.php and current_category_id == 0

to only then add the javascript, in the header section and the actual html content in the body

lc0 · December 30, 2013

Yes, I use 2.3.3.4. I put it in template_top but it doesn't works and I don't understand why.

lc0 · December 30, 2013

Ok, now all works!

I had to put the javascript and style files in the ext folder.

So, this is the result.

♥bruyndoncx · December 30, 2013

Cool :thumbsup:

Floating Menu

Recommended Posts

lc0

lc0

♥bruyndoncx

lc0

lc0

♥bruyndoncx

Archived

Browse

Activity