Search Button Not Working

Author	« Topic »
JH10 Advanced Member United Kingdom 304 Posts Pre-sales questions only (More Details...)	Posted - 02/09/2021 : 06:57:09 Hello When the page http://fb-design.co.uk/products.php is opened the top right search button is not working. When hovered over the search button become more bold but no search box appears. This button is contained in a DWT. Would that have any effect? Thanks for any help. John
JH10 Advanced Member United Kingdom 304 Posts Pre-sales questions only (More Details...)	Posted - 02/09/2021 : 08:10:09 Yes it must be in the template I used. In the standard ECT page the search works fine.
Vince Administrator 42874 Posts	Posted - 02/10/2021 : 04:01:03 Hi John I think this is to do with the versions of JQuery and may be because you are using an incompatible version because of other elements you have on the page. But we've developed a "JQuery Free" version of that bit of code and I'll send it to you via email along with instructions. Vince Click Here for Shopping Cart Software Click Here to sign up for our newsletter Click Here for the latest updater
JH10 Advanced Member United Kingdom 304 Posts Pre-sales questions only (More Details...)	Posted - 02/10/2021 : 04:07:11 Thanks Vince John
Vince Administrator 42874 Posts	Posted - 02/10/2021 : 05:08:38 Hi John I investigated a bit more and it seems that if I take a copy of your page and view it here then the search box works. This will be because on my local machine I'm not loading the scripts you have referenced and so it will be one of these causing the problems. If you like, send me the FTP login and I'll try to narrow it down on your server what it is that is causing the problem. Vince Click Here for Shopping Cart Software Click Here to sign up for our newsletter Click Here for the latest updater
JH10 Advanced Member United Kingdom 304 Posts Pre-sales questions only (More Details...)	Posted - 02/10/2021 : 05:15:11 It may be the method I used to construct the home page. I used the standard ECT home page and converted the menu and slider. To which address can I use to send the FTP credentials. Thanks John
JH10 Advanced Member United Kingdom 304 Posts Pre-sales questions only (More Details...)	Posted - 02/11/2021 : 23:05:53 Thanks Vince I have a problem with the ftp access at the moment. Can I send a copy of the file and which email address should I use please? Thanks John
Vince Administrator 42874 Posts	Posted - 02/12/2021 : 05:02:09 Hi John If I test on your server then I'm using all the resources relative to your site. If I test on mine I'm using the ones relative to mine and on my test site the search works. Vince Click Here for Shopping Cart Software Click Here to sign up for our newsletter Click Here for the latest updater
JH10 Advanced Member United Kingdom 304 Posts Pre-sales questions only (More Details...)	Posted - 02/12/2021 : 05:21:51 Hi Vince, I understand about the server but until I get it sorted ...... However this is happening on my local host as well This is the code from my template inserted in a an index page and the ECT search button is not working. This is within the template code, does that make a difference? <div class="mainWrapper"> <div class="headerWrapper"> <div class="container"> <div class="logo_row"> <div class="row clearfix"> <div class="col-4"><img src="images/Francois-Bouttier-Boutique.jpg"></div> <div class="col-8 text-right logo_row_right"> <div class="topsearchWrap"> <div class="top_search"> <form class="searchbox" method="post" action="search.php"> <input type="hidden" name="posted" value="1"> <input type="text" placeholder="Search our store..." name="stext" class="searchbox-input" onkeyup="buttonUp();" required> <input type="submit" class="searchbox-submit" value=" #xf002; SEARCH"> <span class="searchbox-icon"><i class="w3-margin-right fa fa-search"></i> SEARCH</span> </form> </div> </div> </div> </div> </div> </div> I also pasted a link out of the template area div class="opm-panel-content"><a href="search.php">Search</a><br/ > and that goes straight to search.php. Thanks for the help Vince John
Vince Administrator 42874 Posts	Posted - 02/13/2021 : 09:52:45 Hi John quote: I understand about the server but until I get it sorted ...... However this is happening on my local host as well Sure, because the scripts etc that are on your server are on your local machine too. Could you try doing a view source on the page and then save that source, call it t.html for instance and then view that in your browser and the search will not work presumably. Then remove references to scripts etc from this page until it does work and hopefully that way find out what it is that is causing the problem. Vince Click Here for Shopping Cart Software Click Here to sign up for our newsletter Click Here for the latest updater
JH10 Advanced Member United Kingdom 304 Posts Pre-sales questions only (More Details...)	Posted - 02/18/2021 : 02:53:41 Thanks for all of the help on this one. Eventually I decided to use the ECT menu and the search worked perfectly. At the moment the background to the menu is a darkish brown, how could this be changed please? John
Vince Administrator 42874 Posts	Posted - 02/18/2021 : 11:00:48 Hi John I'm not sure I see the menu on your site. Can you let me know the URL? Vince Click Here for Shopping Cart Software Click Here to sign up for our newsletter Click Here for the latest updater
JH10 Advanced Member United Kingdom 304 Posts Pre-sales questions only (More Details...)	Posted - 02/18/2021 : 12:20:01 Hi Vince http://fb-design.co.uk/products.php will do looks more grey tonight. I expect it the template/theme being used. Is it possible to obtain/purchase other themes? Thanks John
Sinbad ECT Moderator USA 65937 Posts	Posted - 02/18/2021 : 14:47:01 Hi John, it would be eaiser to use the dev tools to locate the classes and their associated declarations, here is a snippet from a old post on how to find the page elements in the browser quote: How do I know what the name of the class is that I need to edit? In the Firefox browser go to Tools > Web Developer > Inspector (Ctrl + Shift + C) and then mouse over the element you want to identify In the Chrome browser go to Menu > More Tools > Developer Tools and click on the magnifying glass icon - then highlight the element you want to identify. Andy Winners never quit, quitters never win CSS and Responsive Designs User Manual for Ecommerce Templates
JH10 Advanced Member United Kingdom 304 Posts Pre-sales questions only (More Details...)	Posted - 02/19/2021 : 03:09:47 Thanks Andy, I havent used the Chrome Dev Tools much so please forgive my basic questions. I am assuming I open the page I wish to interrogate, which is a template page. I used the arrow on the top left for selection ? I believe any changes cannot be made via Chrome or firefox so I opened the template page. I have the line <div class="top_row nav"> but cannot see how to change its back-ground color. John
Sinbad ECT Moderator USA 65937 Posts	Posted - 02/19/2021 : 07:24:16 Hi Not Andy but Sinbad , sorry I haven't had time to install it on this machine but from memory in Chrome dev on the far right you will see the class it will also show the stylesheet name and line number. If you want to change a color in Chrome click on the color swatch and change it there to get a idea of how it will appear in the browser. Once you like what you see make the same change in the actual stylesheet in your css folder. You can do the same with other classes change their value to get a preview of how it will appear before making the actual change to the style sheet. Winners never quit, quitters never win CSS and Responsive Designs User Manual for Ecommerce Templates
	« Topic »