I am testing out this software for use for a small clothing company who wishes to go online.
One thing i couldnt find was a good size chart mod or something that you automatically take table data and display it.
So i made one with the help of a jquery script called CSV2TABLE.
I dont have might sight live so i cant show you how it intergrates with OpenCart but i can give you the code i used so that it might help you.
For basic examples i have made a site where you can see it in action and see the potential as you can do graphs also
http://buxwear.com.au/test/test.html HTML example no opnecart integration
I used fancybox also for dramatic affect.
Here is how you do it.
Add the files to header.tpl (catalog/view/theme/default/template/common)
Code: Select all
<script src="catalog/view/javascript/jquery.csv2table-0.02-b-2.8.js" type="text/javascript" charset="utf-8"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script>
Code: Select all
<script src="jquery.jqchart-0.03-beta-1.1.js" type="text/javascript" charset="utf-8"></script>
Code: Select all
<script type="text/javascript" src="catalog/view/javascript/jquery/fancybox/jquery.easing-1.3.pack.js"></script>
<script type="text/javascript" src="catalog/view/javascript/jquery/fancybox/jquery.fancybox-1.3.1.pack.js"></script>
<link rel="stylesheet" type="text/css" href="catalog/view/javascript/jquery/fancybox/jquery.fancybox-1.3.1.css" media="screen" />
<script type="text/javascript">
$(document).ready(function() {
$("a#inline").fancybox({
titlePosition :'inside',
titleFormat :'formattitle',
});
});
</script>
And added a field called sizechart
Code: Select all
<td><b><?php echo "Size Chart"; ?></b></td>
<?php $filename = 'download/'. $model . '.csv';
if (file_exists($filename)) { ?>
<td>
<script>
$(function(){
$('#sizechart').csv2table('<?php print($filename);?>');
});
</script>
<a href="#sizechart" id="inline" title="<?php print($heading_title);?> Size Chart" >Click Here</a>
<div class="hide">
<div id="sizechart">
</div></div>
</td>
<?php } else { ?>
<td>Not Available</td>
<?php } ?>
What this should do is look up the folder downloads and look if there is a CSV file matching the model of the product if it is it will display the sizechart is a fancybox with the title being the title of the product.
Please comment, i am not a coder so some of this could be wrong and am new to OpenCart
Get CSV2TABLE Here http://plugins.jquery.com/project/csv2table
Get Fancybox Herehttp://fancybox.net/
