Top Ecommerce Development Companies in Perth - 2022 | GoodFirms (2023)

"; } head = 'Companies (' + content.total_records + ')View all'; $('.company-result-section .search-result-label').html(head); $('.company-result-section').removeClass('hide'); $('.company-result-section .result-container').html(html); } } function s_Result(content, query) { var html = ''; if (content.data.length == 0) { $('.software-result-section .result-container').html(''); $('.software-result-section').addClass('hide'); } else { $('.search-cross-dark').removeClass('hide'); $('.search_spin').addClass('hide'); $('.right-heder-search-input').removeClass('searching'); $('.search-list').removeClass('hide'); for (var i = 0; i < content.data.length; ++i) { var hit = content.data[i]; var url = 'href="/software/' + $.trim(hit.slug) + '"'; var visit_website = 'detail_page'; var image = '//assets.goodfirms.co/software/small/'+hit.logo; var highlightResult = hit['_highlightResult']; html += "

"; } head = 'Software (' + content.total_records + ')View all'; $('.software-result-section .search-result-label').html(head); $('.software-result-section').removeClass('hide'); $('.software-result-section .result-container').html(html); } } function m_Result(content, query) { var html = ''; if (content.data.length == 0) { $('.menu-result-section .result-container').html(''); $('.menu-result-section').addClass('hide'); } else { $('.search-cross-dark').removeClass('hide'); $('.search_spin').addClass('hide'); $('.right-heder-search-input').removeClass('searching'); $('.search-list').removeClass('hide'); for (var i = 0; i < content.data.length; ++i) { var hit = content.data[i]; var url = 'href="' + $.trim(hit.url) + '"'; var highlightResult = hit['_highlightResult']; html += "

"; } head = 'Categories (' + content.total_records + ')View all'; $('.menu-result-section .search-result-label').html(head); $('.menu-result-section').removeClass('hide'); $('.menu-result-section .result-container').html(html); } } function b_Result(content, query) { var html = ''; if (content.data.length == 0) { $('.blog-result-section .result-container').html(''); $('.blog-result-section').addClass('hide'); if ($(".company-result-section").hasClass("hide") && $(".software-result-section").hasClass("hide") && $(".menu-result-section").hasClass("hide") && $(".blog-result-section").hasClass("hide")) { setTimeout(function () { $('.search-cross-dark').removeClass('hide'); $('.search_spin').addClass('hide'); $('.right-heder-search-input').removeClass('searching'); }, 2500); } } else { $('.search-cross-dark').removeClass('hide'); $('.search_spin').addClass('hide'); $('.right-heder-search-input').removeClass('searching'); $('.search-list').removeClass('hide'); for (var i = 0; i < content.data.length; ++i) { var hit = content.data[i]; if(hit.software_category_id) var url = 'href="/' + $.trim(hit.software_category_slug) + '/blog/' + $.trim(hit.slug) + '"'; else var url = 'href="/blog/' + $.trim(hit.slug) + '"'; var highlightResult = hit['_highlightResult']; html += "

"; } head = 'Blog (' + content.total_records + ')View all'; $('.blog-result-section .search-result-label').html(head); $('.blog-result-section').removeClass('hide'); $('.blog-result-section .result-container').html(html); } } function r_Result(content, query) { var html = ''; if (content.data.length == 0) { $('.research-result-section .result-container').html(''); $('.research-result-section').addClass('hide'); if ($(".company-result-section").hasClass("hide") && $(".software-result-section").hasClass("hide") && $(".menu-result-section").hasClass("hide") && $(".research-result-section").hasClass("hide")) { setTimeout(function () { $('.search-cross-dark').removeClass('hide'); $('.search_spin').addClass('hide'); $('.right-heder-search-input').removeClass('searching'); }, 2500); } } else { $('.search-cross-dark').removeClass('hide'); $('.search_spin').addClass('hide'); $('.right-heder-search-input').removeClass('searching'); $('.search-list').removeClass('hide'); for (var i = 0; i < content.data.length; ++i) { var hit = content.data[i]; var url = 'href="/resources/' + $.trim(hit.slug) + '"'; var highlightResult = hit['_highlightResult']; html += "

