Can't view the other product images on shop page

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

  • Avatar: emeliech
    emeliech
    Participant
    January 27, 2020 at 12:53

    Hello,

    I have products with 3 product images. If I am on the shop page, on a desktop I can view the main product images and also with navigation arrows I can see the other product images. On mobile, this is not possible. You can only view the main product images but there are no arrows available so you can see the other 2 images.
    I really need it to work on mobile as most of our customers view on mobile.
    How can it be fixed please?

    Thank you
    Emelie

    3 Answers
    Avatar: Olga Barlow
    Olga Barlow
    Support staff
    January 27, 2020 at 13:40

    Hello,

    Mobile devices do not have hover state as the desktop version, do you want to show the slider arrows always on the product image?
    Then add the following code to child theme style.css and clear CDN cache

    @media only screen and (max-width: 768px){
       .st-content .sm-arrow, .st-content .product-slider .bx-wrapper .bx-controls-direction a {
            display: block!important;
        }
    }

    Regards

    Avatar: emeliech
    emeliech
    Participant
    January 27, 2020 at 14:01

    Perfect, Thank you!

    Avatar: Olga Barlow
    Olga Barlow
    Support staff
    January 27, 2020 at 14:06

    You are welcome.

    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.