• Hi,

    I’m trying the search out on a client’s development site which uses the Woocommerce Storefront theme.

    All seems to work fine. Happy with the response time, especially considering there are over 150,000 products.

    Only thing that’s stopping adding this to the live site is on mobile:

    Storefront drops the top search box to the bottom of the screen (you click on the magnifying glass) but the Advanced Woo Search results go off the bottom of the screen.

    Try a search for: Danfoss

    You can only see part of the results. It’s difficult to scroll down and you can’t get to the bottom of the list.

    Would maybe prefer to see the search results go above the search box or the screen be allowed to scroll somehow.

    Is this a possibility?

    Cheers,

    Andy

    The page I need help with: [log in to see the link]

Viewing 15 replies - 16 through 30 (of 37 total)
  • I copied from the post

    Plugin Author ILLID

    (@mihail-barinov)

    Yes, I found it now.
    So the problem now is that you can’t scroll search results box?

    http://www.indikaari.in

    the search button is below….just enter kash and you can see….

    actually there is no space to scroll

    Thread Starter andyrjames

    (@andyrjames)

    Sorry for the delay, I’ve just cloned the live site back over the demo site and the Advanced Woo Search index rebuild took at least 12 hours!

    Do a search on your android phone.

    The google (android) keyboard pops up and takes up half the screen space. It pushes the browser display beyond the top half and you can’t see or scroll to the top 3 results until you back out of the google keyboard.

    I honestly don’t know if this is something that you can do anything about as the google keyboard is part of the OS.

    On the plus side the search is working great with 325,995 products.

    Does the plugin index Imported products? This is the main way we add new items.

    Thanks for your help.

    Cheers,

    Andy

    Has the update been released?

    I still face the same problem. The search box opens down and the only is to make it open upwards.

    Kindly see the mobile version of the site. The search icon is at the bottom panel

    https://www.indikaari.in/

    Plugin Author ILLID

    (@mihail-barinov)

    @vasudevb

    What plugin version number you are using on your site?

    Version 2.10

    And it shows latest version involved.

    Plugin Author ILLID

    (@mihail-barinov)

    As I see you are using some plugins for assets aggregation. Please clear this plugins cache and test search form one more time.

    Regards

    It isnt working. I cleaned the plug-in cache. Infact deactivated and again activted it. Still not working

    @andyrjames
    The only thing that can be done is that the menu dont drop down, it opens upwards.

    Plugin Author ILLID

    (@mihail-barinov)

    Ok,

    In this case please try manually add this code snippet

    add_action( 'wp_footer', 'storefront_footer_action' );
    function storefront_footer_action() { ?>
        <script>
            window.addEventListener('load', function() {
                function aws_results_layout( styles, options  ) {
                    if ( typeof jQuery !== 'undefined' ) {
                        var $storefrontHandheld = options.form.closest('.storefront-handheld-footer-bar');
                        if ( $storefrontHandheld.length ) {
                            if ( ! $storefrontHandheld.find('.aws-search-result').length ) {
                                $storefrontHandheld.append( options.resultsBlock );
                            }
                            styles.top = 'auto';
                            styles.bottom = 130;
                        }
                    }
                    return styles;
                }
                if ( typeof AwsHooks === 'object' && typeof AwsHooks.add_filter === 'function' ) {
                    AwsHooks.add_filter( 'aws_results_layout', aws_results_layout );
                }
            }, false);
        </script>
        <style>
            .storefront-handheld-footer-bar .aws-search-result ul li {
                float: none !important;
                display: block !important;
                text-align: left !important;
            }
            .storefront-handheld-footer-bar .aws-search-result ul li a {
                text-indent: 0 !important;
                text-decoration: none;
            }
        </style>
    <?php }

    You need to add it somewhere outside the plugins folder. For example, inside functions.php file of your theme or use some plugin for adding code snippets.

    Regards

    This is simply amazing….I had started giving up on this…exactly what I wanted.

    Just one last thing – can I change the color of the the search result?

    Thanks a ton….this looks really nice….

    Thread Starter andyrjames

    (@andyrjames)

    Thanks Mihail!

    Latest version of the plugin works a treat.

    Cheers!

    Andy

    Plugin Author ILLID

    (@mihail-barinov)

    @vasudevb

    You want to change search results background color?

    Yes…

    Thread Starter andyrjames

    (@andyrjames)

    I believe you need to add css to your theme’s style sheet (style.css – best to use a child theme).

    Probably also do it through Appearance => Customise => Additional CSS
    but I never do it that way.

    .aws-search-result .aws_result_link {
    background-color: #fff;
    }

    Makes the background white. Goes with storefront.

Viewing 15 replies - 16 through 30 (of 37 total)

The topic ‘Mobile usability with Storefront’ is closed to new replies.