Home Forums Themes Support Gecko Product Details Layout Option – Product Detail Style

This topic contains 7 replies, has 3 voices, and was last updated by  Harry 1 month ago.

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #6328

    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.
    #6363

    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

    #6369
    This reply has been marked as private.
    #6374

    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

    #28352

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

    #28353

    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

    #28354

    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.

    #28355

    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

Viewing 8 posts - 1 through 8 (of 8 total)

You must be logged in to reply to this topic.