A few questions about mobile viewing. - by FranM

This topic has 8 replies, 3 voices, and was last updated 10 years, 6 months ago ago by Eva Kemp

  • Avatar: FranM
    FranM
    Participant
    May 29, 2014 at 14:08

    Hi,

    How can I turn off Quick View on mobile phones? It really isn’t necessary as it does not display properly.

    The product image in portrait view is a bit blurry. Turn it to landscape, the image is sharp as can be. Any ideas, or css to fix this?

    Thanks in advance,

    Fran

    7 Answers
    Avatar: Jack Richardson
    Jack Richardson
    Support staff
    May 29, 2014 at 15:20

    Hello,

    1) Please add following code into your custom.css:

    @media (max-width: 979px) {
    .slide-item .product:hover .product-image-wrapper .slider-counter, .slide-item .product:hover .product-image-wrapper .small-slider-arrow, .slide-item .product:hover .product-image-wrapper .show-quickly, .products-grid .product:hover .product-image-wrapper .slider-counter, .products-grid .product:hover .product-image-wrapper .small-slider-arrow, .products-grid .product:hover .product-image-wrapper .show-quickly, .products-list .product .product-image-wrapper:hover .slider-counter, .products-list .product .product-image-wrapper:hover .small-slider-arrow, .products-list .product .product-image-wrapper:hover .show-quickly {
    display: none;
    } }

    Here is the tutorial how to create custom.css: https://www.youtube.com/watch?v=Qok2zRedRMY&list=PLMqMSqDgPNmD4uhGI1IBhr1iaEy81TMff&feature=share&index=1.

    2) Please provide us with link or screenshot for better problem understanding.

    Regards,
    Jack Richardson

    Avatar: FranM
    FranM
    Participant
    May 29, 2014 at 16:23

    Hi Jack,

    Thanks for the quick response.

    The zoom arrows are present on the single product page, but on an IPHONE 5, portrait mode, the zoom function is not working. I have provided a link below.

    Thanks, Fran

    Please, contact administrator
    for this information.
    Avatar: Eva
    Eva Kemp
    Support staff
    May 30, 2014 at 14:03

    Hello,

    We can make an image open in full size, but will it be convenient for your customers to scroll a big image on iPhone? Or we can hide zoom function.

    Regards,
    Eva Kemp.

    Avatar: FranM
    FranM
    Participant
    May 30, 2014 at 15:42

    Hi Eva,

    I think I’d rather leave the zoom arrows there so the customers will have an indication that if they turn the phone to landscape mode, the picture will be nicely enlarged.

    Best regards,
    Fran

    Avatar: Eva
    Eva Kemp
    Support staff
    May 30, 2014 at 16:47

    Hello,

    So, do you need further assistance from us?

    Regards,
    Eva Kemp.

    Avatar: FranM
    FranM
    Participant
    May 30, 2014 at 17:01

    Hi Eva,

    No, nothing further. Thank you. The above css worked fine to remove Quick View from mobile.

    I will just have to deal with the small picture size in portrait IPHONE view, and hope the customers will rotate the phone to see a larger picture.

    Thanks for all your help,
    Fran

    Avatar: Eva
    Eva Kemp
    Support staff
    May 30, 2014 at 17:12

    You’re welcome.
    Have a good weekend!

    Regards,
    Eva Kemp.

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

The issue related to '‘A few questions about mobile viewing.’' has been successfully resolved, and the topic is now closed for further responses

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