help editing search block

[zee28]

hi all,

 

i changed some stuff around the search block but i kind of messed it up. what i want is like something in the attached file

[vekia]

it's hard to say what's going on without additional informations:

1. why you think that it is messed?
   
2. what you exactly changed?
   
3. how it looks now?
   
4. any url?
   

[zee28]

url : www.gadgetpit.co.uk

i want the search bar to be central and have a book like the attached picture.

[vekia]

for the first, create image with magnifying glass , and upload it somewhere to your ftp. after that - share the url.

i will prepare some modifications and give you proper code

[zee28]

thanks vekia, i know how to change the search button, it is just how to lift it up into the middle in line with the logo and changing the background colour

[vekia]

it's hard to say, especially because there is still old version:

[zee28]

ok, here is the search button

[vekia]

okay, so how you can use this big image as a background for search button? you need to decrease the size of it

[zee28]

ok 1 second....

[zee28]

here u go..

[Jiten rash (away)]

ok i solve this issue on personal messge

[zee28]

hey vekia, i need help removing the 'search' on the button,

[vekia]

can you show me the block search .tpl file?

[zee28]

{*

* 2007-2013 PrestaShop

*

* NOTICE OF LICENSE

*

* This source file is subject to the Academic Free License (AFL 3.0)

* that is bundled with this package in the file LICENSE.txt.

* It is also available through the world-wide-web at this URL:

* http://opensource.org/licenses/afl-3.0.php

* If you did not receive a copy of the license and are unable to

* obtain it through the world-wide-web, please send an email

* to [email protected] so we can send you a copy immediately.

*

* DISCLAIMER

*

* Do not edit or add to this file if you wish to upgrade PrestaShop to newer

* versions in the future. If you wish to customize PrestaShop for your

* needs please refer to http://www.prestashop.com for more information.

*

* @author PrestaShop SA <[email protected]>

* @copyright 2007-2013 PrestaShop SA

* @license http://opensource.org/licenses/afl-3.0.php Academic Free License (AFL 3.0)

* International Registered Trademark & Property of PrestaShop SA

*}

 

<!-- Block search module -->

<div id="search_block_left" class="block exclusive">

<h4 class="title_block">{l s='Search' mod='blocksearch'}</h4>

<form method="get" action="{$link->getPageLink('search', true)}" id="searchbox">

<p class="block_content">

<label for="search_query_block">{l s='Enter a product name or description.' mod='blocksearch'}</label>

<input type="hidden" name="orderby" value="position" />

<input type="hidden" name="controller" value="search" />

<input type="hidden" name="orderway" value="desc" />

<input class="search_query" type="text" id="search_query_block" name="search_query" value="{if isset($smarty.get.search_query)}{$smarty.get.search_query|htmlentities:$ENT_QUOTES:'utf-8'|stripslashes}{/if}" />

<input type="submit" id="search_button" class="button_mini" value="{l s='Go!' mod='blocksearch'}" />

</p>

</form>

</div>

{include file="$self/blocksearch-instantsearch.tpl"}

<!-- /Block search module -->

[Jiten rash (away)]

no this blocksearch-top.tpl

[vekia]

<input type="submit" id="search_button" class="button_mini" value="{l s='Go!' mod='blocksearch'}" />

 

remove the value="{l s='Go!' mod='blocksearch'}"

 

i suppose that it looks the same in the file mentioned by jiten. just remove the value="" param.

[zee28]

yeah i removed it but it still remains the same, me and jiten have been trying for a while to remove it...

[Jiten rash (away)]

no vekai the search which appears on top is blocksearch-top.tpl file

 

the value is "search" i already messaged him the entire .tpl file after removing value search

[vekia]

you removed it from the correct file? take a look into the /themes/yourtheme/modules/ directory.

[Jiten rash (away)]

it is not related with themes modules folder..

it in modules directory..i removed this many times..

what iam thinking is had force compile enable that might be the issue that's y changes are not occurring

[zee28]

{*

* 2007-2013 PrestaShop

*

* NOTICE OF LICENSE

*

* This source file is subject to the Academic Free License (AFL 3.0)

* that is bundled with this package in the file LICENSE.txt.

* It is also available through the world-wide-web at this URL:

* http://opensource.org/licenses/afl-3.0.php

* If you did not receive a copy of the license and are unable to

* obtain it through the world-wide-web, please send an email

* to [email protected] so we can send you a copy immediately.

*

* DISCLAIMER

*

* Do not edit or add to this file if you wish to upgrade PrestaShop to newer

* versions in the future. If you wish to customize PrestaShop for your

* needs please refer to http://www.prestashop.com for more information.

*

* @author PrestaShop SA <[email protected]>

* @copyright 2007-2013 PrestaShop SA

* @license http://opensource.org/licenses/afl-3.0.php Academic Free License (AFL 3.0)

* International Registered Trademark & Property of PrestaShop SA

*}

 

