Menu ...

• Features
• Products API
• Categories API
• Manufacturers API
• Notes
• Author

Features ...

• Support Virtuemart Products, Categories, and Manufacturers.
• Works for any GET request like cURL, AJAX, file_get_contents(), etc.
• Responses in HTML or JSON.
• Products by category, popularity, featured, latest, random, recent.
• Product limits configurable.
• HTML layouts adjustable by products per row.
• JSON returns links to details pages and related media.
• Includes a Joomla module enabling site administrators to publish this information to any position.

Products API ...

						
<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js"></script>
<div id="vm_random_products">Loading ...</div>
<script type="text/javascript">
//<![CDATA[
jQuery.ajax({
	url: 'http://shop.ekerner.com/index.php',
	data: {
		option: 'com_vm_api',
		view: 'products',
		group: 'random',
		type: 'html',
		cols: 2,
		max: 4
	},
	dataType: 'html',
	success: function(data){
		jQuery('#vm_random_products').html(data);
	}
});
//]]>
</script>
					

						
<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js"></script>
<div id="vm_random_products_json">Loading ...</div>
<script type="text/javascript">
//<![CDATA[
jQuery.ajax({
	url: 'http://shop.ekerner.com/index.php',
	data: {
		option: 'com_vm_api',
		view: 'products',
		group: 'random',
		type: 'json',
		max: 4
	},
	dataType: 'json',
	success: function(data){
		var products = 'JSON contains details for: -<ul>';
		for (var i in data) 
			if (data[i].product_name)
				products += '<li><b>'+data[i].product_name+': </b>'+
						data[i].product_s_desc+'</li>';
		products += '</ul>';
		jQuery('#vm_random_products_json').html(products);
	}
});
//]]>
</script>
					

Categories API ...

						
<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js"></script>
<div id="vm_categories">Loading ...</div>
<script type="text/javascript">
//<![CDATA[
jQuery.ajax({
	url: 'http://shop.ekerner.com/index.php',
	data: {
		option: 'com_vm_api',
		view: 'categories',
		type: 'html'
	},
	dataType: 'html',
	success: function(data){
		jQuery('#vm_categories').html(data);
	}
});
//]]>
</script>
					

						
<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js"></script>
<div id="vm_categories_json">Loading ...</div>
<script type="text/javascript">
//<![CDATA[
jQuery.ajax({
	url: 'http://shop.ekerner.com/index.php',
	data: {
		option: 'com_vm_api',
		view: 'categories',
		type: 'json'
	},
	dataType: 'json',
	success: function(data){
		var categories = 'JSON contains details for: -<ul>';
		for (var i in data) 
			if (data[i].category_name)
				categories += '<li><b>'+data[i].category_name+': </b>'+
						data[i].category_description+'</li>';
		categories += '</ul>';
		jQuery('#vm_categories_json').html(categories);
	}
});
//]]>
</script>
					

Manufacturers API ...

						
<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js"></script>
<div id="vm_manufacturers">Loading ...</div>
<script type="text/javascript">
//<![CDATA[
jQuery.ajax({
	url: 'http://shop.ekerner.com/index.php',
	data: {
		option: 'com_vm_api',
		view: 'manufacturers',
		type: 'html',
		cols: 2,
		max: 4
	},
	dataType: 'html',
	success: function(data){
		jQuery('#vm_manufacturers').html(data);
	}
});
//]]>
</script>
					

						
<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js"></script>
<div id="vm_manufacturers_json">Loading ...</div>
<script type="text/javascript">
//<![CDATA[
jQuery.ajax({
	url: 'http://shop.ekerner.com/index.php',
	data: {
		option: 'com_vm_api',
		view: 'manufacturers',
		type: 'json'
	},
	dataType: 'json',
	success: function(data){
		var manufacturers = 'JSON contains details for: -<ul>';
		for (var i in data) 
			if (data[i].mf_name)
				manufacturers += '<li><b>'+data[i].mf_name+': </b>'+
						data[i].mf_desc+'</li>';
		manufacturers += '</ul>';
		jQuery('#vm_manufacturers_json').html(manufacturers);
	}
});
//]]>
</script>
					

Notes ...

• Your web pages may already have the jQuery lib included in which case you may be able to omit the following line from the code sniplets ...
  

  						
  <script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js"></script>
  					

• The HTML code examples may be used as they are however the JSON code examples should be edited first to better express the HTML including the links etc.
  The JSON APIs are designed to give developers greater control over how the elements are rendered and therefore much more related information is returned than by the HTML API calls (See the "FIELDS RETURNED" headings).
  You are welcome to hire my dev team to help you with your custom designs if so desired.

Copyright © 2024 eKerner.com