Forums › Forums › Search & Filter Pro › Product Layout When Displaying Results with a Shortcode

Tagged: 

Viewing 10 posts - 1 through 10 (of 13 total)
1 2
  • Anonymous
    (Private)  March 10, 2020 at 1:42 am #236035

    I would like to be able to place the filters in a sidebar and the products that meet the filter checkboxes to display in the main section of the page. This is what it looks like now:

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

    As you can see, the products are in a post format instead of in a product format. I need to have them display in a product format.

    (I tried to do with with the Shop page, but that didn’t give me the option to place the results next to the filter checkboxes.)

    Thanks for your help!

    Trevor
    (Private)  March 10, 2020 at 10:07 am #236064

    Before I answer the question, you need a little snippet of Custom CSS to override your theme CSS:

    .searchandfilter > ul {
    margin-left: 0;
}

    Are you able to show me a page in your site where the format of the posts/products looks as you want?

    Anonymous
    (Private)  March 10, 2020 at 7:49 pm #236187

    Thanks, Trevor. I added the CSS.

    Here is a page with the Product layout for a “catalog” page:

    https://gco.cybernet-host.com/optical-for-women/

    As you can see each product goes into columns, and then there is an “Select Options” button underneath it. It is a built in layout for WooCommerce.

    Trevor
    (Private)  March 11, 2020 at 10:00 am #236230
    This reply has been marked as private.
    Anonymous
    (Private)  March 11, 2020 at 6:53 pm #236360

    You bet. I’ll do a private reply on this. But it would be good to get the solution on to the forum in the long run.

    Anonymous
    (Private)  March 11, 2020 at 8:51 pm #236375
    This reply has been marked as private.
    Trevor
    (Private)  March 12, 2020 at 10:06 am #236431

    I took a look inside your admin.

    Normally, the theme would do one (or more) of the following:

    1 In the page editor for the shop, you can either select a template with sidebar to use, or there is a switch to enable the sidebar. No template or sidebar option is present.
    2 In Appearance -> Widgets would be a WooCommerce sidebar. Adding any widget to this sidebar would usually enable the sidebar. No WooCommerce sidebar is present.
    3 Some themes have an options page, sometimes in the Customizer, sometimes in an admin page, that has options that enable you to specify sidebars on certain core WooCommerce pages. Whilst this theme does have WooCommerce options in the Customizer, none are for a sidebar.

    The shop page you have at the moment has a form on the far left, which looks very wrong, and also the SHOP heading keeps repeating down the page.

    You may need to refer to the theme author for help. However, it looks like you are using a free version of their theme, and that generally means no help. The sales page suggests WooCommerce does have a sidebar option, but the link for more details goes nowhere.

    This is a theme related issue though, and thus one I cannot really help you with.

    Anonymous
    (Private)  March 12, 2020 at 7:05 pm #236537

    This isn’t a theme I would typically use. What themes have you seen working well with it?

    Trevor
    (Private)  March 13, 2020 at 7:57 am #236599

    The big issue is that you appear to need a theme which is:

    1. Free
    2. Supports WooCommerce

    There are many such on the wordpress.org theme repository, but Storefront is the first that comes to mind for me (as it comes from WordPress themselves):

    https://wordpress.org/themes/storefront/

    For this reason, it is supported (by us of course) by a lot of plugins, many of which are free (or have free versions):

    https://wordpress.org/plugins/search/storefront/

    Anonymous
    (Private)  March 13, 2020 at 6:43 pm #236695

    No, that isn’t what I need. This website has already had expensive custom layout work, and the cost of the theme is not a factor.

    This is what I need, and perhaps you can put it into a future release. I purchased the developer option and plan to use this on more websites.

    I need to be able to use the Search and Filter plugin to arrange products on ANY page, not only the SHOP page. (Your WooCommerce option only works with the Shop page.) On this particular website, I need 4 different Search and Filter layout pages, not only one on the shop page. What I was hoping to find was that I could affect the layout choice (blog post vs. product) with some sort of short code. But that doesn’t seem possible at the time.

    Another option may be to take your existing work on the Shop page, and make them more like the Shortcode Option but for products….there would be two shortcodes: one for the filter and one for the display. That may be less work to develop.

    Thank you for looking at it. I’ll move forward with custom code to solve the problem.

  • Author
    Posts
Viewing 10 posts - 1 through 10 (of 13 total)
1 2