Product image size

[ken089]

Hello!

 

How can I change the displayed product photo size? Currently it’s too big.

If I make changes in the woocommerce customizer and regenerate thumbnails nothing happens on the size.

Thanks.

[Harry]

Hi,

Please go to JanStudio > Theme Option > WooCommerce > Product Details Setting > Layout and chang to Layout 1.

Kind regards

Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

[ken089]

Layout 1 just adds an empty sidebar and doesn’t resolve the error of the image size.

 

I just found out, that the size issue just occurs on Firefox browser.

On Google Chrome and on Internet explorer it works fine. Attached please see the pictures.

https://testneu.holzspecht.at/produkt/dachstein-rotes-sandelholz/

 

Do you have any solution for that?

Attachments:

You must be logged in to view attached files.

[Harry]

Hi,

Could you try click Ctrl/Cmd + Shift + R.

I check your site on Firefox it still work well. http://take.ms/ZlC9H

Kind regards

Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

[ken089]

Hi!

Thanks for your quick answer.

One the product you send me the image. I tried to change the size of the image. I changed the image height to 570px that it works on firefox.

https://testneu.holzspecht.at/produkt/wildensteiner-walnuss-ebenholz/

But on other products, with my regular image size, it doesn’t work just on firefox:

https://testneu.holzspecht.at/produkt/dachstein-rotes-sandelholz/

 

Is there any solution without changing the size of all product images? With changing to this size, the zoom function is not relevant anymore.

 

[Harry]

Hi,

Please go to Appearance > Customizer > WoocCommerce > Product Image and change image dimension.

If issue still there, please send me your site temporary admin account as private reply.

I will check and help you solve the issue.

Thanks

Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

[ken089]

This reply has been marked as private.

[Harry]

Hi,

Please add below code in JanStudio > Theme Option > General Layout > Custom CSs

.p-thumb img {
	width: auto;
}

Kind regards

Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

[ken089]

Hi!

Thanks for your great support! 🙂

Now it works.

[Harry]

You’re welcome. Have a nice day!

Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

[yunus374]

Hİ! thanks for this beautiful theme,

Is there an end to automatically adjusting the dimensions in the product catalog view?

 

Attachments:

You must be logged in to view attached files.

[Harry]

Hi @yunus374 please go to Appearance > Customize > WooCommerce > Product Images and set width dimension for product on catalog page.

Regards

Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

[yunus374]

<span style=”vertical-align: inherit;”><span style=”vertical-align: inherit;”>merhaba ben birkaç soru var;</span></span>

<span style=”vertical-align: inherit;”><span style=”vertical-align: inherit;”>1- </span></span><span style=”vertical-align: inherit;”><span style=”vertical-align: inherit;”>Nasıl kaydırıcıyı etkinleştirebilirim? </span><span style=”vertical-align: inherit;”>( </span></span><span style=”vertical-align: inherit;”><span style=”vertical-align: inherit;”>Örnek video 1)</span></span>

<span style=”vertical-align: inherit;”><span style=”vertical-align: inherit;”>2-nasıl demo gibi yazı yazabilirim? (Örnek video 2)</span></span>

<span style=”vertical-align: inherit;”><span style=”vertical-align: inherit;”>3- </span></span><span style=”vertical-align: inherit;”><span style=”vertical-align: inherit;”>nasıl ödeme sayfasında vatandaşlık numarasını girmek için alan yapabilirim?</span></span>

4-Can put footer background picture?

Attachments:

You must be logged in to view attached files.

[yunus374]

hello I have a few questions;

1- How do I enable the slider? (Sample video 1)

2- How can I write articles like demo? (Example video 2)

3- How do I make the field to enter the citizenship number on the payment page?

4-Can put footer background picture?

Attachments:

You must be logged in to view attached files.

[Harry]

Hi,

1. Please use this plugin https://wordpress.org/plugins/page-scroll-to-id/ and add ID for below section and add link as #id of section for button

2. This need custom js and it work on only HTML not on our theme.

3. Please use a plugin to customize checkout page https://hollerwp.com/customize-woocommerce-checkout-page/

4. You can add background to footer by add below code to Claue > Theme Option > General Layout > Custom CSS

#jas-footer {
	background-image: url('http://janstudio.net/gecko/fashion/wp-content/uploads/2016/05/footer-bg.jpg');
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	background-color: transparent;
}

and change http://janstudio.net/gecko/fashion/wp-content/uploads/2016/05/footer-bg.jpg to your image path.

Regards

Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

[yunus374]

hello thank you for quick reply.

4-I did what he said but what should I do to be mobile responsive?

[Harry]

Hi,

On the mobile your footer’s height increase so image will auto increase height to cover. If the image responsive to fit width of browser the height can’t cover height of footer.

Regards

Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

[Author]

Posts