Vertical Results Display Style

[garyfinbergParticipant]

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.

[Ernest MarcinkoKeymaster]

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 :)

[Author]

Posts