Filters on mobile - by Namaste - on WordPress WooCommerce support

This topic has 4 replies, 2 voices, and was last updated 2 years, 6 months ago ago by Olga Barlow

  • Avatar: Namaste
    Namaste
    Participant
    June 3, 2021 at 17:27

    Hi,

    Is it possible to have shop filters placed in a different place than on desktop? (what is your recommended set up for mobile to keep both search-ability and visual functionality?)

    Also – Images on shop view are bit blurry – how can I fix this settings so they are the same quality as on a product view?

    Third – Can I disable Slider on Mobile or replace it with the one dedicated to Mobile only?

    Please, contact administrator
    for this information.
    3 Answers
    Avatar: Olga Barlow
    Olga Barlow
    Support staff
    June 4, 2021 at 12:15

    Hello,

    1) You could add filters to the Shop sidebar and enable off-canvas position for the shop sidebar for both desktop and mobile and then just hide the off-canvas icon for the desktop but show it for the mobile and hide filters area for the mobile but display on the desktop.
    If you provide WP Dashboard access I could make an example of this.

    2) Add the below code to Theme Options > Custom CSS

    .content-product .product-content-image img {
        width: auto;
    }

    3) Are you talking about the Revolution slider on the home page or which one?

    Regards

    Avatar: Namaste
    Namaste
    Participant
    October 21, 2021 at 21:01

    Hi,

    I wanted to come back to this – please see the screencast. We used the s
    css code but still when you open the site images are blurry – but when you hover over it the second picture is sharp. I hope you will understand what I mean when you see screencast.

    Please contact administrator
    for this information.
    Avatar: Olga Barlow
    Olga Barlow
    Support staff
    October 22, 2021 at 11:32

    Hello,

    When you upload image to your media library WordPress generates thumbnails for the different cases when the image is used. For the shop page WP generates 300×300 image, and it’s a little bit blurry, check https://namaste24.pl/wp-content/uploads/2019/12/2305-300×300.jpg We can do nothing with this because image generation does not depend on the theme but on WP and WooCommerce. The hover image displays the original image https://namaste24.pl/wp-content/uploads/2019/12/2306.jpg that’s why it looks sharp.
    You may go to Customizer > WooCommerce > Product images and change the width of the thumbnails to 512px to show the full image on shop and regenerate thumbnails. It may slow down the site. Anyway, you may try.

    Regards

  • Viewing 4 results - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.Log in/Sign up

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.