- Details
- Written by: Eliot Rayner
- Category: Uncategorised
{source}<?php
$app = JFactory::getApplication();
$doc = JFactory::getDocument();
$images = false;
if ($images) {
$doc->addStyleSheet(JUri::base(true) . '/modules/mod_ersd_typeahead_search/assets/css/module.css?ver=1.2');
} else {
$doc->addStyleSheet(JUri::base(true) . '/modules/mod_ersd_typeahead_search/assets/css/modulecss.css?ver=1.2');
}
if (!class_exists( 'VmConfig' )) require(JPATH_ROOT .'/administrator/components/com_virtuemart/helpers/config.php');
VmConfig::loadConfig();
vmLanguage::loadJLang('mod_virtuemart_cart', true);
vmLanguage::loadJLang('com_virtuemart', true);
vmJsApi::jQuery();
$numberincrease = 1;
?>
<script type="text/javascript">
jQuery(document).ready(function($) {
function initTypeAhead(control, optsHash) {
$(control).typeahead(optsHash);
}
var taOptsHash = {
input: '.js-typeahead-product_name',
minLength: 3,
maxItem: false,
dynamic: true,
highlight: true,
hint: true,
group: true,
cache: false,
compression: true,
cancelButton: true,
debug: true,
emptyTemplate: "No results found for <b>{{query}}</b>",
template: function () {
return '<span class="ui blue small label">{{display}}</span>';
},
source: {
product: {
template: function (query, item) {
var color = "green";
var stock_status = "checkmark"; if (item.available_stock <= 0) {color = "red";stock_status = "warning";} return '<span class="title" style="color: ' + color + ';">{{display}} </span><i class="icon-' + stock_status + '" style="color: ' + color + ';"></i>';
},
ajax: {
type: "GET",
path: "product",
url: "<?php echo JUri::base(true);?>/autocomplete_typeahead.php?",
data: {
q: "{{query}}",
i: true,
u: true,
c: true
},
dataType: "json",
}
}
},
callback: {
onShowLayout: function (node, query) {
node.attr('placeholder', 'search product name ...');
node.closest('form').find('.typeahead__list').css('max-height', $(window).height() - 200 + "px");
},
onHideLayout: function (node, query) {
node.attr('placeholder', 'Search');
},
onResult: function (node, query, result, resultCount) {
if (query === "") return;
var text = "";
if (result.length > 0 && result.length < resultCount) {
text = "Showing <strong>" + result.length + "</strong> of <strong>" + resultCount + '</strong> elements matching "' + query + '"';
} else if (result.length > 0) {
text = 'Showing <strong>' + result.length + '</strong> elements matching "' + query + '"';
} else {
text = 'No results matching "' + query + '"';
}
$('#result-container').html(text);
},
onLayoutBuiltBefore: function (node, query, result, resultHtmlList) {
resultHtmlList.find('li[data-search-group="product"]').remove();
return resultHtmlList;
},
onClickAfter: function (node, a, item, event) {
node.closest('.row_article').find('.cell_sku .js-typeahead-product_sku').val(item.product_sku).text(item.product_sku);
var replaceImage = '';
if (typeof item.file_url === "undefined"){
replaceImage = '' +
'<img src="/images/70x70.png" alt="" class="product-image" style="min-height: 70px;">' + ' ';
} else {
replaceImage = '<a title="' + item.display + '" rel="catproduct_images_0" href="' + item.product_url + '">' +
'<img src="' + item.file_url + '" alt="' + item.display + '" class="product-image">' + '</a> ';
}
node.closest('.row_article').find('.cell_image').html(replaceImage);
node.closest('.row_article').find('.cell_priceWithoutTax span.PricepriceWithoutTax').text(item.baseprice);
node.closest('.row_article').find('.cell_salesPrice span.PricesalesPrice').text(item.basepricewithtax);
node.closest('.row_article').find('input.catproduct_product_datas').replaceWith(item.product_datas);
if (item.available_stock <= 0) {
node.closest('.row_article').find('.cell_quantity a.notify').replaceWith('<a href="' + item.product_url + '/notify" class="btn btn-notify btn-info btn-md" title="Notify Me" target="_top" rel="no-follow">Notify Me</a>');
node.closest('.row_article').find('.cell_quantity div.quantities').addClass( "hide" );
} else {
node.closest('.row_article').find('.cell_quantity div.quantities').removeClass( "hide" );
node.closest('.row_article').find('.cell_quantity a.btn-notify').addClass( "hide" );
}
},
onCancel: function (node, item, event) {
var replaceImage = '<a title="" rel="catproduct_images_0" href="/">' +
'<img src="/" alt="" class="product-image" style="min-height: 70px;">' + '</a> ';
node.closest('.row_article').find('.cell_image').html(replaceImage);
node.closest('.row_article').find('.cell_sku .js-typeahead-product_sku').val('').text('');
node.closest('.row_article').find('.cell_priceWithoutTax span.PricepriceWithoutTax').text('0.00');
node.closest('.row_article').find('.cell_salesPrice span.PricesalesPrice').text('0.00');
node.closest('.row_article').find('.cell_quantity input').val('0').text('0');
node.closest('.row_article').find('input.catproduct_product_datas').replaceWith('<input type="hidden" data-product_id="0" data-product_name="" data-product_weight="0.0000" data-product_weight_uom="KG" data-product_length="0.0000" data-product_width="0.0000" data-product_height="0.0000" data-product_lwh_uom="M" data-product_in_stock="0" data-baseprice="0" data-basepricewithtax="0" data-pricewithouttax="0" data-salesprice="0" data-taxamount="0" data-discountamount="0" data-sum_product_weight="0" data-sum_baseprice="0" data-sum_basepricewithtax="0" data-sum_taxamount="0" data-sum_discountamount="0" data-sum_pricewithouttax="0" data-sum_salesprice="0" data-min_order_level="0" data-max_order_level="0" data-product_box="0" data-group_id="1" data-def_group_qty="0" class="catproduct_product_datas">');
//form[name='catproduct_form'] .cell_quantity input")
changeQuantity(node.closest('.row_article').find('.cell_quantity input'));
}
}
};
var taOptsSkuHash = {
input: '.js-typeahead-product_sku',
minLength: 2,
maxItem: false,
dynamic: true,
highlight: true,
hint: true,
group: true,
cache: false,
compression: true,
cancelButton: true,
debug: true,
emptyTemplate: "No results found for <b>{{query}}</b>",
template: function () {
return '<span class="ui blue small label">{{display}}</span>';
},
source: {
product: {
template: function (query, item) {var color = "green";
var stock_status = "checkmark";
if (item.available_stock <= 0) {
color = "red";
stock_status = "warning";
}return '<span class="skurow" style="color: ' + color + ';">' +'<span class="sku">{{display}} </span>' +'<span class="title">{{product_name}} </span>' +'<i class="icon-' + stock_status + '" style="color: ' + color + ';"></i>' +'</span>';
},
ajax: {
type: "GET",
path: "product",
url: "<?php echo JUri::base(true);?>/autocomplete_typeahead.php?",
data: {
q: "{{query}}",
i: true,
u: true,
c: true,
s: "sku"
},
dataType: "json",
}
}
},
callback: {
onShowLayout: function (node, query) {
node.attr('placeholder', 'search product sku ...');
node.closest('form').find('.typeahead__list').css('max-height', $(window).height() - 200 + "px");
},
onHideLayout: function (node, query) {
node.attr('placeholder', 'Search');
},
onResult: function (node, query, result, resultCount) {
if (query === "") return;
var text = "";
if (result.length > 0 && result.length < resultCount) {
text = "Showing <strong>" + result.length + "</strong> of <strong>" + resultCount + '</strong> elements matching "' + query + '"';
} else if (result.length > 0) {
text = 'Showing <strong>' + result.length + '</strong> elements matching "' + query + '"';
} else {
text = 'No results matching "' + query + '"';
}
$('#result-container').html(text);
},
onLayoutBuiltBefore: function (node, query, result, resultHtmlList) {
resultHtmlList.find('li[data-search-group="product"]').remove();
return resultHtmlList;
},
onClickAfter: function (node, a, item, event) {
node.closest('.row_article').find('.cell_name .js-typeahead-product_name').val(item.product_name).text(item.product_name);
var replaceImage = '';
if (typeof item.file_url === "undefined"){
replaceImage = '' +
'<img src="/images/70x70.png" alt="" class="product-image" style="min-height: 70px;">' + ' ';
} else {
replaceImage = '<a title="' + item.display + '" rel="catproduct_images_0" href="' + item.product_url + '">' +
'<img src="' + item.file_url + '" alt="' + item.display + '" class="product-image">' + '</a> ';
}
node.closest('.row_article').find('.cell_image').html(replaceImage);
node.closest('.row_article').find('.cell_priceWithoutTax span.PricepriceWithoutTax').text(item.baseprice);
node.closest('.row_article').find('.cell_salesPrice span.PricesalesPrice').text(item.basepricewithtax);
node.closest('.row_article').find('input.catproduct_product_datas').replaceWith(item.product_datas);
if (item.available_stock <= 0) {
node.closest('.row_article').find('.cell_quantity a.notify').replaceWith('<a href="' + item.product_url + '/notify" class="btn btn-notify btn-info btn-md" title="Notify Me" target="_top" rel="no-follow">Notify Me</a>');
node.closest('.row_article').find('.cell_quantity div.quantities').addClass( "hide" );
} else {
node.closest('.row_article').find('.cell_quantity div.quantities').removeClass( "hide" );
node.closest('.row_article').find('.cell_quantity a.btn-notify').addClass( "hide" );
}
},
onCancel: function (node, item, event) {
var replaceImage = '<a title="" rel="catproduct_images_0" href="/">' +
'<img src="/" alt="" class="product-image" style="min-height: 70px;">' + '</a> ';
node.closest('.row_article').find('.cell_image').html(replaceImage);
node.closest('.row_article').find('.cell_name .js-typeahead-product_name').val('').text('');
node.closest('.row_article').find('.cell_priceWithoutTax span.PricepriceWithoutTax').text('0.00');
node.closest('.row_article').find('.cell_salesPrice span.PricesalesPrice').text('0.00');
node.closest('.row_article').find('.cell_quantity input').val('0').text('0');
node.closest('.row_article').find('input.catproduct_product_datas').replaceWith('<input type="hidden" data-product_id="0" data-product_name="" data-product_weight="0.0000" data-product_weight_uom="KG" data-product_length="0.0000" data-product_width="0.0000" data-product_height="0.0000" data-product_lwh_uom="M" data-product_in_stock="0" data-baseprice="0" data-basepricewithtax="0" data-pricewithouttax="0" data-salesprice="0" data-taxamount="0" data-discountamount="0" data-sum_product_weight="0" data-sum_baseprice="0" data-sum_basepricewithtax="0" data-sum_taxamount="0" data-sum_discountamount="0" data-sum_pricewithouttax="0" data-sum_salesprice="0" data-min_order_level="0" data-max_order_level="0" data-product_box="0" data-group_id="1" data-def_group_qty="0" class="catproduct_product_datas">');
changeQuantity(node.closest('.row_article').find('.cell_quantity input'));
}
}
};
initTypeAhead('.js-typeahead-product_name', taOptsHash);
initTypeAhead('.js-typeahead-product_sku', taOptsSkuHash);
var counter = 0;
$("#addrow").on("click", function () {
for (var i = 1; i <= 5; i++) {
var newRow = $('<tr class="row_article" id="row_article' + counter + '">');
var cols = '';
cols += '<td class="cell_image"></td>';
cols += '<td class="cell_sku" data-title="Product SKU">' +
'<div class="typeahead__container">' +
' <div class="typeahead__field">' +
' <div class="typeahead__query">' +
' <input class="js-typeahead-product_sku form-control" id="product_sku' + counter + '" name="keyword" type="search" placeholder="Search product sku" autocomplete="off">' +
' </div>' +
' <div class="typeahead__button hide">' +
' <button type="submit">' +
' <i class="typeahead__search-icon fa fa-smart-search"></i>' +
' </button>' +
' </div>' +
' </div>' +
'</div>' +
'</td>';
cols += '<td class="cell_name" data-title="Product Name">' +
'<div class="typeahead__container">' +
' <div class="typeahead__field">' +
' <div class="typeahead__query">' +
' <input class="js-typeahead-product_name form-control" id="product_name' + counter + '" name="keyword" type="search" placeholder="Search product name" autocomplete="off">' +
' </div>' +
' <div class="typeahead__button hide">' +
' <button type="submit">' +
' <i class="typeahead__search-icon fa fa-smart-search"></i>' +
' </button>' +
' </div>' +
' </div>' +
'</div>' +
'</td>';
cols += '<td class="cell_priceWithoutTax" data-title="Price" data-type="currency">' +
' <div class="priceWithoutTax_text">' +
' <div class="PricepriceWithoutTax vm-display vm-price-value">' +
' <span class="vm-price-desc"></span>' +
' <span class="PricepriceWithoutTax">£ 0.00</span>' +
' </div>' +
' </div>' +
'</td>';
cols += '<td class="cell_salesPrice" data-title="Price with VAT" data-type="currency">' +
' <div class="salesPrice_text">'+
' <div class="PricesalesPrice vm-display vm-price-value">'+
' <span class="vm-price-desc"></span>'+
' <span class="PricesalesPrice">£ 0.00</span>'+
' </div>'+
' </div>'+
'</td>';
cols += '<td class="cell_quantity clearfix is-list" data-title="Quantity">'+
' <div class="quantities">'+
' <span class="quantity-box-cont quantity-box"><input class="quantity-input" size="2" name="quantity[]" value="0" type="text"></span>'+
' <span class="quantity-controls-cont quantity-controls">'+
' <button type="button" class="quantity-controls quantity-plus"><i class="icon-arrow-up"></i></button>'+
' <button type="button" class="quantity-controls quantity-minus"><i class="icon-arrow-down"></i></button>'+
' </span>'+
' </div>'+
' <a class="notify hide"/>'+
'</td>';
cols += '<td class="cell_sum_taxAmount" data-title="Tax" data-type="currency"><span>£ 0.00</span></td>';
cols += '<td class="cell_sum_priceWithoutTax" data-title="Price" data-type="currency"><span>£ 0.00</span></td>';
cols += '<td class="cell_sum_salesPrice" data-title="Price with VAT" data-type="currency"><span>£ 0.00</span></td>';
cols += '<input type="hidden" data-product_id="0" data-product_name="" data-product_weight="0.0000" data-product_weight_uom="KG" data-product_length="0.0000" data-product_width="0.0000" data-product_height="0.0000" data-product_lwh_uom="M" data-product_in_stock="0" data-baseprice="0" data-basepricewithtax="0" data-pricewithouttax="0" data-salesprice="0" data-taxamount="0" data-discountamount="0" data-sum_product_weight="0" data-sum_baseprice="0" data-sum_basepricewithtax="0" data-sum_taxamount="0" data-sum_discountamount="0" data-sum_pricewithouttax="0" data-sum_salesprice="0" data-min_order_level="0" data-max_order_level="0" data-product_box="0" data-group_id="1" data-def_group_qty="0" class="catproduct_product_datas">';
// data-toggle="modal" data-target="#confirm-delete"
cols += '<td><input type="button" class="ibtnDel btn btn-md btn-danger " value="Delete"></td>';
newRow.append(cols);
$('table.catproducttable').append(newRow);
//$('#product_name' + counter).val('').trigger('input.typeahead')
//$('#product_name' + counter).typeahead();
initTypeAhead('#product_name' + counter, taOptsHash);
initTypeAhead('#product_sku' + counter, taOptsSkuHash);
// handle users pressing enter key
$("form[name='catproduct_form'] #row_article" + counter + " input").keydown(function (e) {
if (e.keyCode == 13) {
var inputs = $(this).parents("form").eq(0).find(":input");
if (inputs[inputs.index(this) + 1] != null) {
inputs[inputs.index(this) + 1].focus();
}
e.preventDefault();
return false;
}
});
// what about updating the controls
$("form[name='catproduct_form'] #row_article" + counter + " .cell_quantity input").click( function() {
changeQuantity(this);
});
$("form[name='catproduct_form'] #row_article" + counter + " .cell_quantity button").click( function() {
changeQuantity(this);
});
$("form[name='catproduct_form'] #row_article" + counter + " .cell_quantity input").change( function() {
changeQuantity(this);
});
$("form[name='catproduct_form'] #row_article" + counter + " .cell_addToCart .addtocart-button").click( function() {
handleToCart_VM3(this);
return false;
});
$("form[name='catproduct_form'] #row_article" + counter + " .cell_addToCartEach .addtocart-button").click( function() {
handleToCartOne_VM3(this);
return false;
});
$("#row_article" + counter + " .cell_customfields :input").click(function () {
row = $(this).parents(".row_article").find("[name='quantity[]']");
getPrice(row);
});
counter++;
}
});
// delete row waz yer
$('table.catproducttable').on('click', '.ibtnDel', function (event) {
tr = $(this).closest('tr');
p_data = tr.find(".catproduct_product_datas").data();
productname = p_data.product_name;
if (parseInt(p_data.product_name.length) > 0) {
$('#confirm-delete .bootmodal-body p').replaceWith('<p>Are you sure you want to delete ' + productname + ' ?</p>');
} else {
$('#confirm-delete .bootmodal-body p').replaceWith('<p>Are you sure you want to delete this line?</p>');
}
$('#confirm-delete').modal('show').one('click', '.delete-line', function(e) {
tr.remove();
//counter -= 1;
$('#confirm-delete').modal('hide');
});
});
});
</script>
<div class="alert alert-info alert-dismissible">
<a href="#" class="close" data-dismiss="alert">×</a>
<p><i class="fa fa-info-circle info"></i>
Welcome to our Online order form. </p>
<p>
<ul>
<li>Search for products using Product Name or Products SKU. Once you've selected your product change the product quantity to the amount you want to order</li>
<li>In Stock products will be highlighted in <span class="green bold">green</span>, out of stock products will be highlighted in <span class="red bold">red</span></li>
<li>If you want to add more lines to your order click the 'Add row' button.</li>
<li>When you are ready to add all your order lines to the cart, click 'Add to Cart'.</li>
</ul>
</p>
</div>
<form ax:nowrap="1" action="index.php" method="post" name="catproduct_form" class="catproduct_form" onsubmit="event.preventDefault();">
<input type="hidden" class="catproduct_main_data" data-currency_symbol="£" data-currency_decimal_place="2" data-currency_decimal_symbol="." data-currency_thousands="" data-add_parent_from_original="0" data-product_weight_uom_parent="KG">
<table style="width:100%;" class="catproducttable">
<caption>Order form</caption>
<thead>
<tr>
<th class="cell_image col-sm-1" scope="col">Product Image</th>
<th class="cell_sku col-sm-1" scope="col">Product SKU</th>
<th class="cell_name col-sm-3" scope="col">Product Name</th>
<th class="cell_priceWithoutTax col-sm-1" scope="col" data-type="currency">Price</th>
<th class="cell_salesPrice col-sm-1" scope="col" data-type="currency">Price with VAT</th>
<th class="cell_quantity col-sm-1" scope="col">Quantity</th>
<th class="cell_sum_taxAmount col-sm-1" scope="col" data-type="currency">Tax</th>
<th class="cell_sum_priceWithoutTax col-sm-1" scope="col" data-type="currency">Price</th>
<th class="cell_sum_salesPrice col-sm-1" scope="col" data-type="currency">Price with VAT</th>
<th class="cell_action col-sm-1" scope="col"></th>
</tr>
</thead>
<tbody>
<tr class="row_article">
<td class="cell_image">
<a title="" rel="catproduct_images_0">
<img src="/images/70x70.png" alt="" class="product-image">
</a>
</td>
<td class="cell_sku" data-title="Product SKU">
<div class="typeahead__container">
<div class="typeahead__field">
<div class="typeahead__query">
<input class="js-typeahead-product_sku form-control product_sku_<?php echo $numberincrease; ?>" name="keyword" type="search" placeholder="Search product sku" autocomplete="off">
</div>
<div class="typeahead__button hide">
<button type="submit">
<i class="typeahead__search-icon fa fa-smart-search"></i>
</button>
</div>
</div>
</div>
</td>
<td class="cell_name" data-title="Product Name">
<div class="typeahead__container">
<div class="typeahead__field">
<div class="typeahead__query">
<input class="js-typeahead-product_name form-control product_name_<?php echo $numberincrease; ?>" name="keyword" type="search" placeholder="Search product name" autocomplete="off">
</div>
<div class="typeahead__button hide">
<button type="submit">
<i class="typeahead__search-icon fa fa-smart-search"></i>
</button>
</div>
</div>
</div>
</td>
<td class="cell_priceWithoutTax" data-title="Price" data-type="currency">
<div class="priceWithoutTax_text">
<div class="PricepriceWithoutTax vm-display vm-price-value">
<span class="vm-price-desc"></span>
<span class="PricepriceWithoutTax">£ 0.00</span>
</div>
</div>
</td>
<td class="cell_salesPrice" data-title="Price with VAT" data-type="currency">
<div class="salesPrice_text">
<div class="PricesalesPrice vm-display vm-price-value">
<span class="vm-price-desc"></span>
<span class="PricesalesPrice">£ 0.00</span>
</div>
</div>
</td>
<td class="cell_quantity clearfix is-list" data-title="Quantity">
<div class="quantities">
<span class="quantity-box-cont quantity-box"><input class="quantity-input product_quantity_<?php echo $numberincrease; ?>" size="2" name="quantity[]" value="0" type="text"></span>
<span class="quantity-controls-cont quantity-controls">
<button type="button" class="quantity-controls quantity-plus"><i class="icon-arrow-up"></i></button>
<button type="button" class="quantity-controls quantity-minus"><i class="icon-arrow-down"></i></button>
</span>
</div>
<a class="notify hide"/>
</td>
<td class="cell_sum_taxAmount" data-title="Tax" data-type="currency">
<span>£ 0.00</span>
</td>
<td class="cell_sum_priceWithoutTax" data-title="Price" data-type="currency">
<span>£ 0.00</span>
</td>
<td class="cell_sum_salesPrice" data-title="Price with VAT" data-type="currency">
<span>£ 0.00</span>
</td>
<td></td>
<input type="hidden" data-product_id="0" data-product_name="" data-product_weight="0.0000" data-product_weight_uom="KG" data-product_length="0.0000" data-product_width="0.0000" data-product_height="0.0000" data-product_lwh_uom="M" data-product_in_stock="0" data-baseprice="0" data-basepricewithtax="0" data-pricewithouttax="0" data-salesprice="0" data-taxamount="0" data-discountamount="0" data-sum_product_weight="0" data-sum_baseprice="0" data-sum_basepricewithtax="0" data-sum_taxamount="0" data-sum_discountamount="0" data-sum_pricewithouttax="0" data-sum_salesprice="0" data-min_order_level="0" data-max_order_level="0" data-product_box="0" data-group_id="1" data-def_group_qty="0" class="catproduct_product_datas">
</tr>
<tr class="row_article">
<td class="cell_image">
<a title="" rel="catproduct_images_1">
<img src="/images/70x70.png" alt="" class="product-image">
</a>
</td>
<td class="cell_sku" data-title="Product SKU">
<div class="typeahead__container">
<div class="typeahead__field">
<div class="typeahead__query">
<input class="js-typeahead-product_sku form-control product_sku_<?php echo $numberincrease++; ?>" name="keyword" type="search" placeholder="Search product sku" autocomplete="off">
</div>
<div class="typeahead__button hide">
<button type="submit">
<i class="typeahead__search-icon fa fa-smart-search"></i>
</button>
</div>
</div>
</div>
</td>
<td class="cell_name" data-title="Product Name">
<div class="typeahead__container">
<div class="typeahead__field">
<div class="typeahead__query">
<input class="js-typeahead-product_name form-control" name="keyword" type="search" placeholder="Search product name" autocomplete="off">
</div>
<div class="typeahead__button hide">
<button type="submit">
<i class="typeahead__search-icon fa fa-smart-search"></i>
</button>
</div>
</div>
</div>
</td>
<td class="cell_priceWithoutTax" data-title="Price" data-type="currency">
<div class="priceWithoutTax_text">
<div class="PricepriceWithoutTax vm-display vm-price-value">
<span class="vm-price-desc"></span><span class="PricepriceWithoutTax">£ 0.00</span>
</div>
</div>
</td>
<td class="cell_salesPrice" data-title="Price with VAT" data-type="currency">
<div class="salesPrice_text">
<div class="PricesalesPrice vm-display vm-price-value">
<span class="vm-price-desc"></span><span class="PricesalesPrice">£ 0.00</span>
</div>
</div>
</td>
<td class="cell_quantity clearfix is-list" data-title="Quantity">
<div class="quantities">
<span class="quantity-box-cont quantity-box"><input class="quantity-input" size="2" name="quantity[]" value="0" type="text"></span>
<span class="quantity-controls-cont quantity-controls">
<button type="button" class="quantity-controls quantity-plus"><i class="icon-arrow-up"></i></button>
<button type="button" class="quantity-controls quantity-minus"><i class="icon-arrow-down"></i></button>
</span>
</div>
<a class="notify hide"/>
</td>
<td class="cell_sum_taxAmount" data-title="Tax" data-type="currency"><span>£ 0.00</span></td>
<td class="cell_sum_priceWithoutTax" data-title="Price" data-type="currency"><span>£ 0.00</span></td>
<td class="cell_sum_salesPrice" data-title="Price with VAT" data-type="currency"><span>£ 0.00</span></td>
<td></td>
<input type="hidden" data-product_id="0" data-product_name="" data-product_weight="0.0000" data-product_weight_uom="KG" data-product_length="0.0000" data-product_width="0.0000" data-product_height="0.0000" data-product_lwh_uom="M" data-product_in_stock="0" data-baseprice="0" data-basepricewithtax="0" data-pricewithouttax="0" data-salesprice="0" data-taxamount="0" data-discountamount="0" data-sum_product_weight="0" data-sum_baseprice="0" data-sum_basepricewithtax="0" data-sum_taxamount="0" data-sum_discountamount="0" data-sum_pricewithouttax="0" data-sum_salesprice="0" data-min_order_level="0" data-max_order_level="0" data-product_box="0" data-group_id="1" data-def_group_qty="0" class="catproduct_product_datas">
</tr>
<tr class="row_article">
<td class="cell_image">
<a title="" rel="catproduct_images_2">
<img src="/images/70x70.png" alt="" class="product-image">
</a>
</td>
<td class="cell_sku" data-title="Product SKU">
<div class="typeahead__container">
<div class="typeahead__field">
<div class="typeahead__query">
<input class="js-typeahead-product_sku form-control" name="keyword" type="search" placeholder="Search product sku" autocomplete="off">
</div>
<div class="typeahead__button hide">
<button type="submit">
<i class="typeahead__search-icon fa fa-smart-search"></i>
</button>
</div>
</div>
</div>
</td>
<td class="cell_name" data-title="Product Name">
<div class="typeahead__container">
<div class="typeahead__field">
<div class="typeahead__query">
<input class="js-typeahead-product_name form-control" name="keyword" type="search" placeholder="Search product name" autocomplete="off">
</div>
<div class="typeahead__button hide">
<button type="submit">
<i class="typeahead__search-icon fa fa-smart-search"></i>
</button>
</div>
</div>
</div>
</td>
<td class="cell_priceWithoutTax" data-title="Price" data-type="currency">
<div class="priceWithoutTax_text">
<div class="PricepriceWithoutTax vm-display vm-price-value">
<span class="vm-price-desc"></span><span class="PricepriceWithoutTax">£ 0.00</span>
</div>
</div>
</td>
<td class="cell_salesPrice" data-title="Price with VAT" data-type="currency">
<div class="salesPrice_text">
<div class="PricesalesPrice vm-display vm-price-value">
<span class="vm-price-desc"></span><span class="PricesalesPrice">£ 0.00</span>
</div>
</div>
</td>
<td class="cell_quantity clearfix is-list" data-title="Quantity">
<div class="quantities">
<span class="quantity-box-cont quantity-box"><input class="quantity-input" size="2" name="quantity[]" value="0" type="text"></span>
<span class="quantity-controls-cont quantity-controls">
<button type="button" class="quantity-controls quantity-plus"><i class="icon-arrow-up"></i></button>
<button type="button" class="quantity-controls quantity-minus"><i class="icon-arrow-down"></i></button>
</span>
</div>
<a class="notify hide"/>
</td>
<td class="cell_sum_taxAmount" data-title="Tax" data-type="currency"><span>£ 0.00</span></td>
<td class="cell_sum_priceWithoutTax" data-title="Price" data-type="currency"><span>£ 0.00</span></td>
<td class="cell_sum_salesPrice" data-title="Price with VAT" data-type="currency"><span>£ 0.00</span></td>
<td></td>
<input type="hidden" data-product_id="0" data-product_name="" data-product_weight="0.0000" data-product_weight_uom="KG" data-product_length="0.0000" data-product_width="0.0000" data-product_height="0.0000" data-product_lwh_uom="M" data-product_in_stock="0" data-baseprice="0" data-basepricewithtax="0" data-pricewithouttax="0" data-salesprice="0" data-taxamount="0" data-discountamount="0" data-sum_product_weight="0" data-sum_baseprice="0" data-sum_basepricewithtax="0" data-sum_taxamount="0" data-sum_discountamount="0" data-sum_pricewithouttax="0" data-sum_salesprice="0" data-min_order_level="0" data-max_order_level="0" data-product_box="0" data-group_id="1" data-def_group_qty="0" class="catproduct_product_datas">
</tr>
<tr class="row_article">
<td class="cell_image">
<a title="" rel="catproduct_images_3">
<img src="/images/70x70.png" alt="" class="product-image">
</a>
</td>
<td class="cell_sku" data-title="Product SKU">
<div class="typeahead__container">
<div class="typeahead__field">
<div class="typeahead__query">
<input class="js-typeahead-product_sku form-control" name="keyword" type="search" placeholder="Search product sku" autocomplete="off">
</div>
<div class="typeahead__button hide">
<button type="submit">
<i class="typeahead__search-icon fa fa-smart-search"></i>
</button>
</div>
</div>
</div>
</td>
<td class="cell_name" data-title="Product Name">
<div class="typeahead__container">
<div class="typeahead__field">
<div class="typeahead__query">
<input class="js-typeahead-product_name form-control" name="keyword" type="search" placeholder="Search product name" autocomplete="off">
</div>
<div class="typeahead__button hide">
<button type="submit">
<i class="typeahead__search-icon fa fa-smart-search"></i>
</button>
</div>
</div>
</div>
</td>
<td class="cell_priceWithoutTax" data-title="Price" data-type="currency">
<div class="priceWithoutTax_text">
<div class="PricepriceWithoutTax vm-display vm-price-value">
<span class="vm-price-desc"></span>
<span class="PricepriceWithoutTax">£ 0.00</span>
</div>
</div>
</td>
<td class="cell_salesPrice" data-title="Price with VAT" data-type="currency">
<div class="salesPrice_text">
<div class="PricesalesPrice vm-display vm-price-value">
<span class="vm-price-desc"></span>
<span class="PricesalesPrice">£ 0.00</span>
</div>
</div>
</td>
<td class="cell_quantity clearfix is-list" data-title="Quantity">
<div class="quantities">
<span class="quantity-box-cont quantity-box"><input class="quantity-input" size="2" name="quantity[]" value="0" type="text"></span>
<span class="quantity-controls-cont quantity-controls">
<button type="button" class="quantity-controls quantity-plus"><i class="icon-arrow-up"></i></button>
<button type="button" class="quantity-controls quantity-minus"><i class="icon-arrow-down"></i></button>
</span>
</div>
<a class="notify hide"/>
</td>
<td class="cell_sum_taxAmount" data-title="Tax" data-type="currency">
<span>£ 0.00</span>
</td>
<td class="cell_sum_priceWithoutTax" data-title="Price" data-type="currency">
<span>£ 0.00</span>
</td>
<td class="cell_sum_salesPrice" data-title="Price with VAT" data-type="currency">
<span>£ 0.00</span>
</td>
<td></td>
<input type="hidden" data-product_id="0" data-product_name="" data-product_weight="0.0000" data-product_weight_uom="KG" data-product_length="0.0000" data-product_width="0.0000" data-product_height="0.0000" data-product_lwh_uom="M" data-product_in_stock="0" data-baseprice="0" data-basepricewithtax="0" data-pricewithouttax="0" data-salesprice="0" data-taxamount="0" data-discountamount="0" data-sum_product_weight="0" data-sum_baseprice="0" data-sum_basepricewithtax="0" data-sum_taxamount="0" data-sum_discountamount="0" data-sum_pricewithouttax="0" data-sum_salesprice="0" data-min_order_level="0" data-max_order_level="0" data-product_box="0" data-group_id="1" data-def_group_qty="0" class="catproduct_product_datas">
</tr>
<tr class="row_article">
<td class="cell_image">
<a title="" rel="catproduct_images_4">
<img src="/images/70x70.png" alt="" class="product-image">
</a>
</td>
<td class="cell_sku" data-title="Product SKU">
<div class="typeahead__container">
<div class="typeahead__field">
<div class="typeahead__query">
<input class="js-typeahead-product_sku form-control" name="keyword" type="search" placeholder="Search product sku" autocomplete="off">
</div>
<div class="typeahead__button hide">
<button type="submit">
<i class="typeahead__search-icon fa fa-smart-search"></i>
</button>
</div>
</div>
</div>
</td>
<td class="cell_name" data-title="Product Name">
<div class="typeahead__container">
<div class="typeahead__field">
<div class="typeahead__query">
<input class="js-typeahead-product_name form-control" name="keyword" type="search" placeholder="Search product name" autocomplete="off">
</div>
<div class="typeahead__button hide">
<button type="submit">
<i class="typeahead__search-icon fa fa-smart-search"></i>
</button>
</div>
</div>
</div>
</td>
<td class="cell_priceWithoutTax" data-title="Price" data-type="currency">
<div class="priceWithoutTax_text">
<div class="PricepriceWithoutTax vm-display vm-price-value">
<span class="vm-price-desc"></span>
<span class="PricepriceWithoutTax">£ 0.00</span>
</div>
</div>
</td>
<td class="cell_salesPrice" data-title="Price with VAT" data-type="currency">
<div class="salesPrice_text">
<div class="PricesalesPrice vm-display vm-price-value">
<span class="vm-price-desc"></span>
<span class="PricesalesPrice">£ 0.00</span>
</div>
</div>
</td>
<td class="cell_quantity clearfix is-list" data-title="Quantity">
<div class="quantities">
<span class="quantity-box-cont quantity-box"><input class="quantity-input" size="2" name="quantity[]" value="0" type="text"></span>
<span class="quantity-controls-cont quantity-controls">
<button type="button" class="quantity-controls quantity-plus"><i class="icon-arrow-up"></i></button>
<button type="button" class="quantity-controls quantity-minus"><i class="icon-arrow-down"></i></button>
</span>
</div>
<a class="notify hide"/>
</td>
<td class="cell_sum_taxAmount" data-title="Tax" data-type="currency">
<span>£ 0.00</span>
</td>
<td class="cell_sum_priceWithoutTax" data-title="Price" data-type="currency">
<span>£ 0.00</span>
</td>
<td class="cell_sum_salesPrice" data-title="Price with VAT" data-type="currency">
<span>£ 0.00</span>
</td>
<td></td>
<input type="hidden" data-product_id="0" data-product_name="" data-product_weight="0.0000" data-product_weight_uom="KG" data-product_length="0.0000" data-product_width="0.0000" data-product_height="0.0000" data-product_lwh_uom="M" data-product_in_stock="0" data-baseprice="0" data-basepricewithtax="0" data-pricewithouttax="0" data-salesprice="0" data-taxamount="0" data-discountamount="0" data-sum_product_weight="0" data-sum_baseprice="0" data-sum_basepricewithtax="0" data-sum_taxamount="0" data-sum_discountamount="0" data-sum_pricewithouttax="0" data-sum_salesprice="0" data-min_order_level="0" data-max_order_level="0" data-product_box="0" data-group_id="1" data-def_group_qty="0" class="catproduct_product_datas">
</tr>
</tbody>
<tfoot>
<tr style="padding:15px;">
<td colspan="10" style="text-align: left;">
<input type="button" class="btn btn-lg btn-block " id="addrow" value="Add Rows" />
</td>
</tr>
<tr class="row_total row_total_taxAmount">
<td colspan="9">VAT</td>
<td class="total_taxAmount" data-title="VAT">
<span>£ 0.00</span>
</td>
</tr>
<tr class="row_total row_total_priceWithoutTax">
<td colspan="9">Total price :</td>
<td class="total_priceWithoutTax" data-title="Total price :">
<span>£ 0.00</span>
</td>
</tr>
<tr class="row_total row_total_salesPrice">
<td colspan="9">Total price with VAT :</td>
<td class="total_salesPrice" data-title="Total price with VAT :">
<span>£ 0.00</span>
</td>
</tr>
<tr class="row_addtocart">
<td colspan="10" class="cell_addToCart" align="right">
<span class="addtocart-button" style="float:right;">
<input type="submit" name="addtocart" class="btn btn-invert btn-addtocart btn-lg addtocart-button" value="Add to Cart" title="Add to Cart">
</span>
</td>
</tr>
<tr class="row_gotocart">
<td colspan="10" class="cell_addToCart" align="right"> <span class="gotocart-button" style="float:right;">
<div class="show_cart"> <a style="float:right;" href="/my-cart" rel="nofollow">Show Cart</a> </div> </span>
</td>
</tr>
</tfoot>
</table>
<input name="option" value="com_virtuemart" type="hidden">
<input name="view" value="cart" type="hidden">
<input name="task" value="addJS" type="hidden">
<input name="format" value="json" type="hidden">
</form>
<div class="bootmodal fade" id="quick-add-to-cart" tabindex="-1" role="dialog" aria-labelledby="cartLabel" aria-hidden="true" style="z-index:9000;">
<div class="bootmodal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
<div class="bootmodal-dialog-title" id="cartLabel"><span class="product-added-title">Product successfully added</span></div>
</div>
<div class="bootmodal-body">
<p></p>
</div>
<div class="bootmodal-footer">
<button class="btn btn-base" data-dismiss="modal" aria-hidden="true">Close</button>
</div>
</div>
<div class="bootmodal fade" id="confirm-delete" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" style="z-index:9000;">
<div class="bootmodal-dialog">
<div class="bootmodal-content">
<div class="bootmodal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
<div class="bootmodal-dialog-title" id="cartLabel"><span class="product-added-title">Confirm Delete</span></div>
</div>
<div class="bootmodal-body">
<p>Are you sure you want to delete this line?</p>
</div>
<div class="bootmodal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Cancel</button>
<a class="btn btn-danger btn-ok delete-line">Delete</a>
</div>
</div>
</div>
</div>
<div class="bootmodal fade" id="confirm-submit" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" style="z-index:9000;"><div class="bootmodal-dialog"><div class="bootmodal-content"><div class="bootmodal-header"><button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button><div class="bootmodal-dialog-title" id="cartLabel"><span class="product-added-title">Confirm Add to Cart</span></div></div><div class="bootmodal-body"><p>Are you sure you want to add to cart?</p></div><div class="bootmodal-footer"><button type="button" class="btn btn-default" data-dismiss="modal">No</button><a id="submit-confirmed" class="btn btn-success btn-ok add-to-cart">Yes</a></div></div>
</div>{/source}
- Details
- Written by: Gaynor Humphrey
- Category: Uncategorised
Dinosaur toys are always popular and we are very pleased to have a wide range of Dinosaur toys for you to choose from. Available in a range of different dinosaur toys and a variety of sizes and colours.
- Details
- Written by: Eliot Rayner
- Category: Uncategorised
A striking, crochet handmade parrot soft toy crafted from organic cotton by fair trade artisans. Its gentle texture, striking colourful design, and eco‑friendly materials make it a thoughtful choice for little ones and a feel‑good gift that supports rural communities by providing fairly paid employment.
This luxurious green velvet plesiosaurus Christmas hanging decoration is ready to spread some Christmas cheer with its vivid red scarf. The plesiosaurus dinosaur has a round body and long graceful neck. This adorable plesiosaurus Xmas decoration can be hung on your Christmas tree but could equally be used year round to add to any dinosaur themed decor for the dinosaur mad one in your life.
Please note that this is a hanging decoration and NOT a toy
Our sausage dog in tweed with a Santa hat is now available to adorn your Christmas tree! This adorable sausage dog Christmas decoration is sure to bring a smile to your face and make any Christmas tree stand out. An ideal gift for a dog lover, particularly if they are dachshund mad. These Xmas tree decorations make ideal keepsakes that you will look forward to hanging on your tree year after year. An ideal secret Santa or stocking filler.
Please note that these are Xmas decorations and are not toys, so are not suitable from children under 3 years.
This adorable bag charm features our bestselling knitted red dragon. This would make an ideal souvenir from a trip to Wales or gift from Wales or for fans of mythical creatures. It makes a perfect accessory to clip onto your handbag, tote, backpack, or keys. Lightweight yet durable.
Delight your little one with this adorable crochet avocado baby rattle with cute dangling legs, handmade from 100% organic cotton by a certified Fair Trade organisation. Soft, safe, and eco-friendly, it’s perfect for tiny hands to grasp and shake, encouraging sensory play while supporting fair trade artisans. A charming, sustainable gift for newborns and eco-conscious families.
Delight your little one with this adorable crochet carrot baby rattle with cute dangling legs, lovingly handmade from 100% organic cotton by a certified Fair Trade organisation. Soft, safe, and eco-friendly, it’s perfect for tiny hands to grasp and shake, encouraging sensory play while supporting fair trade craftsmanship. A charming, sustainable gift for newborns and eco-conscious families.
A delightful green tartan T‑rex bag charm that brings a bold, playful touch to any tote, backpack or set of keys. Made from tartan fabric with a friendly T Rex silhouette, this dinosaur keychain is perfect for dino lovers, kids’ school bags, and anyone who enjoys quirky, eye‑catching accessories. Lightweight, durable and easy to clip on, it makes a thoughtful dinosaur gift, a fun T‑rex bag accessory, or a unique little present.
A soft and vivid green corduroy diplodocus dinosaur bag charm that brings a playful pop of character to any tote, backpack or set of keys. Made with tactile corduroy, this cute dinosaur keychain is perfect for kids, dino lovers, and anyone who enjoys bag accessories. Lightweight, durable and easy to clip on, it makes a thoughtful dinosaur gift, a fun school bag charm, or a unique little treat.
A soft and cheerful blue corduroy stegosaurus dinosaur bag charm that brings a playful pop of character to any tote, backpack or set of keys. Made with tactile corduroy and finished with sweet stegosaurus spikes, this cute dinosaur keychain is perfect for kids, dino lovers, and anyone who enjoys cute accessories. Lightweight, durable and easy to clip on, it makes a thoughtful dinosaur gift, a fun school bag charm, or a unique little treat.
A characterful tweed green T‑rex bag charm that brings a bold, playful touch to any tote, backpack or set of keys. Made from textured tweed with a friendly T Rex silhouette, this dinosaur keychain is perfect for dino lovers, kids’ school bags, and anyone who enjoys quirky, eye‑catching accessories. Lightweight, durable and easy to clip on, it makes a thoughtful dinosaur gift, a fun T‑rex bag accessory, or a unique little present.
Add a touch of charm to your accessories with this delightful brown corduroy sausage dog bag charm. This miniature dachshund brings personality and style to any handbag or backpack. Its soft and textured and ideal for dog loves anywhere..
Add a pop of playful colour to your bag with this turquoise corduroy bunny bag charm, made from soft, textured corduroy. This cute bunny accessory is perfect for personalising backpacks, handbags, and keyrings, and makes a thoughtful gift for anyone who loves cute accessories and bag charms.. Lightweight, durable, and irresistibly tactile, it brings a touch of charm to everyday carry.
This yellow corduroy Highland cow bag charm adds a cute, rustic touch to backpacks, handbags, and keys. Made from soft, textured corduroy, it’s a charming accessory for Highland cow lovers and anyone who enjoys unique bag charms and corduroy accessories in cheerful, standout colours. This bag charm will add a pop of colour to any accessory.
Bring a splash of sunshine to playtime with this yellow angelfish baby rattle, lovingly handmade from 100% organic cotton. Soft, safe, and non‑toxic for newborns, each rattle is crafted under fair‑trade conditions, supporting skilled artisans and ethical production. Its gentle rattle sound, vibrant colour, and ocean‑inspired design make it an ideal eco‑friendly baby gift for baby showers, nurseries, and under‑the‑sea décor. A beautiful blend of sustainability, sensory play, and handcrafted charm.
This charming crochet narwhal baby rattle is lovingly handmade from 100% organic cotton, creating a safe, natural, and non‑toxic toy for newborns and toddlers. Crafted under fair‑trade conditions, each narwhal supports ethical artisan communities while offering a beautifully soft, ocean‑inspired companion for little hands. With its gentle rattle sound and eco‑friendly materials, it’s the perfect sustainable baby gift for baby showers, nurseries, and ocean‑themed décor. A sweet blend of ethical craftsmanship, sensory play, and coastal charm.
This adorable crochet seagull baby rattle is lovingly handmade from 100% organic cotton, making it a safe, natural choice for newborns and toddlers. Handmade with care by fair trade workers, each rattle supports skilled artisans and ethical production. Its soft texture, gentle rattle sound, and coastal‑inspired design make it the perfect eco‑friendly baby gift, ideal for nurseries, baby showers, and ocean‑themed décor. A beautiful blend of sustainability, craftsmanship, and playful charm.
Our corduroy highland cow hanging decoration has a smart tartan knitted jumper. Like our highland cow soft toys and baby rattles, this hanging decoration has the distinctive long, wavy hair, curved horns, and expressive eyes of these iconic Scottish cattle. An ideal small gift for fans of Highland coos.
Please note that this is a decoration and NOT a toy
Highland Cow Xmas hanging decoration also available
This tweed sausage dog is a limited edition soft toy which we are offering without a jumper. This should have been an Own Brand toy but it arrived without the correct jumper so we are offering it at a reduced price compared to our Tweed sausage dog with a stripe jumper.
Please note that the label will have an Own Brand name blacked out.
A charming, crochet handmade monkey soft toy crafted from organic cotton by fair trade artisans. Its gentle texture, playful design, and eco‑friendly materials make it a thoughtful choice for little ones and a feel‑good gift that supports rural communities by providing fairly paid employment.
A charming fair‑trade baby rattle shaped like a bright red apple, hand‑crocheted from soft organic cotton. Its friendly smiley face and gentle rattle sound make it a comforting, safe, and eco‑friendly first toy for little hands. Lightweight and gentle to touch, it’s perfect for tiny explorers.
A fair‑trade peapod baby rattle handmade from organic cotton becomes a gentle, cheerful first toy. Handmade with care, it features a soft green pod holding three happy peas, offering a light rattle sound that encourages early sensory play while staying safe, natural, and ethically. An ideal first baby toy
A fair‑trade cherries rattle made from organic cotton brings a bright, playful touch to early sensory play. Two soft, hand‑crocheted red cherries hang from a sturdy green stem, each with a sweet smiley face and a gentle rattle sound that’s easy for little hands to grasp. Hand crafted by skilled artisans, it’s a safe, natural, and ethically made keepsake that adds charm to any baby’s toy basket. An ideal new baby gift.
Our bestselling diplodocus dinosaur baby rattle in a splendid red tartan. Whether you are looking for Scottish themed baby toy or are a fan of tartan, this cotton baby dinosaur toy could be the one for you. An ideal new baby gift or baby shower gift at this baby dinosaur toy is suitable from birth, has a gentle stimulating rattle and is machine washable.
Make waves in baby’s toy basket with this handmade organic cotton hammerhead shark rattle, a quirky and lovable take on one of the ocean’s most iconic creatures. Soft, safe, and stitched with care, this friendly hammerhead brings gentle underwater charm to early sensory play. Crafted from 100% organic cotton, it’s free from harsh dyes and synthetic materials, making it a natural choice for little explorers who love to grab, chew, and cuddle. Its unique hammer‑shaped head and smooth, rounded body are easy for tiny hands to hold, while the soft internal rattle offers a calming sound that encourages curiosity without overwhelming sensitive ears.
- Details
- Written by: Eliot Rayner
- Category: Uncategorised
- Details
- Written by: Eliot Rayner
- Category: Uncategorised
