Viewing 19 posts - 1 through 19 (of 19 total)
  • Author
    Posts
  • #22067

    Hi,

    I have inserted woocommerce product finder into a designated search page and I have found that it formats incorrectly; text (which includes dropdown box options) which should be on one line, gets broken up into 3 lines, despite there being plenty of room to the right for the text and options..

    I am assuming the problem relates to the theme’s style.css?

    Page is here: michaelseebeck.com.au/print-search

    The css I have already added (for other reasons – (may be incorrect – but it was to make the content page wider and push the right sidebar further to the right – there was still an issue with the right sidebar though..)) through the quick css box is:

    #top .content .box {
    min-width:660px;
    width:660px;
    }
    #top .sidebar.sidebar2.box {
    left:992px;
    }
    #top .sidebar.sidebar2.box {
    width:400px;
    }
    #top .sidebar.sidebar2.content {
    width:400px;
    }
    #top .products .product {
    width:600px;
    }
    #top li img {
    margin: auto;
    }

    Any suggestions?

    Regards,

    Michael

    #114086

    Hi,

    I am sorry lets start over. On the url you pasted, what exactly needs to happen? If you can illustrate what you want with screenshot and some arrows please.. You can use imgur.com or some other site to post the image. Because I am not following which three lines and where they are.

    I see on search page you have a lot of <p> tags causing whitespace on the bottom of the page.

    I am not sure what the CSS you posted is for. It don’t seem to do anything. Can you please illustrate what you are trying to do so we can help you with the css as well as the first issue.

    Thanks,

    Nick

    #114087

    Hi Nick,

    I apologize for not making the request clear. On this page http://goo.gl/wIZmS are two search functons. I am looking at the second from the top, which is the woocommerce product finder extension.

    You will see, the first line within the box says ‘Search for products that match all these criteria’ (including a dropbox for ‘All’) – this sentence should be on one line rather than three. Same with the next criteria search line ‘Select Criteria Is.. etc’ – should be on one line (rather than three). Also if you hit the (+) button to create more criteria, all subsequent criteria have the same problem – on three lines rather than one. This is unneccessary and serves to make the product finder extension much longer (higher) than it should be.

    I showed the quick css changes I have made just in case there were any reasons why this is happening (that I am responsible for) in my css changes.

    There was no particular reason for the <p> tags – I will remove them in due course.

    Thanks for your help,

    Michael

    #114088

    Hey!

    Insert following code into the quick css field

    #wc_product_finder .search_row select {
    display: inline;
    }

    #wc_product_finder select {
    width: auto;
    min-width: 170px;
    }

    Regards,

    Peter

    #114090

    Hey Peter,

    Thanks for that. It partially worked in that it put the line starting with ‘Select Criteria…’ on one line. However didn’t put the first line ‘Search for products that match AllAny of these criteria:’on one line… Almost there!

    Thanks again – any ideas on putting the first line on one line from 3 lines?

    Regards,

    Michael

    #114091

    Hi,

    Please add this css

    #top #wc_product_finder select {
    display: initial !important;
    }

    This is how it looks when I add above code to your page http://www.clipular.com/c?5135004=ZsIJ7RoQ3wqm0Equ1xLcWYoANoE&f=.png

    Also the page is throwing an error because you have some attachment that doesn’t exist. Failed to load resource: the server responded with a status of 404 (Not Found) http://michaelseebeck.com.au/?attachment_id=926

    Thanks,

    Nick

    #114092

    Hi!

    Insert following code into the quick css field (in addition to the code I posted above):

    #wc_product_finder select {
    display: inline;
    }

    Best regards,

    Peter

    #114093

    Hi Guys,

    Great – that seemed to work! Only further request is that the dropbox containing All/Any be made narrower (less wide). Its current width seems excessive. Likewise the middle dropbox of the sentences that search criteria (beneath the first one) is also too wide considering the dropbox only contains Is/Is Not. If that can fixed – great – otherwise not too worried.

    (Page is http://goo.gl/wIZmS)

    Regards,

    M

    #114094

    Hello again,

    Just tried the woocommerce product finder in a search of criteria, and it returns a bizarre search results page with the main menu sidebar much wider and displaced across to the right, and covering what I think is a search results box.

    Try searching for eg ‘rainforest’ (I have only one product listed currently)

    What could be the problem/solution?

    I will list my current quick css changes (so you know what has been changed):

    .content .box {

    min-width: 660px;

    width: 660px;

    }

    .sidebar.sidebar2.box {

    left: 992px;

    }

    .avia_fullscreen_slider_thumbs img {

    background: #999;

    }

    .avia_fullscreen_slider_thumbs img:hover, .avia_fullscreen_slider_thumbs .active_thumb img {

    background: #000;

    }

    #wc_product_finder .search_row select {

    display: inline;

    }

    #wc_product_finder select {

    width: auto;

    min-width: 170px;

    }

    #wc_product_finder select {

    display: inline;

    }

    Regards,

    M

    #114095

    Hey!

    I just tried it and the search page seems to work fine for me: http://goo.gl/XUCAq – the stream solace product is displayed in the shop/product grid (3 column structure).

    Best regards,

    Peter

    #114096

    Hi Peter,

    Not sure how it worked for you because it still ain’t working for me. The menu disappears again too. (See me entries under “Lost the Menu!”)

    Don’t know how or why this is happening because it is happening on every computer I try it on. Even the product finder search doesn’t actually work – it fails to find Stream Solace when searched for ‘rainforest’ in the product finder for me. Now I have ended up again with just a white page with the logo. Nothing else… And the only way i can have a hope of getting back to the website as it should be with the menu is to close the browser, F5, delete internet history, and then the website may work again for me temporarily…

    before reverting back to just a white page with logo and no menu.

    Any ideas?

    Regards,

    M

    #114097

    Ok, I think I found the issue. The page layout breaks if no search results are found because a closing div tag is missing. Try to add following code to functions.php (at the very bottom):

    add_action( 'woocommerce_archive_description', 'avia_fix_no_search_results', 10 );
    function avia_fix_no_search_results() {
    if ( is_archive() && !have_posts() && is_woocommerce() )
    {
    echo '</div>';
    }
    }

    #114098

    Hi Dude,

    Thanks for your help.

    No I don’t think that helped. Put that code at the end of the functions.php file. I Just tried the predictive (upper) search function on the ‘Search Prints’ page and it did return a correct result. Just to check out if the shopping cart still worked I added a product to the shopping cart but I did notice that when the shopping cart was returned, the menu had gone, just with the logo remaining, like before. Then I clicked on the logo (nothing else to click on) and that just returned a blank white page with the logo. This page now remains persistent every time I reload the site even after deleting all browsing history and opening a new browser window. Something to do with the shopping cart???

    Regards,

    M

    #114099

    Hi Dude,

    I am happy to give you admin priveleges if that’s what you need to sort this out. I know this is frustrating for all concerned..

    Regards,

    M

    #114100

    Hi!

    Please deactivate the WooCommerce Menu cart pro extension – it causes a php error.

    Regards,

    Peter

    #114101

    Hi Peter,

    Hey presto! Great! That seems to be it. Seems to work ok in terms of the menu and everything else remaining on the page.

    Three more questions while I have your attention:

    1) Should I remove that code from the functions.php file?

    2) The woocommerce product finder still doesn’t seem to be working – there is only one product but it doesn’t get returned when I search on the attributes it has. I have changed to product finder shortcode to just the basic search and still the same – no products found.

    3) Would the menu cart pro be configured so that it is safe to use – or should I just leave it? Maybe try the menu cart lite…

    Thanks very much for your help again. Your support is fantastic – I know your job can’t be easy when people like myself who really haven’t much of a clue make a large array of changes to the basic site, and then not surprisingly come up with problems that are difficult to pin down…

    Regards,

    M

    #114102

    Hi Peter,

    I think there is a problem with the search functions not recognizing attributes and product tags of products. The predictive search (upper search bar) has the same problem in (not) recognizing product tags…

    Any further ideas?

    Regards,

    M

    #114103

    Hi Peter,

    Have found the problem I think. The product was not Catalog/Search visible, only Search visible… So the search functions now work fine… Have reinstalled the basic menu cart and it seems to be OK also.

    Thanks very much for your help!

    Regards,

    Michael

    #114104

    Glad its working for you now :)

    Regards,

    Devin

Viewing 19 posts - 1 through 19 (of 19 total)

The topic ‘Help needed for formatting woocommerce product finder in page’ is closed to new replies.