<!-- Block search module -->

<div id="search_block_left" class="block exclusive">

<h4 class="title_block">{l s='Search' mod='blocksearch'}</h4>

<form method="get" action="{$link->getPageLink('search', true)}" id="searchbox">

<p class="block_content">

<label for="search_query_block">{l s='Enter a product name or description.' mod='blocksearch'}</label>

<input type="hidden" name="orderby" value="position" />

<input type="hidden" name="controller" value="search" />

<input type="hidden" name="orderway" value="desc" />

<input class="search_query" type="text" id="search_query_block" name="search_query" value="{if isset($smarty.get.search_query)}{$smarty.get.search_query|htmlentities:$ENT_QUOTES:'utf-8'|stripslashes}{/if}" />

<input type="submit" id="search_button" class="button_mini" />

</p>

</form>

</div>

{include file="$self/blocksearch-instantsearch.tpl"}

<!-- /Block search module -->

[vekia]

it's wrong file.

this is the part of the code from website:

 

"search_query_top"

 

and code that you pasted above is a part of the blocksearch.tpl and we need to check the blocksearch-top.tpl

[Jiten rash (away)]

yeah its in modules/blocksearch/blocksearch-top.tpl

 

he need to replace this with this..even he did not working i doubt its force compile issue

{*

* 2007-2013 PrestaShop

*

* NOTICE OF LICENSE

*

* This source file is subject to the Academic Free License (AFL 3.0)

* that is bundled with this package in the file LICENSE.txt.

* It is also available through the world-wide-web at this URL:

* http://opensource.or...ses/afl-3.0.php

* If you did not receive a copy of the license and are unable to

* obtain it through the world-wide-web, please send an email

* to [email protected] so we can send you a copy immediately.

*

* DISCLAIMER

*

* Do not edit or add to this file if you wish to upgrade PrestaShop to newer

* versions in the future. If you wish to customize PrestaShop for your

* needs please refer to http://www.prestashop.com for more information.

*

* @author PrestaShop SA <[email protected]>

* @copyright 2007-2013 PrestaShop SA

* @license http://opensource.or...ses/afl-3.0.php Academic Free License (AFL 3.0)

* International Registered Trademark & Property of PrestaShop SA

*}

<!-- block seach mobile -->

{if isset($hook_mobile)}

<div class="input_search" data-role="fieldcontain">

<form method="get" action="{$link->getPageLink('search')}" id="searchbox">

<input type="hidden" name="controller" value="search" />

<input type="hidden" name="orderby" value="position" />

<input type="hidden" name="orderway" value="desc" />

<input class="search_query" type="search" id="search_query_top" name="search_query" placeholder="{l s='Search' mod='blocksearch'}" value="{if isset($smarty.get.search_query)}{$smarty.get.search_query|htmlentities:$ENT_QUOTES:'utf-8'|stripslashes}{/if}" />

</form>

</div>

{else}

<!-- Block search module TOP -->

<div id="search_block_top">

 

<form method="get" action="{$link->getPageLink('search')}" id="searchbox">

<p>

<label for="search_query_top"><!-- image on background --></label>

<input type="hidden" name="controller" value="search" />

<input type="hidden" name="orderby" value="position" />

<input type="hidden" name="orderway" value="desc" />

<input class="search_query" placeholder="search entire store" type="text" id="search_query_top" name="search_query" value="{if isset($smarty.get.search_query)}{$smarty.get.search_query|htmlentities:$ENT_QUOTES:'utf-8'|stripslashes}{/if}" />

<input type="submit" name="submit_search" value="{l s='' mod='blocksearch'}" class="button" />

</p>

</form>

</div>

{include file="$self/blocksearch-instantsearch.tpl"}

{/if}

<!-- /Block search module TOP -->

[vekia]

<input type="submit" name="submit_search" value="{l s='' mod='blocksearch'}" class="button" />

 

okay so you removed the string from s='' param

and if you remove whole value param? still the same?

[zee28]

vekia, i tried everything it still stays the same, do u mind changing the code around and sending me the entire code pls

[vekia]