"; } head = 'Research (' + content.total_records + ')View all'; $('.research-result-section .search-result-label').html(head); $('.research-result-section').removeClass('hide'); $('.research-result-section .result-container').html(html); } } function addDefaultSrc(type, target) { if (type == 'topic') target.src = 'https://assets.goodfirms.co/react-app-icons/no-topic.png'; if (type == 'profile') target.src = 'https://assets.goodfirms.co/react-app-icons/default.png'; if (type == 'company') target.src = 'https://assets.goodfirms.co/react-app-icons/default-company.jpg'; if (type == 'software') target.src = 'https://assets.goodfirms.co/react-app-icons/default-software.jpg'; } function getProfileImageColor(slug) { var alphabetColor = {'A': '#1B5289', 'B': '#598FC5', 'C': '#776759', 'D': '#6490A2', 'E': '#FF9191', 'F': '#8BD9E1', 'G': '#A292E9', 'H': '#DABABA', 'I': '#DAA854', 'J': '#478267', 'K': '#AAB783', 'L': '#5EC0EF', 'M': '#A7ACB0', 'N': '#E3A490', 'O': '#7387A9', 'P': '#374F83', 'Q': '#8B6767', 'R': '#F15D97', 'S': '#B58D69', 'T': '#AFE4DC', 'U': '#7580FC', 'V': '#BF7CD8', 'W': '#9CC975', 'X': '#F4833D', 'Y': '#F04A3C', 'Z': '#47D3C5', 1: '#E9C0A1', 2: '#305774', 3: '#82C999', 4: '#FE957C', 5: '#F7D36C', 6: '#46AEB4', 7: '#545857', 8: '#052147', 9: '#4F2147', 0: '#902147', }; return (alphabetColor[slug.charAt(0).toUpperCase()]); } // company callback called on each query function cCallback(err, content) { if (err) { return; } if (content.query != $('.right-heder-search-input').val()) { return; } var html = c_Result(content); } // software callback called on each query function sCallback(err, content) { if (err) { return; } if (content.query != $('.right-heder-search-input').val()) { return; } var html = s_Result(content); } // menu callback called on each query function mCallback(err, content) { if (err) { return; } if (content.query != $('.right-heder-search-input').val()) { return; } var html = m_Result(content); } // blog callback called on each query function bCallback(err, content) { if (err) { return; } if (content.query != $('.right-heder-search-input').val()) { return; } var html = b_Result(content); } function checkResults(results) { // let body = document.body; // if (results) { // // if ($(window).width() > 480) // // body.style.width = 'calc(100% - 17px)'; // // else // // body.style.width = '100%'; // // body.style.position = 'fixed'; // // body.style.top = '0px'; // // body.style.overflow = 'hidden'; // } else { // // body.style.width = 'unset'; // //body.style.position = 'unset'; // // body.style.top = 'unset'; // // body.style.overflow = 'unset'; // } } function removeSheet() { $('.backgroundSheetContainer').fadeTo(500, 0, function () { $('.global.sheetContainer').remove(); }); $('.bottomSheetList').addClass('clsh'); $('body').removeClass('ohidden'); } function removefilterSheet() { $('.backgroundSheetContainer').fadeTo(500, 0, function () { $('.global.sheetContainer').remove(); }); $('.bottomSheetList').addClass('clsh'); $('.software-features-filter').removeClass('ohidden'); } function hidesheet() { $('.backgroundSheetContainer').fadeTo(500, 0); $('.bottomSheetList').addClass('clsh'); $('body').removeClass('ohidden'); $('.sheetContainer').css({visibility: "hidden"}); } function showsheet(opendiv = '') { $('.backgroundSheetContainer').fadeTo(500, 1); $('body').addClass('ohidden'); $('.bottomSheetList').removeClass('clsh'); if(opendiv) $('.sheetContainer.'+opendiv).css({visibility: "visible"}); else $('.sheetContainer').css({visibility: "visible"}); } $(document).ready(function () { $(document).mouseup(function (e) { var container = $("#header li.navbar-nav-li"); // if the target of the click isn't the container nor a descendant of the container if (!container.is(e.target) && container.has(e.target).length === 0) { if(!$('.header-right').hasClass('open')) { $('.backdrop-transparent').addClass('hide'); } $("ul li.navbar-nav-li").removeClass('active'); $('#site_header').removeClass('homedrop'); } }); $(document).on("click", ".navbar-nav-li-a", function (k) { $('.option-bg').removeAttr("style"); //debugger; var browserwidth = 1279; if(Math.round(window.devicePixelRatio * 100)>100) browserwidth = 1260 if ($(window).width() <= browserwidth) { $(".navbar-nav-li-a").removeClass('open'); k.preventDefault(); $div = $("ul.left-submenu",$(this).parents("li")); if( $div.length <= 0 ) { $div = $("ul.extra-sub-menu-ul", $(this).parents("li")); } else { $("#header ul.extra-sub-menu-ul").hide(); } $div.toggle(); if ($div.is(":visible")) { $(this).addClass('open'); $(this).parents('.navbar-nav-li').find('.menu-browse-all').show(); } else { $('#header ul li.vcategory-menu').removeClass('open'); $('#header li.vcategory-menu li.section-entity-li').removeClass('open'); $('#header li.vcategory-menu').show(); $("#header ul .mega-sub-menu").hide(); $(this).parents('.navbar-nav-li').find('.menu-browse-all').hide(); } $("ul.left-submenu").not($div).hide(); return false } else { k.preventDefault(); $div = $(this).parents("li"); $("ul li.navbar-nav-li").not($div).removeClass('active'); $(this).parents("li").toggleClass('active'); if($(this).parents("li").hasClass('active')) { $('.backdrop-transparent').removeClass('hide'); $('#site_header').addClass('homedrop'); } else { $('.backdrop-transparent').addClass('hide'); $('#site_header').removeClass('homedrop'); } } }); $(document).on("click", ".vcategory-inner-arrow", function (k) { if ($(window).width() <= 1279) { k.preventDefault(); if($(this).parents("ul#category-menu").length > 0) { $('ul#category-menu li.vcategory-menu').removeClass('open'); $div = $(this).parents("li.vcategory-menu").find(".mega-sub-menu"); $div.toggle(); if ($div.is(":hidden")) { $('ul#category-menu li.vcategory-menu').show(); } else { $(this).parents("li.vcategory-menu").addClass('open'); $('ul#category-menu li.vcategory-menu').not($(this).parents("li.vcategory-menu")).hide(); } $("ul#category-menu .mega-sub-menu").not($div).hide(); $("ul#category-menu .mega-sub-menu").find('ul li').hide(); $("ul#category-menu .mega-sub-menu").find('ul li.section-entity-li').show(); } else { $('.course-menu-section ul.left-submenu li.vcategory-menu').removeClass('open'); $div = $(this).parents("li.vcategory-menu").find(".mega-sub-menu"); $div.toggle(); if ($div.is(":hidden")) { $('.course-menu-section ul.left-submenu li.vcategory-menu').show(); } else { $(this).parents("li.vcategory-menu").addClass('open'); $('.course-menu-section ul.left-submenu li.vcategory-menu').not($(this).parents("li.vcategory-menu")).hide(); } $(".course-menu-section ul.left-submenu .mega-sub-menu").not($div).hide(); //$(".course-menu-section ul.left-submenu .mega-sub-menu").find('ul li').hide(); $(".course-menu-section ul.left-submenu .mega-sub-menu").find('ul li.vcategory-sub-menu').show(); } return false } }); $(document).on("click", ".vcategory-sub-sub-arrow", function (k) { if ($(window).width() <= 1279) { k.preventDefault(); $div = $(this).parents("li.vcategory-sub-menu").find(".mega-sub-sub-menu"); $div.toggle(); if ($div.is(":hidden")) { $(this).parents("li.vcategory-sub-menu").removeClass('open'); $('.course-menu-section ul.left-submenu li.vcategory-sub-menu').show(); } else { $(this).parents("li.vcategory-sub-menu").addClass('open'); $('.course-menu-section ul.left-submenu li.vcategory-sub-menu').not($(this).parents("li.vcategory-sub-menu")).hide(); } return false } }); $(document).on("click", ".tab-content-list-title", function (k) { if ($(window).width() <= 1279) { k.preventDefault(); if($(this).parents("ul#category-menu").length > 0) { /* Hide all other section entity */ $('ul#category-menu li.vcategory-menu li.section-entity-li').removeClass('open'); $(this).parents('.mega-sub-menu').find('ul li').not($(this).closest('ul').find('li')).hide(); $(this).parents('.mega-sub-menu').find('ul li.section-entity-li').not($(this).closest('ul').find('li')).show(); $otherli = $(this).closest('ul').find('li'); $li = $(this).parent(); $otherli.not($li).toggle(); if ($otherli.not($li).is(":visible")) { $(this).parent("li").addClass('open'); } } return false } }); $(document).on("click", ".company-result-section a.detail_page", function () { gtag("event", "Detail View - Compnay Title", { event_category: "Search List - Detail", event_label: $(this).attr('title') }) }) $(document).on("click", ".software-result-section a.detail_page", function () { gtag("event", "Detail View - Software Title", { event_category: "Search List - Detail", event_label: $(this).attr('title') }) }) $(".global-search-input input").on("click", function (k) { setSearch(); k.stopPropagation(); return false }); $(".search-btn-light").on("click", function (k) { setSearch(); $(".right-heder-search-input").focus(); k.stopPropagation(); return false }); $(".right-heder-search-input").on("focus", function () { setSearch(); if ($('.navbar-toggle.slide-active').length) $("#slide-nav .navbar-toggle").trigger("click"); }); $(".right-heder-search-input").on("blur", function (k) { fireclosesearch() }); $(".search-cross-dark").on("click", function (k) { $("input.right-heder-search-input").val(""); hideSearch() }); $(document).keyup(function (k) { if (k.keyCode === 27) { $(".right-heder-search-input").blur() } }); var $inputfield = $('.right-heder-search-input'); var chosenp = ''; var ajaxRevReq = 'ToCanajaxRevReq'; $(document).on('keyup', '.right-heder-search-input', function (e) { var term = $(this).val().trim(); if (e.keyCode == 40) { // 38-up, 40-down if (chosenp === "") chosenp = 0; else if ((chosenp + 1) < $('.search-list .result-entity').length) chosenp++; $('.search-list .result-entity').removeClass('active'); $('.search-list .result-entity:eq(' + chosenp + ')').addClass('active'); $('.right-heder-search-input').val($('.search-list .result-entity:eq(' + chosenp + ') .enity-tilte').text()); return false; } else if (e.keyCode == 38) { if (chosenp === "") chosenp = 0; else if (chosenp > 0) chosenp--; $('.search-list .result-entity').removeClass('active'); $('.search-list .result-entity:eq(' + chosenp + ')').addClass('active'); $('.right-heder-search-input').val($('.search-list .result-entity:eq(' + chosenp + ') .enity-tilte').text()); return false; } else if (e.keyCode == 27) { h_searchListing(); $(this).val(''); return false; } else if (e.keyCode == 13) { if ($('.search-list .result-entity').length > 0) { if (chosenp.length == 0) $("form.global-search-input").unbind().submit(); else $('.search-list .result-entity:eq(' + chosenp + ') a')[0].click(); } else $("form.global-search-input").unbind().submit(); return false; } else { chosenp = ''; if (term != '') { //$('.search-cross-dark').addClass('hide'); $('.search_spin').removeClass('hide'); $('.right-heder-search-input').addClass('searching'); ajaxRevReq = $.ajax({ url: '/searches/search_all', type: "POST", data: {query: $inputfield.val()}, beforeSend: function () { if (ajaxRevReq != 'ToCancelPrevReq' && ajaxRevReq.readyState < 3) ajaxRevReq.abort(); }, error: function (xhr, ajaxOptions, thrownError) { if (thrownError == 'abort' || thrownError == 'undefined') return; ajaxRevReq.abort(); }, success: function (response) { if (term != $('.right-heder-search-input').val().trim()) return; if (response != 'null' && response != null) { var data = JSON.parse(response); if ((data.companies.total_records == 0) && (data.softwares.total_records == 0) && (data.blog.total_records == 0) && (data.menu.total_records == 0) && (data.research.total_records == 0)) { $('.empty-result-section').removeClass('hide'); $('.search-cross-dark').removeClass('hide'); $('.search_spin').addClass('hide'); $('.right-heder-search-input').removeClass('searching'); $('.search-list').removeClass('hide'); $('.company-result-section').addClass('hide'); $('.software-result-section').addClass('hide'); $('.menu-result-section').addClass('hide'); $('.blog-result-section').addClass('hide'); $('.research-result-section').addClass('hide'); } else { $('.empty-result-section').addClass('hide'); c_Result(data.companies, $inputfield.val()); s_Result(data.softwares, $inputfield.val()); b_Result(data.blog, $inputfield.val()); r_Result(data.research, $inputfield.val()); m_Result(data.menu, $inputfield.val()); } checkResults(data); } else { checkResults(null); $('.search-cross-dark').removeClass('hide'); $('.search_spin').addClass('hide'); $('.right-heder-search-input').removeClass('searching'); } } }); } else { h_searchListing(); checkResults(null); } } }); $(document).on('click', '.filtersheetClose', function () { removefilterSheet(); }); $(document).on('click', '.global .sheetClose', function () { removeSheet(); }); $(document).on('click', '.sheetClose', function () { hidesheet(); }); $(document).mouseup(function (e) { var container = $(".global .bottomSheetList"); // if the target of the click isn't the container nor a descendant of the container if (!container.is(e.target) && container.has(e.target).length === 0) { var parentcontainer = $(".global .backgroundSheetContainer"); if (parentcontainer.is(e.target)) { removeSheet(); removefilterSheet(); } } }); $(window).resize(function () { if ($(window).width() > 480) { $('body').removeClass('ohidden'); hidesheet(); $('.global.sheetContainer').remove(); } }); });