The built in search in Sellerdeck is good but several of my customers over the years have sought to use a third party search facility on their sites.<\/p>\n
Most of these need to be paid for on a regular basis except Google Site Search which was very good and is now withdrawn.<\/p>\n
Step in DuckDuckGo.com site search. (https:\/\/duckduckgo.com\/search_box<\/a>) but as it comes in an iframe there are associated limitations.<\/p>\n You can however use the coded version and this is the code to use. The site to be searched is specified in a hidden input.<\/p>\n In Design Library find the Standard Quick Search Bar layout and copy it for backup.<\/p>\n Open the Standard Quick Search Bar layout and replace everything there with the following:<\/p>\n Changing ‘https:\/\/www.graphicz.solutions’ for your own website. This uses ‘placeholder’ instead of ‘value’ and it looks just like the original: https:\/\/www.graphicz.solutions\/defaultnog\/index.html<\/a><\/p>\n Please note: this is a test server so robots are blocked and any search yields nothing! You can put it on a regular website though, scroll to the bottom of https:\/\/www.graphicz.co.uk<\/a><\/p>\n The code for a regular site is:<\/p>\n The styles are:<\/p>\n Any problems please get in touch.<\/p>\n","protected":false},"excerpt":{"rendered":" The built in search in Sellerdeck is good but several of my customers over the years have sought to use a third party search facility on their sites. Most of these need to be paid for on a regular basis…<\/span> <\/p>\n <\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[3],"tags":[],"class_list":["post-263","post","type-post","status-publish","format-standard","hentry","category-graphicz-articles"],"_links":{"self":[{"href":"https:\/\/www.graphicz.co.uk\/blog\/wp-json\/wp\/v2\/posts\/263"}],"collection":[{"href":"https:\/\/www.graphicz.co.uk\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.graphicz.co.uk\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.graphicz.co.uk\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.graphicz.co.uk\/blog\/wp-json\/wp\/v2\/comments?post=263"}],"version-history":[{"count":1,"href":"https:\/\/www.graphicz.co.uk\/blog\/wp-json\/wp\/v2\/posts\/263\/revisions"}],"predecessor-version":[{"id":264,"href":"https:\/\/www.graphicz.co.uk\/blog\/wp-json\/wp\/v2\/posts\/263\/revisions\/264"}],"wp:attachment":[{"href":"https:\/\/www.graphicz.co.uk\/blog\/wp-json\/wp\/v2\/media?parent=263"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.graphicz.co.uk\/blog\/wp-json\/wp\/v2\/categories?post=263"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.graphicz.co.uk\/blog\/wp-json\/wp\/v2\/tags?post=263"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}<div class=\"quick-search\">\r\n<form onsubmit=\"return searchb()\" id=\"search_form_homepage\" class=\"no-menu\" name=\"x\" action=\"https:\/\/duckduckgo.com\/\" target=\"_top\"> \r\n <div id=\"sxd\"><\/div>\r\n <div id=\"search_wrapper_homepage\">\r\n <span class=\"button-wrapper quick-search-button-wrapper\">\r\n <input class=\"button quick-search-button\" id=\"search_button_homepage\" value=\"\" type=\"submit\">\r\n <\/span>\r\n <\/div>\r\n <input autocomplete=\"off\" name=\"q\" id=\"search_form_input_homepage\" class=\"quick-search-text\" onfocus=\"if ('rc' in window) {nua('nro',rc)};fq=1;\" onblur=\"fq=0\" onclick=\"if (this.value=='Site Search') {this.value='';this.style.color='#000000';}\" value=\"\" placeholder=\"Site Search\" style=\"color: rgb(153, 153, 153);\" type=\"text\"> \r\n <input type=\"hidden\" name=\"sites\" value=\"https:\/\/www.graphicz.solutions\">\r\n<script type=\"text\/javascript\">\r\nvar tracking=new RegExp('[\\?\\&]t=([^\\&]+)');\r\nvar form = document.getElementById(\"search_form_homepage\");\r\n\r\nif (tracking.test(window.location.href)) {\r\n var input = document.createElement(\"input\");\r\n input.type = \"hidden\";\r\n input.name = \"t\";\r\n input.value = RegExp.$1;\r\n form.appendChild(input);\r\n}\r\nvar karr = new Array('a','b','c','d','e','f','g','h','i','j','k','l','m','n','o','p','q','r','s','t','u','v','w','x','y','z','1','2','3','4','5','6','7','8','9','aa','ab','ac','ad','ae','af','ag','ah','ai','aj','ak','al','am','an','ao','ap','aq','ar','as','at','au','av','aw','ax','ay','az');\r\nfor (var i=0;i<karr.length;i++) {\r\n var kre=new RegExp('[\\?\\&]k'+karr[i]+'=([^\\&]+)');\r\n var ktmp='';\r\n if (kre.test(window.location.href)) {\r\n ktmp=decodeURIComponent(RegExp.$1);\r\n if (ktmp.length<11) {\r\n var input = document.createElement(\"input\");\r\n input.type = \"hidden\";\r\n input.name = \"k\" + karr[i];\r\n input.value = ktmp;\r\n form.appendChild(input);\r\n }\r\n if (karr[i]=='n'&&ktmp&&ktmp=='1') document.x.target='_new'; \r\n }\r\n}\r\n<\/script>\r\n<\/form> \r\n<\/div><\/pre>\n<div class=\"quick-search\">\r\n<form onsubmit=\"return searchb()\" id=\"search_form_homepage\" class=\"no-menu\" name=\"x\" action=\"https:\/\/duckduckgo.com\/\" target=\"_top\"> \r\n <div id=\"sxd\"><\/div>\r\n <div id=\"search_wrapper_homepage\">\r\n <span class=\"button-wrapper quick-search-button-wrapper\">\r\n <input class=\"button quick-search-button\" id=\"search_button_homepage\" value=\"\" type=\"submit\">\r\n <\/span>\r\n <\/div>\r\n <input autocomplete=\"off\" name=\"q\" id=\"search_form_input_homepage\" onfocus=\"if ('rc' in window) {nua('nro',rc)};fq=1;\" onblur=\"fq=0\" onclick=\"if (this.value=='Site Search') {this.value='';this.style.color='#000000';}\" value=\"\" placeholder=\"Site Search\" style=\"color: rgb(153, 153, 153);\" type=\"text\">\r\n <input type=\"hidden\" name=\"sites\" value=\"https:\/\/www.graphicz.co.uk\">\r\n<script type=\"text\/javascript\">\r\nvar tracking=new RegExp('[\\?\\&]t=([^\\&]+)');\r\nvar form = document.getElementById(\"search_form_homepage\");\r\n\r\nif (tracking.test(window.location.href)) {\r\n var input = document.createElement(\"input\");\r\n input.type = \"hidden\";\r\n input.name = \"t\";\r\n input.value = RegExp.$1;\r\n form.appendChild(input);\r\n}\r\nvar karr = new Array('a','b','c','d','e','f','g','h','i','j','k','l','m','n','o','p','q','r','s','t','u','v','w','x','y','z','1','2','3','4','5','6','7','8','9','aa','ab','ac','ad','ae','af','ag','ah','ai','aj','ak','al','am','an','ao','ap','aq','ar','as','at','au','av','aw','ax','ay','az');\r\nfor (var i=0;i<karr.length;i++) {\r\n var kre=new RegExp('[\\?\\&]k'+karr[i]+'=([^\\&]+)');\r\n var ktmp='';\r\n if (kre.test(window.location.href)) {\r\n ktmp=decodeURIComponent(RegExp.$1);\r\n if (ktmp.length<11) {\r\n var input = document.createElement(\"input\");\r\n input.type = \"hidden\";\r\n input.name = \"k\" + karr[i];\r\n input.value = ktmp;\r\n form.appendChild(input);\r\n }\r\n if (karr[i]=='n'&&ktmp&&ktmp=='1') document.x.target='_new'; \r\n }\r\n}\r\n<\/script>\r\n<\/form> \r\n<\/div><\/pre>\n\/*== Quick Search ==*\/\r\n.quick-search {\r\n float:none;\r\n clear:both;\r\n max-width:30em;\r\n margin:0 auto;\r\n padding:0;\r\n}\r\n.quick-search form {\r\n width:100%;\r\n position:relative;\r\n}\r\n.quick-search input[type=\"text\"] {\r\n width:99%;\r\n height:3em;\r\n font-style:italic;\r\n border:1px solid #d0d0d0;\r\n border-radius: 9px;\r\n}\r\n.quick-search form span.quick-search-button-wrapper {\r\n margin:0;\r\n padding:0;\r\n position:absolute;\r\n top:1.3em;\r\n right:-0.8em;\r\n}\r\n.quick-search form span.quick-search-button-wrapper, .quick-search input[type=\"submit\"], .quick-search input[type=\"submit\"]:hover {\r\n width:35px;\r\n height:35px;\r\n}\r\n.quick-search input[type=\"submit\"], .quick-search input[type=\"submit\"]:hover {\r\n background:url('search-icon.png');\r\n border:none;\r\n text-align:left;\r\n text-indent:-9999px;\r\n}\r\n.quick-search .sf_suggestion {\r\n margin-top:2.4em;\r\n}\r\n.quick-search form span.quick-search-button-wrapper {float:left; margin:0 1.2em; padding:0; top:.8em;}\r\n.quick-search form input.button.quick-search-button {float:left; margin:0; padding:10%;}<\/pre>\n