cancel
Showing results for 
Search instead for 
Did you mean: 

Search Results Page Layout Issue

   Did you know you can see the translated content as per your choice?

Translation is in progress. Please check again after few minutes.

Search Results Page Layout Issue

Recently came across a layout issue on my websites Catalog Search Results page.  Whenever a search result returns 4 or less products the "actions" DIV with the price & add-to-cart button is displayed out of place above the product image and name (in grid mode).  This element is positioned absolute and whenever I remove this css-style the div moves back below the image, however I need to keep this style otherwise it wont display correctly on all our category pages.    

 

 

Search.png

 

 

2 REPLIES 2

Re: Search Results Page Layout Issue

Add "relative" property value for parent wrapper.
for eg:
Please check attached screen shotsolution.png

 

 

----------------------------------

some limitation was added on your local.xml file please remove that

Layout Path: 'your-theme/layout/local.xml'
Handler : catalogsearch_result_index

 

Take a look at Limit number of products shown list.phtml

 

{{block type="catalog/product_list" limit="4" category_id="13" template="catalog/product/list.phtml"}}

 

To accomplish this using layout.xml then use setLimit

<action method="setLimit">4</action>

Eg

 

<block type="catalog/product_list" template="catalog/product/list.phtml">
<action method="setLimit">4</action>
</block>

Re: Search Results Page Layout Issue

Really appreciate the reply.  I tried playing around with the css styles you suggested, however it seems I would need to re-work the Products Grid page in order to make it work the way you suggested.  This seems like it would be counter-productive, as the product grid pages work as they should except for when there are 4 or less products being displayed.  I then tried to follow the other suggestion you made regarding my local.xml file, but I also ran into issues there.  I don't have a declaration in my local file referring to the catalogsearch_result_index handler.  I also checked the list.phtml file and didn't see anything in there.  Please advise.