[HansH]

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

[Skandha]

@hansh: Hello Hans,

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

Kind Regards,
Skandha

[HansH]

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

[Sakin]

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

[HansH]

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.

 

 

[Sakin]

Hi Hans,

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

 

Regards,
Sakin

[HansH]

Hello Sakin,

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

kind regards

Hans Hagmeijer

[Sakin]

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

[HansH]

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

 

[Sakin]

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

[HansH]

Hello Sakin,

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

kind regards

Hans Hagmeijer

[Sakin]

Hi Hans,

Sure, I will check when you post in.

Regards,
Sakin

[HansH]

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.

[Sakin]

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

 

[HansH]

Hi Sakin,

 

I understand. Thank you for extended answer.

Kind regards

Hans Hagmeijer

 

[Author]

Posts