Instant Inventory

<script>

$(function() {
// Current Ajax request.
var currentAjaxRequest = null;
// Grabbing all search forms on the page, and adding a .search-results list to each.
var searchForms = $(‘form[action=”/search”]’).css(‘position’,’relative’).each(function() {
// Grabbing text input.
var input = $(this).find(‘input[name=”q”]’);
// Adding a list for showing search results.
var offSet = input.position().top + input.innerHeight();
$(‘<ul class=”search-results”></ul>’).css( { ‘position’: ‘absolute’, ‘left’: ‘0px’, ‘top’: offSet } ).appendTo($(this)).hide();
// Listening to keyup and change on the text field within these search forms.
input.attr(‘autocomplete’, ‘off’).bind(‘keyup change’, function() {
// What’s the search term?
var term = $(this).val();
// What’s the search form?
var form = $(this).closest(‘form’);
// What’s the search URL?
var searchURL = ‘/search?type=product&q=’ + term;
// What’s the search results list?
var resultsList = form.find(‘.search-results’);
// If that’s a new term and it contains at least 3 characters.
if (term.length > 3 && term != $(this).attr(‘data-old-term’)) {
// Saving old query.
$(this).attr(‘data-old-term’, term);
// Killing any Ajax request that’s currently being processed.
if (currentAjaxRequest != null) currentAjaxRequest.abort();
// Pulling results.
currentAjaxRequest = $.getJSON(searchURL + ‘&view=json’, function(data) {
// Reset results.
resultsList.empty();
// If we have no results.
if(data.results_count == 0) {
// resultsList.html(‘<li><span class=”title”>No results.</span></li>’);
// resultsList.fadeIn(200);
resultsList.hide();
} else {
// If we have results.
$.each(data.results, function(index, item) {
var link = $(‘<a></a>’).attr(‘href’, item.url);
link.append(‘<span class=”thumbnail”><img src=”‘ + item.thumbnail + ‘” /></span>’);
link.append(‘<span class=”type”>’ + item.type + ‘</span>’);
link.append(‘<span class=”title”>’ + item.title + ‘</span>’);
link.append(‘<span class=”price”>’ + item.price + ‘</span>’);
link.wrap(‘<li></li>’);
resultsList.append(link.parent());
});
// The Ajax request will return at the most 10 results.
// If there are more than 10, let’s link to the search results page.
if(data.results_count > 10) {
resultsList.append(‘<li><span class=”title”><a href=”‘ + searchURL + ‘”>See all results (‘ + data.results_count + ‘)</a></span></li>’);
}
resultsList.fadeIn(200);
}
});
}
});
});
// Clicking outside makes the results disappear.
$(‘body’).bind(‘click’, function(){
$(‘.search-results’).hide();
});
});

</script>
=====================================================================================================================================================

Add to cart page
<script>window.ShopifyAnalytics = window.ShopifyAnalytics || {};
window.ShopifyAnalytics.meta = window.ShopifyAnalytics.meta || {};
window.ShopifyAnalytics.meta.currency = ‘ZAR’;
var meta = {“page”:{“path”:”\/checkout\/contact_information”,”search”:”?_ga=2.47235943.1103702442.1622464711-71421577.1622464711″,”url”:”https:\/\/www.example.co.za\/27854504025\/checkouts\/011b1397d62d50f0909238b3161243c4?_ga=2.47235943.1103702442.1622464711-71421577.1622464711″},”page_view_event_id”:”df19d90a76727b8257d918a80466619bb8c928cbe7e8a4ec88715120b0858e01″,”cart_event_id”:”16723cbaed35a8f9e87a08df047446ec758681d9a6c758b6f2746a5a86d6c7e0″};
for (var attr in meta) {
window.ShopifyAnalytics.meta[attr] = meta[attr];
}</script>