This website uses cookies to personalize your experience. By using this website you agree to our cookie policy.

Reply To: Vertical Results Display Style

#10566
Ernest MarcinkoErnest 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:

[html]{titlefield} <span>${_price}</span>[/html]

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

[html]a.asp_res_url span {
float: right;
}[/html]

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 🙂