Magento Coding Solutions

magento custom search

Step1. create search input box. when you want to applied

<div class="row srchby">
<div class="col-sm-12"><h3 class="blue-font" align="center">Search our database</h3></div>

<form role="search" action="<?=Mage::getBaseUrl()?>catalogsearch/result/" method="get" class="form-inline">
<input type="hidden" name="cat" id="searchCatId" value="<?=$categoryid?>" >
    <div class="form-group"><input type="text" name="q" class="form-control"  placeholder="Enter Part No. / Model No" id="searchCat" value=""></div>
<div class="form-group"><input type="submit" value="Search Now"></div>
</form>

</div>
<style>
#getproductCat{
    position: absolute;
z-index: 999;
margin-left: 27.90%;
margin-top: -2%;
display: none;
}
</style>
<div class="row">
<div id="getproductCat">
<div class="product_instant_search_popup clearfix">
  <a href="javascript:void(0)" onclick="removeddCatSearch()"><img src="<?php echo $this->getSkinUrl('images/FME_instantsearch/close.png');?>" alt="" class="close" width="20px"></a>
<?php 


$a=1;
?>

<div class="related">
<ul id="listCatSearch">

</ul>
</div>
</div>
</div>
</div>
Step 2. create ajax to call indexController 
<script>
// instantsearch is my module.
jQuery(document).on('keyup','#searchCat',function(obj){
var seaechData=jQuery(this).val();
var catId=jQuery('#searchCatId').val();
var dataString ='seaechData='+seaechData+'&catId='+catId;
//alert('asdasd'+seaechData);
var urlPost= '<?php echo $this->getUrl('instantsearch/index/searchcat')?>';
jQuery('#listCatSearch').html('');
jQuery.ajax({
type: "POST",
url: urlPost,
data: dataString,
cache: false,
success: function(result){
//alert(result);
jQuery('#getproductCat').show();
jQuery('#listCatSearch').html(result);
 
}
}); 
});
function removeddCatSearch(){
jQuery('#listCatSearch').html('');
jQuery('#getproductCat').hide();
}
</script>

Step 3:
create function in IndexController in any module

public function searchcatAction(){
if(!empty($_REQUEST['seaechData'])){
$q = $_REQUEST['seaechData'];
$categoryid = $_REQUEST['catId']; 
$category = new Mage_Catalog_Model_Category();
if(!empty($categoryid)){
$category->load($categoryid);
}
$collection = $category->getProductCollection();
$collection->addAttributeToSelect('*');
if(!empty($q)){
$collection->addAttributeToFilter('name', array('like' => '%'.$q.'%'));
}
$collection->getSelect()->order(new Zend_Db_Expr('RAND()'))->limit(100);
$_productCollection=$collection;
//echo $_productCollection->count();
$result='';
if($_productCollection->count()>0){
foreach ($_productCollection as $_product){
$result.='<li id="is-'.$_product->getid().'">
<a href="'.$_product->getProductUrl().'">'.ucfirst($_product->getName()).'</a>

</li>';
}


}else{
$result.='<li id="is-0">No Recorde Found!</li>';
}
echo $result;
}
}



No comments:

Post a Comment