Product Details Layout Option – Product Detail Style

[yussaimee]

Hi there,

I have one question needed your help.

Is it possible for me to change the Product Detail Layout Option (Product Detail Style)? Customize it to become just one columns (one full width image or i can put a slider)? I’m referring to the 2nd layout option. Is it possible?, if possible, could you provide me with the solutions.

Attached are the screenshot for your clearer understanding.

Thanks

Regards

Yus

Attachments:

You must be logged in to view attached files.

[Harry]

Hi Yus,

Sorry for late reply.

You can make product detail with slide full width by override file product-image.php in gecko > core > libraries > vendor > woocommerce > template > single-product

copy file product-image.php to gecko-child > woocommerce > single-product

And change code on line 34 to

$attr = '{"slidesToShow": 1,"slidesToScroll": 1,"centerMode":false, "responsive":[{"breakpoint": 960,"settings":{"slidesToShow": 1, "centerMode":false}},{"breakpoint": 480,"settings":{"slidesToShow": 1, "centerMode":false}}]}';

Best regards

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

[yussaimee]

This reply has been marked as private.

[Harry]

Please use attach file and install via Appearance > Themes > Add new.

After install child theme you have to re arrange widget.

BTW, you support expired. We happy if you buy extend support.

Thanks

Attachments:

You must be logged in to view attached files.

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

[iconzartwork]

How can I change Product detail layout 3 not to be full-width?

[Harry]

Hi,

Please go to Claue > Theme Option > WooCommerce > Product Detail Settings > Full width > Off.

Kind regards

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

[iconzartwork]

Do you mean JanStudio>Theme Option> WooCommerce > Product Detail Settings?

I can’t find option for full width to off.

And Full-width only happen for layout 3 and first layout and second layout is ok.

[Harry]

I’m sorry. Gecko doesn’t have option to turn off full width.

Please add below code to JanStudio > Theme Option > General Layout > Custom CSS

.wc-single-3 .product {
	width: 100%;
	max-width: 1170px;
	margin: 0 auto;
}

Kind regards

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

[Author]

Posts