Viewing 15 posts - 1 through 15 (of 15 total)
  • Author
    Posts
  • #305675
    HansH
    Participant

    Hello Skandha,

    After nearly a year I am rebuilding the website for my daughter, because there is much dirt in the database.
    As you can see in the image after this link, I have a problem on the shop page.
    The product image is too small for the space on the left site of the page. There always is a white space at the right site of the image.
    Undoubtedly there is a way to get rid of this space (the magnifier glass I already removed) but I cannot find the way.
    Do you know a way to solve this issue?

    Kind regards

    Hans Hagmeijer

    #305715
    Skandha
    Participant

    @hansh: Hello Hans,

    Can you please post the URL where you are having the issue?

    Kind Regards,
    Skandha

    #306225
    HansH
    Participant

    Hello skandha,

    The URL is Laura.hagmeijer.nl

    You can see on this image what I mean. In the red ellips occurs beneath the magnifying glass a colored line.
    This should not be there.
    Please can you help to remove this line.

    Kind regards

    Hans Hagmeijer

    #306235
    Sakin
    Keymaster

    Hello Hans,

    That line in your screenshot is not from the theme. So, it must be Custom CSS or Color Changes from the plugin. We can only find that if we are able to inspect your website using developer tools. The URL you have shared doesn’t have access to the product page. It just shows your homepage. Looks like it’s under construction. So, can you share your product URL which is accessible without login.

     

    Regards,
    Sakin

    • This reply was modified 2 months ago by Sakin.
    • This reply was modified 2 months ago by Sakin.
    #306241
    HansH
    Participant

    Hello Sakin,

     

    Thank you for answering and the effort.
    The product URL is laura.hagmeijer.nl/product/appeltaart-1-persoons/
    Before Laura you have to set https://.

    There is one curious thing: If you open the page the first time you see a blue line (at the place of the one in the red ellips in the last mail). This is a very tiny part of the second related product under the product image.

    Kind regards

    Hans Hagmeijer.

     

     

    #306243
    Sakin
    Keymaster

    Hi Hans,

    The URL is not accessible to us. See this screenshot https://cloudup.com/cXPVyxYgmS1/f

     

    Regards,
    Sakin

    #306246
    HansH
    Participant

    Hello Sakin,

    of course. You are right. Catch under construction is on. I will disable this.

    kind regards

    Hans Hagmeijer

    #306248
    Sakin
    Keymaster

    Hi Hans,

    It’s because your image size is small. I see that you have 500px image size. So, that color is from your second image and the border is conflicting. So, we need to remove the border. Can you try adding the following CSS in “Appearance => Customize => Additional CSS” box:

    .single-product div.product .woocommerce-product-gallery__image {
     border: none;
    }

    Regards,
    Sakin

    #306274
    HansH
    Participant

    Hi sakin,

    This worked very fine. Thank you. I will ask for bigger images.

    In thuis website is stil one thing that needs a solution. I searched at the internet and nobody has a good solution.
    This problem is caused by using the description (tabs) and the short description. If the short description is longer then the height of the image, the short description (with tabs) is pushing down. So there occurs a blank space underneath the product image.

    The only solution that I found is a solution that solved the problem partially. The blank space has gone, but the possibility to have related images also.

    Maybe you have a solution for this problem. And because I don’t find any good solution on the internet I should not blame you when therefore is no good solution.

    Kind regards

    Hans Hagmeijer

     

    #306331
    Sakin
    Keymaster

    Hi Hans,

    Sorry, I am a bit confused there. So, do you have a URL to show the example so then I can check it?

    Regards,
    Sakin

    #306335
    HansH
    Participant

    Hello Sakin,

    i can understand. I react tomorrow, because it is very late in the evening here.

    kind regards

    Hans Hagmeijer

    #306336
    Sakin
    Keymaster

    Hi Hans,

    Sure, I will check when you post in.

    Regards,
    Sakin

    #306375
    HansH
    Participant

    Hello Sakin,

    I made a document. You can read it here.

    I hope you can provide me a solution. But if nobody did this before, I cannot blame you if you don’t succeed.Thank you in advance for the work.

    Kind regards

    Hans Hagmeijer.

    #306438
    Sakin
    Keymaster

    Hi Hans,

    Yes, that is not possible as “WooCommerce Tab” is a different section and it’s the full block element. So, the WooCommerce concept is that the description section has to be small than the image part. If you want to add more details, then you need to add them on Content which will show in the Description Tab.

    Sorry, no solution for this.

    Regards,
    Sakin

     

    #306543
    HansH
    Participant

    Hi Sakin,

     

    I understand. Thank you for extended answer.

    Kind regards

    Hans Hagmeijer

     

Viewing 15 posts - 1 through 15 (of 15 total)
  • The topic ‘product image on product page’ is closed to new replies.