Return to previous page

Can't view the other product images on shop page

This topic has 4 replies, 2 voices, and was last updated 5 years 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

    #228931 Copied Theme version: Latest WooCommerce version: Latest
    3 Answers
    Avatar: Olga Barlow
    Olga Barlow
    Participant
    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

    #228939 Copied
    Avatar: emeliech
    emeliech
    Participant
    January 27, 2020 at 14:01

    Perfect, Thank you!

    #228943 Copied
    Avatar: Olga Barlow
    Olga Barlow
    Participant
    January 27, 2020 at 14:06

    You are welcome.

    Regards

    #228945 Copied
  • Viewing 4 results - 1 through 4 (of 4 total)

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

Useful links WooCommerce & WordPress

Unleash your online potential

Explore our best WordPress WooCommerce Themes collection

lazy-placeholder
Tea Store – WordPress WooCommerce Theme
lazy-placeholder
Minimal Fashion 03 Store – WordPress WooCommerce Theme
lazy-placeholder
Typography – WordPress WooCommerce Theme
lazy-placeholder
Gaming – WooCommerce Theme
lazy-placeholder
WooPress – Responsive Creative HTML5 Template
lazy-placeholder
Hotel – WordPress Theme
lazy-placeholder
Fishing – WooCommerce Theme
lazy-placeholder
Electron Store 02 – WordPress WooCommerce Theme
lazy-placeholder
Man Store – WooCommerce Theme
lazy-placeholder
Interior Store – WooCommerce Theme

See All Templates

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