[Resolved] WooCommerce product page image size

[Author]

Posts

[jelle-jacobd]

Hi,

I'm trying setup my product image with gallery option like shown on: hidden link

Row 1 shows the image size I want, Row 2 the col setting I want to achieve. As you can see the WooCommerce image size get smaller when using two columns. I would like the result of column 1 within a 2 column setup like shown in Row 2. Do I need to change some setting? De setting of both rows are the same but Row 2 is using 2 columns instead of one.

See the screenshot for the settings.

Thanks.

[Shane]

Hi Jelle,

Unfortunately it won't be possible to do this since the images are resizing to fit in the columns.

What you can do however is make the 1st column wider than the second column and it should be able to increase the size of the image.

Thanks,
Shane

[jelle-jacobd]

Hi Shane,

Thanks. That’s sounds a bit strange, because it looks like there is more then enough space
left for the image to fit in. The original template also uses a two column layout? Besides if I don’t use the WPBakery builder option in Toolset the image also fits correctly. But in that case I cant use some other options I need.

Thanks, Jelle

[Shane]

Hi Jelle,

The original template using 2 columns but I dont believe that the columns are of equal width.

The Column with the images is larger than the one with the product details.

When you don't use the page builder it works fine with the 2 column layout ?

Then this wouldn't be a fault of Toolset if the 2 column layout doesn't work when using the pagebuilder alongside toolset.

Thanks,
Shane

[jelle-jacobd]

Hi Shane,

That's correct when I don't use the page builder the 2 column layout works fine.
It is alo not my intention to point at Toolset, but the combination of Toolset and WPBakery in this case. I believe this shouldn't be problem? It also looks like the gallery is some percent of the available space?

[jelle-jacobd]

Hi Shane,

Removing the checkbox for WooCommerce styling solved the issue in WooCommerce Views settings, please see the screenshot.

[Shane]

Hi Jelle,

So it seems that this setting as you mentioned was adding some extra html onto the element that was causing the problem.

Thanks for bringing this setting to my attention as a possibility for causing this issue.

Is there anything else you would like for me to assist with ?

Thanks,
Shane

[jelle-jacobd]

My pleasure. Correct, that extra div was causing the issue.

I do need some help with another thing. How can I change the output of [wpv-woo-related_products] ?

The output is a ordered list with products. I would like to change this to my own set of div tags. How can I achieve this?

[Shane]

Hi Jelle,

What our shortcode does is to display the related items in their default way that's defined by woocommerce.

There is an option for you to create your own view to display the related items.

What you need to do is to create a view that will list the products.

Then add a query filter to that view for the Taxonomy filter. Then set it display based on the page where the view is show. See Screenshot.

This should allow you to be able to customize the display of your related products.

Please let me know if this helps.

Thanks,
Shane