Single product page responsive image doesn't work

This topic has 8 replies, 3 voices, and was last updated 3 years, 4 months ago ago by Rose Tyler

  • Avatar:
    Inactive
    March 19, 2017 at 21:39

    Hi,

    On my single product page, my image,
    whether it’s a single image or a slideshow, doesn’t go to 100% width
    for mobile sizes, like it does on your demo.
    https://tavlinsky.co.il/en/product/cumin/

    How do I fix this?

    Also, on shop pages, how can I make the images, and not just the titles, link to product pages?
    https://tavlinsky.co.il/en/shop/

    Thanks

    7 Answers
    Avatar: Olga Barlow
    Olga Barlow
    Support staff
    March 22, 2017 at 16:42

    Hello,

    Add the following code in Theme Options > Styling > Custom CSS

    @media only screen and (max-width: 992px){
    .single-product-wide .product-images{
    width:100%;
    }
    }

    We’ll also fix it in next theme update.

    Regards

    Avatar: Damilare
    Damilare
    Participant
    August 3, 2021 at 14:40

    my big image thumb nail is display image on my single product page

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    August 3, 2021 at 16:06

    Hello Damilare,

    Your request is a bit unclear. Describe it in more detail, please. It would be better to submit a new topic – https://www.8theme.com/forums/xstore-wordpress-support-forum/ and provide URL of your product page.

    Regards

    Avatar: Damilare
    Damilare
    Participant
    August 3, 2021 at 22:58

    Thank you for your prompt response, writing to notify about the Image display on my single product page. below is the link to my site:
    https://moltenheights.co.uk/product/inflatable-paddling-pool/

    Avatar: Olga Barlow
    Olga Barlow
    Support staff
    August 4, 2021 at 12:27

    Hello, @Damilare

    Please, create your own topic next time.
    1) I see that you use Woolentor plugin and it causes issue with the single product. So go to plugin settings and disable WooCommerce template for the single product.
    2) Add the below code to Theme Options > Custom CSS

    .single-product-wide .carousel-area, .single-product-wide .product-images img {
        width: auto;
    }

    Regards

    Avatar: Damilare
    Damilare
    Participant
    August 5, 2021 at 01:33

    Thank you

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    August 5, 2021 at 06:56

    Hello @Damilare

    You’re welcome!

    Regards

  • Viewing 8 results - 1 through 8 (of 8 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.