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 5 years, 8 months ago.

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

    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
    Gary

    Attachments:
    You must be logged in to view attached files.
    #10566
    Ernest Marcinko
    Ernest Marcinko
    Keymaster

    Hi!

    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: https://goo.gl/pVye7e

    2. Price in results title
    For that you only need to edit the advanced title field on the back-end: https://goo.gl/XeKf8H
    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 🙂

    Best,
    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.