Vertical Results Display Style

Home Forums Product Support Forums Ajax Search Pro for WordPress Support Vertical Results Display Style

This topic contains 1 reply, has 2 voices, and was last updated by Ernest Marcinko Ernest Marcinko 7 years, 5 months ago.

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
  • #10546

    Hi, thank you for the awesome plugin. It is really well implemented and feature rich!

    I would like to style the Vertical Search Results as per the attached screenshot.

    Would it be possible for you to send me the css for this? I am mainly looking for the layout styling.

    Thank you

    You must be logged in to view attached files.
    Ernest Marcinko
    Ernest Marcinko


    Thank you for your kind words!

    In this case simple custom CSS won’t be enough, as you want to display product categories, add to cart and the price in search results.
    So first, you need these three dynamic things to show up at all.

    1. Add to cart
    There is a tutorial for that here:

    2. Price in results title
    For that you only need to edit the advanced title field on the back-end:
    Basically change that option to:

    {titlefield}  <span>${_price}</span>

    Then I would use this custom CSS to float it to the right side:

    a.asp_res_url span {
        float: right;

    3. Product categories in results

    For that you will need a filter yet again. I put together this one for you, it should do the trick:

    I hope this helps 🙂

    Ernest Marcinko

    If you like my products, don't forget to rate them on codecanyon :)

Viewing 2 posts - 1 through 2 (of 2 total)

You must be logged in to reply to this topic.