[SOLVED] Adding a search bar to FENNECS theme

[fendytan]

1. I added a "quick search block v1.0" to the "top of pages" of FENNECS theme. But the search bar is not aligned to the left. I tried to edit the global.css line 387 but I am not sure what to do. Could anybody help?

line 387 global.css:

...
/* block top search */
#search_block_top {height:28px; float:left; margin:0 0 2em 2.1em; }
#search_block_top form {background:url('../img/block-search.gif') no-repeat; height:21px; padding:0.5em 0 0 0.3em; width:270px;  }
#search_block_top #input_submit_search {width:20px; border:none; cursor:pointer;}
#search_block_top h4 {padding-left:0.1em; font:12px Arial, Helvetica, sans-serif; font-weight:bold; color:#cb5c3a}
#search_block_top label, #header #search_block_top input{ border:none; float:left; color:#666; padding-top:0.2em;}
#search_block_top label {font-size:11px; padding:1px; height:15px; padding-left:1px;}
#search_block_top input#search_query { width: 213px; border:none; color:#999; }
...

2. The search results from "quick search block" are not aligned. It should have 3 items per row. Where should I edit? css or tpl? Which one?

[fendytan]

solved 1st problem w/ editing global.css (after studying moon theme css file)...


still stuck with 2nd problem... should be blocksearch.tpl related...

[growyourownbiz]

Could you copy the bit of your new global.css so that I can get search block working on Fennecs for my site please? Also, if you changed your blocksearch module .tpl file so that it displayed correctly... could you zip & attached that? Many many thanks!

[birdawn]

Hello,

I solved the irregular search results, just replacing /themes/fennecs/search.tpl for /themes/prestashop/search.tpl in Prestashop release 1.3.1
--------------------------------------------------------------
Second problem regarding quick search, I still looking for. I imagine should edit global.css but my knowledge is not enough to find the solution.
Approximately in line 391

/*Changed padding-top 0.3em to 0.4em */
#search_block_top label, #header #search_block_top input{ border:none; float:left; color:#666; padding-top:0.4em;}

and I changed white background color to grey in line 791

/*Quick search background */
#primary_block div#attributes #quantity_wanted_p, input{ height:auto; border:1px dashed #ccc; background:#CFCFCF }
-----------------------------------------------------------------
Still miss the correct css code for manage the different concepts on header.
Any help?

[frosticek]

Hi,

I solved the same problem, try to look for margin in your global.css, you can move it to right by selecting margin-right: 0; or you can pull it from the others block by margin-left: XXpx;, it depends on align.


Hope it helped.

[birdawn]

Frosticek,

Thank you for post, the solution it should be by pulling others blocks as you suggest.

When I inspection the page to known the order of the blocks to pul on. I find the block also is calling to another .css file chromestyle.css

How I can pull on? Just change margin of block header user that is just before?

Any idea of what exactly to change? in that file?

Thank you in advance, Juan

/* block top user information */
#header_user {color:#C3C0BB; text-transform:uppercase;}
#header_user div {float:right; clear:right; text-align:left; font-size:11px; font-size:9px;}
#header_user li {float:left; color:#C0C0C0;}
#header_user .shopping_cart {background:url('../img/cart.png') left no-repeat; height:14px; padding-left:2em; margin-top:0.5em; float:right}
.shopping_cart b { color:#ff6600}
.shopping_cart h4 { margin-right:0.5em; color: #6a5d4a; font-weight:bold; font-size:11px; text-transform:uppercase; float:left}
.shopping_cart li {margin-top:0.15em}
.shopping_cart p { float:right; margin-left:0.5em}
.shopping_cart a { margin-left:0.3em}
.shopping_cart strong {color:black}
.shopping_cart .ajax_cart_product_txt {color:black; font-weight:bold}
.shopping_cart .ajax_cart_product {color:#c0c0c0; font-weight:bold}
.shopping_cart span {color:#ff6600; font-weight:bold}
.shopping_cart a:hover {color:#666; text-decoration:underline;}
.header_links {margin:-1.9em 0; float:left; background:url('../img/header_links.gif') right no-repeat; padding-right:1.6em; margin-right:12em}
.header_links li a {color:#555; margin:0 0.5em 0 0.5em; text-decoration:none}
.header_links li a:hover {color:#666; text-decoration:underline}

[Diego-M]

Does anyone can solve the problem with the search results when use this theme??? I'm having the same problem as fendytan shown in the image.... my test site is http://www.franelas.co/pv/

[the_eraser]

hi diego-M i use the same theme as yours am a newbie and i loved your website .i wanna add a research barre like yours plz show me how.i ll really apreciate it .the website am working on is :www.nounoux.com