he need to replace this with this..even he did not working i doubt its force compile issue
{*
* 2007-2013 PrestaShop
*
* NOTICE OF LICENSE
*
* This source file is subject to the Academic Free License (AFL 3.0)
* that is bundled with this package in the file LICENSE.txt.
* It is also available through the world-wide-web at this URL:
* http://opensource.or...ses/afl-3.0.php
* If you did not receive a copy of the license and are unable to
* obtain it through the world-wide-web, please send an email
* to [email protected] so we can send you a copy immediately.
*
* DISCLAIMER
*
* Do not edit or add to this file if you wish to upgrade PrestaShop to newer
* versions in the future. If you wish to customize PrestaShop for your
* needs please refer to http://www.prestashop.com for more information.
*
* @author PrestaShop SA <[email protected]>
* @copyright 2007-2013 PrestaShop SA
* @license http://opensource.or...ses/afl-3.0.php Academic Free License (AFL 3.0)
* International Registered Trademark & Property of PrestaShop SA
*}
<!-- block seach mobile -->
{if isset($hook_mobile)}
<div class="input_search" data-role="fieldcontain">
<form method="get" action="{$link->getPageLink('search')}" id="searchbox">
<input type="hidden" name="controller" value="search" />
<input type="hidden" name="orderby" value="position" />
<input type="hidden" name="orderway" value="desc" />
<input class="search_query" type="search" id="search_query_top" name="search_query" placeholder="{l s='Search' mod='blocksearch'}" value="{if isset($smarty.get.search_query)}{$smarty.get.search_query|htmlentities:$ENT_QUOTES:'utf-8'|stripslashes}{/if}" />
</form>
</div>
{else}
<!-- Block search module TOP -->
<div id="search_block_top">
<form method="get" action="{$link->getPageLink('search')}" id="searchbox">
<p>
<label for="search_query_top"><!-- image on background --></label>
<input type="hidden" name="controller" value="search" />
<input type="hidden" name="orderby" value="position" />
<input type="hidden" name="orderway" value="desc" />
<input class="search_query" placeholder="search entire store" type="text" id="search_query_top" name="search_query" value="{if isset($smarty.get.search_query)}{$smarty.get.search_query|htmlentities:$ENT_QUOTES:'utf-8'|stripslashes}{/if}" />
<input type="submit" name="submit_search" class="button" />
</p>
</form>
</div>
{include file="$self/blocksearch-instantsearch.tpl"}
{/if}
<!-- /Block search module TOP -->

 

 

turn force compile on and clear shop cache after changes. + make sure that theme doesnt override this file

[zee28]

tried that again didnt work... This search bar is very stubborn lol

[vekia]

and if you remove whole contents of the blocksearch-top.tpl file, search field disappears?

[zee28]

nope remains the same

[vekia]

ohh dear, so it looks like:

1. cache problem (website displays cached version)
   
2. force compilation problem (the same as above)
   

[Jiten rash (away)]

u can do this advance parameter>performance>keep html as original>

but make sure that blocksearch-top.tpl has conent that i sent u.

Edited August 14, 2013 by Jiten rash (see edit history)

[zee28]

i turned off cache and it worked!

[vekia]

yeah, finally!

[Jiten rash (away)]

hmmmmmmmmmmmmmm

[zee28]

hhahaha thanks guys!!

 

can i increase the size of the font?

[Jiten rash (away)]

but ur site opens Damn slow now...turn on cache again

[Jiten rash (away)]

#search_block_top #search_query_top {font-size:16px;}

[zee28]

when i turn it on the search bar goes back to what it was before

[vekia]

try to clear directories:

(remove all files + subdirectories)

from :

1. cache/smarty/
   
2. cache/compile/
   

[zee28]

vekia u have done it again!!!!!!

[Jiten rash (away)]

nicelook..try some google fonts..site will look more good

[zee28]

good idea, when i find a font where do i put it..

[Jiten rash (away)]

http://www.google.com/fonts#UsePlace:use/Collection:Open+Sans

 

add at header.tpl

<link href='http://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'>

add open sans look owsome

add at body on global.css

 

font-family: 'Open Sans', sans-serif;

[zee28]

ok i did that. do i do something in back office to enable it?

[Jiten rash (away)]

not required ok

on body global.css line 53

 

body {

font: 11px/14px 'Open Sans', sans-serif;

 

ask vekia to mark it as solved

Edited August 14, 2013 by Jiten rash (see edit history)

[Jiten rash (away)]

then on modulesblock top menu /css/superfishmodified.csss .sf-menu a {

display: block;

margin-right: 2px; <---- remove