Forums › Forums › Search & Filter Pro › Woocommerce, DIVI theme, Search

Viewing 7 posts - 1 through 7 (of 7 total)
  • Anonymous
    (Private)  May 12, 2015 at 11:34 pm #17351

    I followed your doc to use display search results using your short codes.. I created a divi page called search_results and pointed your software to it….Page comes up, displays your search criteria and the results of the search…But the image shows gigantic, text appears way too big and is not following any of the DIVI and Woocommerce settings….Where is your plugin getting font sizes, image sizes etc. and how do I make the search follow the rules…..thanks

    Ross Moderator
    (Private)  May 12, 2015 at 11:41 pm #17352

    Hey Dennis

    When you are using the shortcode to place you results, it basically loads in a template file from within the S&F plugin folder.

    This is a really basic template. with little to no styling… To customise the html, layout, style etc – add CSS to your own theme and modify the template by following the instructions here:

    http://www.designsandcode.com/wordpress-plugins/search-filter-pro/docs/display-results/with-a-shortcode/

    If you wanted to use a regular template from your theme (like search.php) you could use the archive method – but this is not without its own caveats – it can be a bit trickier to setup and ajax searching is a little slower – I have noticed other user around the forums mention the divi theme so I’m assuming they’ve managed to get it setup alright.

    Thanks

    Anonymous
    (Private)  May 13, 2015 at 1:38 am #17359

    Thanks! I followed this:::::
    !!!!!!1.Create a folder in your theme folder called search-filter.
    2.Copy the file wp-content\plugins\search-filter\templates\results.php from the templates folder in to the newly created folder in your theme – wp-content\themes\your-theme-name\search-filter\results.php

    From now on, Search & Filter will load this version of the template instead of its own – so you can make any customisations that are necessary.!!!!!

    Search & Filter works and loads the Divi created Page, However this page does not honor all of the CSS code(as woocommerce and Divi do) and all of the other pages do. Any ideas>? This is my last hurdle!

    Ross Moderator
    (Private)  May 15, 2015 at 10:18 am #17563

    Hey Dennis

    As I mentioned before, S&F doesn’t actually add any CSS to the results…

    So I’m not sure which classes you need in the styling – normally when I’m having trouble styling pages I check the classes that are applied to the body tag?

    This might help

    Thanks

    Anonymous
    (Private)  May 16, 2015 at 2:02 am #17640

    WOW, you have a demo2(woocommerce) on your site. I viewed it and it does most of what I want. Can I view the reply.php theme you use and I can customize it to meet my requirements….Thanks

    Anonymous
    (Private)  May 16, 2015 at 2:03 am #17641

    Sorry, results.php template not reply.php mentioned above.

    Ross Moderator
    (Private)  May 21, 2015 at 11:42 pm #18062

    Hi Dennis

    This demo is made using the archive method and woocommerce – so it is using a layout that comes with woocommerce…

    It using this template:

    https://github.com/woothemes/woocommerce/blob/master/templates/archive-product.php

    You must copy this into your theme folder (you should take a copy from your woocommerce folder) and use it as the template as described here for setting up S&F using archive method:

    http://www.designsandcode.com/wordpress-plugins/search-filter-pro/docs/display-results/as-an-archive/

    Once this is complete, your layout still might not be as desired, this can sometimes be because of the class on the <body> tags, you will need to see which your product archive is using and use the methods described here:

    https://support.searchandfilter.com/forums/topic/wp-4-2-1-update-affecting-plugin/page/2/#post-17059

    Thanks

  • Author
    Posts
Viewing 7 posts - 1 through 7 (of 7 total)