It actually works: http://etechnologytesting.com/example7
However, when enabled it kills all other actions on the main page. Like the carousel, slideshow, etc. I really would like to get this working and put it for free download, without it killing all of the other mods.
I would really like to get this working 1.For my own sanity 2.For stability 3.To Share with others
OpenCart Version: Version 1.5.1.3
VQmod: 1.0.8
Code: Select all
<modification>
<id>Side Sliding Tab</id>
<version>1.0.0</version>
<vqmver>2.1.5</vqmver>
<author>Brianmbi</author>
<file name="catalog/view/theme/*/template/common/header.tpl">
<operation>
<search position="before"><![CDATA[
</head> ]]></search>
<add><![CDATA[
<!-- Calling the jquery without having to upload more files to root folder -->
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js" type="text/javascript"></script>
<script src="http://tab-slide-out.googlecode.com/files/jquery.tabSlideOut.v1.3.js"></script>
<script type="text/javascript">
$(function(){
$('.slide-out-div').tabSlideOut({
tabHandle: '.handle',
pathToTabImage: 'image/data/contact_tab.gif',
imageHeight: '122px',
imageWidth: '40px',
tabLocation: 'left',
speed: 300,
action: 'click',
topPos: '200px',
leftPos: '20px',
fixedPosition: false
});
});
</script>
<style type="text/css">
.slide-out-div {
padding: 20px;
width: 250px;
background: #ffffff;
border: 1px solid #29216d;
}
</style>
]]></add>
</operation>
</file>
<file name="catalog/view/theme/*/template/common/footer.tpl">
<operation>
<search position="before"><![CDATA[
</body> ]]></search>
<add><![CDATA[
<div class="slide-out-div">
<a class="handle" href="http://link-for-non-js-users.html">Content</a>
<h3>Choose Your Shop</h3>
<p>Shop <a href="#" target="_blank">shop1</a></p>
<p>Shop <a href="#" target="_blank">shop2</a></p>
</div>
]]></add>
</operation>
</file>
</modification>
