Product Layout When Displaying Results with a Shortcode

Trevor

#236771

This reply has been marked as private.

Anonymous

#236841

I put everything together this weekend, and it worked out great. The page is in the Beaver Builder page builder, so I can place the two shortcodes wherever I want.

1. I used the Shortcode Display Option, which is what displayed the products as posts instead of products.
2. I copied the “results.php” file into the template files. (One little problem was that I used “search-filter-pro” as the folder, and it needs to be “search-filter”.
3. It was easier than I thought to make the post look like a product. I just deleted the date and description from the results layout, and then added a button with a link to the product underneath it.
4. The rest is just CSS. For devices over 700px in width, I set the width to 33.3% and float:left to the div around the product.

Here is a link to the dev page:

https://gco.cybernet-host.com/filter-glasses/

(This link may not be there forever. One reason I couldn’t use the built in Shop option is because this format needs to be repeated 4 times.)

The other idea I had was to make multiple shop pages, but I didn’t go that route and I am glad I didn’t. It was very easy to make the post layout look like a product layout.

Thanks for your support and for a great plugin!

Trevor

#236907

We do, I think, have a plugin addon for Beaver Builder, but it may not be what you want at this point.

Is it OK to close this thread?

[Author]

Posts