Picture of product not showing on mobile version

Hi,

So are you talking about the search form that appears inside the menu sidebar on mobile devices?

If so – then for me search results are not dis[played at all. Looks like it is some layout problem. Please open the plugin settings page -> Search Form tab and enable ”Mobile full screen” option.

Regards

I see. Please try to use following code snippet:

add_action('wp_footer', 'my_wp_footer');
function my_wp_footer() { ?>
    <script>
        window.addEventListener('load', function() {
            function aws_show_modal_layout( show, options  ) {
                if ( aws_is_mobile() ) {
                    return true;
                }
                return false;
            }
            function aws_is_mobile() {
                var check = false;
                (function(a){if(/(android|bbd+|meego).+mobile|avantgo|bada/|blackberry|blazer|compal|elaine|fennec|hiptop|iemobile|ip(hone|od)|iris|kindle|lge |maemo|midp|mmp|mobile.+firefox|netfront|opera m(ob|in)i|palm( os)?|phone|p(ixi|re)/|plucker|pocket|psp|series(4|6)0|symbian|treo|up.(browser|link)|vodafone|wap|windows ce|xda|xiino/i.test(a)||/1207|6310|6590|3gso|4thp|50[1-6]i|770s|802s|a wa|abac|ac(er|oo|s-)|ai(ko|rn)|al(av|ca|co)|amoi|an(ex|ny|yw)|aptu|ar(ch|go)|as(te|us)|attw|au(di|-m|r |s )|avan|be(ck|ll|nq)|bi(lb|rd)|bl(ac|az)|br(e|v)w|bumb|bw-(n|u)|c55/|capi|ccwa|cdm-|cell|chtm|cldc|cmd-|co(mp|nd)|craw|da(it|ll|ng)|dbte|dc-s|devi|dica|dmob|do(c|p)o|ds(12|-d)|el(49|ai)|em(l2|ul)|er(ic|k0)|esl8|ez([4-7]0|os|wa|ze)|fetc|fly(-|_)|g1 u|g560|gene|gf-5|g-mo|go(.w|od)|gr(ad|un)|haie|hcit|hd-(m|p|t)|hei-|hi(pt|ta)|hp( i|ip)|hs-c|ht(c(-| |_|a|g|p|s|t)|tp)|hu(aw|tc)|i-(20|go|ma)|i230|iac( |-|/)|ibro|idea|ig01|ikom|im1k|inno|ipaq|iris|ja(t|v)a|jbro|jemu|jigs|kddi|keji|kgt( |/)|klon|kpt |kwc-|kyo(c|k)|le(no|xi)|lg( g|/(k|l|u)|50|54|-[a-w])|libw|lynx|m1-w|m3ga|m50/|ma(te|ui|xo)|mc(01|21|ca)|m-cr|me(rc|ri)|mi(o8|oa|ts)|mmef|mo(01|02|bi|de|do|t(-| |o|v)|zz)|mt(50|p1|v )|mwbp|mywa|n10[0-2]|n20[2-3]|n30(0|2)|n50(0|2|5)|n7(0(0|1)|10)|ne((c|m)-|on|tf|wf|wg|wt)|nok(6|i)|nzph|o2im|op(ti|wv)|oran|owg1|p800|pan(a|d|t)|pdxg|pg(13|-([1-8]|c))|phil|pire|pl(ay|uc)|pn-2|po(ck|rt|se)|prox|psio|pt-g|qa-a|qc(07|12|21|32|60|-[2-7]|i-)|qtek|r380|r600|raks|rim9|ro(ve|zo)|s55/|sa(ge|ma|mm|ms|ny|va)|sc(01|h-|oo|p-)|sdk/|se(c(-|0|1)|47|mc|nd|ri)|sgh-|shar|sie(-|m)|sk-0|sl(45|id)|sm(al|ar|b3|it|t5)|so(ft|ny)|sp(01|h-|v-|v )|sy(01|mb)|t2(18|50)|t6(00|10|18)|ta(gt|lk)|tcl-|tdg-|tel(i|m)|tim-|t-mo|to(pl|sh)|ts(70|m-|m3|m5)|tx-9|up(.b|g1|si)|utst|v400|v750|veri|vi(rg|te)|vk(40|5[0-3]|-v)|vm40|voda|vulc|vx(52|53|60|61|70|80|81|83|85|98)|w3c(-| )|webc|whit|wi(g |nc|nw)|wmlb|wonu|x700|yas-|your|zeto|zte-/i.test(a.substr(0,4))) check = true;})(navigator.userAgent||navigator.vendor||window.opera);
                return check;
            }
            if ( typeof AwsHooks === 'object' && typeof AwsHooks.add_filter === 'function' ) {
                AwsHooks.add_filter( "aws_show_modal_layout", aws_show_modal_layout );
            }
        }, false);
    </script>
<?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.

Also, after adding this code you will need to go to the plugin settings page and click the ‘Clear cache’ button.

Regards

Do you enable ‘Mobile full screen’ option from the plugin settings page?

I see. Please tell me – how do you create this mobile menu? If you are using any page builder for this – please show me a screenshot where I can see the structure of that menu and from what blocks it builds.

Thanks. So shortcode elements is how you added plugin search form. Is that correct?

I just don’t understand how do you add the search form as part of the sidebar. Your interface is in Greek so it is hard for me to understand it.

Looks like I found the solution for you. Please use following code snippet

add_action( 'wp_head', 'aws_wp_head', 999 );
function aws_wp_head() {

    ?>

    <script>

        window.addEventListener('load', function() {

            var appendTo = 'body';
            var checkParent = '.eael-offcanvas-body';

            jQuery(document).on( 'focus', '.aws-search-field', function (e) {

                if ( jQuery(this).closest(checkParent).length > 0 ) {

                    var $container = jQuery(this).closest('.aws-container');

                    if ( $container.length > 0 ) {
                        var data = $container.data('aws_opts');
                        jQuery(appendTo).append( jQuery(data.resultBlock) );
                    }

                }

            } );

        }, false);

    </script>

    <?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.

Yes, you can do this with following code snippet:

add_filter('aws_search_pre_filter_single_product', 'my_aws_search_pre_filter_single_product');
function my_aws_search_pre_filter_single_product( $new_result ) {
    if ( wp_is_mobile() ) {
        $new_result['image'] = '';
    }
    return $new_result;
}

Sorry for that. In this case use following code snippet instead:

add_filter('aws_search_pre_filter_single_product', 'my_aws_search_pre_filter_single_product');
function my_aws_search_pre_filter_single_product( $new_result ) {
    if ( wp_is_mobile() ) {
        $new_result['excerpt'] = '';
    }
    return $new_result;
}