Home Forums Themes Support Claue Need some customization help.

Topic Resolution: Resolved
Viewing 61 reply threads
  • Author
    Posts
    • #4516

      Hello, I want to customize theme according to my needs.

      1. I want to change the font of menu font and more spacing between menu items on desktop.
      2. I want to hide product categories and tags on single product page but want to keep SKU. I tried to edit woocommerce files but the issue is if I update the plugin, changes will be lost.
      3. On single product page, instead of share buttons, can I add page follow buttons?

      Thanks

    • #4520

      Hi,

      1. You can change font on menu and add more space between menu item by add custom css in Claue > Theme Option > General Layout > Custom CSS

      .jas-menu > li > a { font-family: “Coda”;}

      .jas-menu > li:not(:first-child) { margin-left: 40px;}

      2. You can hide categories and tags by add custom css

      .product_meta .posted_in, .product_meta .tagged_as { display: none;}

      3. No, if you want change you have to use child theme to override function.

      Best regards

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

      • #4521
        1. Perfect. One more thing, how can I change sub-menu color, I want black color.
        2. Awesome.
        3. I’m using child theme, can you please guide me to add follow buttons instead of share buttons.
    • #4529

      1. You can change sub-menu color in Claue > Theme Option > Color Scheme

      2.1 You need add some code in claue-child > functions.php

      add_action( ‘woocommerce_single_product_summary’, ‘remove_jas_claue_wc_single_social_share’ );
      function remove_jas_claue_wc_single_social_share(){
      remove_action( ‘woocommerce_single_product_summary’, ‘jas_claue_wc_single_social_share’, 50 );
      }

      2.2 Copy file all file layout-x.php in “claue > core > libraries > vendors > woocommerce > templates > extras” to “claue-child > woocommerce > extras”

      and add code of follow button.

      Best regards

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

    • #4533

      Is it possible to create a menu like this? 

    • #4539

      Hi, it impossible create menu like this. you can use another menu https://wordpress.org/plugins/clever-mega-menu/ to help you make a menu like this.

      Best regards

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

    • #4544

      Hi, one more customization help I need. I want to add a image Below Size Guide and Delivery & Returns or above SKU on every single product page. How can I achieve this?

    • #4553

      You can edit file layout-x.php in claue-child > woocommerce > extras >

      Below code

      do_action( ‘woocommerce_after_single_product_summary’ ); ?>

      Best regards

       

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

    • #4593
      This reply has been marked as private.
    • #4594

      Yes, you have to copy file from main theme folder to child theme and override it.

      Regards

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

    • #4596
      This reply has been marked as private.
    • #4600
      This reply has been marked as private.

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

    • #4602
      This reply has been marked as private.
    • #4603

      You can add code below

      <img src="path-to-image/image-name.jpg" alt="image-title" />

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

    • #4604
      This reply has been marked as private.
    • #4606

      You remove prev code in layout-1.php and try this code add to functions.php in claue-child

      function jas_claue_child_wc_product_image() {
      	echo '<img src="path-to-image/image-name.jpg" alt="image-title" />';
      }
      add_action( 'woocommerce_single_product_summary', 'jas_claue_child_wc_product_image', 35 );

      Best regards

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

    • #4607

      Awesome, it worked! thanks for the help. You’re best!

    • #4608

      You’re welcome.

      Could you help us take a time to give our theme good review at https://themeforest.net/downloads.

      We really appreciate.

      Thanks

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

    • #4609

      Oh of course. I’ve done theme review.

    • #4610

      Thank you so much!

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

    • #4615
      This reply has been marked as private.
    • #4617

      you can add some css code in Claue > Theme Option > General Layout > Custom CSS

      @media only screen and (max-width: 414px) {
      .badge span {font-size: 10px;width: 40px;}
      }

       

      Regards

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

    • #4618

      Still not looking good.

      Attachments:
      You must be logged in to view attached files.
    • #4624

      Hi,

      Could you please give us your expected for this problem? for example, you want to display on the bottom of image …

    • #4647
      This reply has been marked as private.
    • #4656

      You can change like this by add custom css

      @media only screen and (max-width: 414px) {
      .badge span.new { top: 0; left :0; right: auto;}

      .badge span.onsale { top: auto; right: 0; bottom: 0; left: auto;}

      .product-image .yith-wcwl-add-to-wishlist {top: 30px;}

      .btn-quickview { top: 65px;}
      }

      Regards

       

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

    • #4726

      Hi,

      How can I hide secondary menu on shop and category pages?

    • #4727

      Hi,

      You can hide second menu on shop and category page by go to Apperance > Widget > WooCommerce Categories Menu Sidebar > and remove widget in this widget area

      Best regards

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

    • #4728

      Also want to show clear image on shop and category header, currently there is something which fades the original color.

    • #4729

      How can I hide this option (image in attachment). I want to hide the option to show 3,4,5 column display of product.

      Last message: “Also want to show clear image on shop and category header, currently there is something which fades the original color.”

      Attachments:
      You must be logged in to view attached files.
    • #4731

      1. You can hide on Shop this by go to Claue > Theme Option > WooCommerce > General Settings > Enable Page Title > Off
      2. On category page you can add custom css Claue > Theme Option > General Layout > Custom CSS

      .archive .page-head { display: none;}

      Best regards

       

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

    • #4732
      This reply has been marked as private.
    • #4734

      You can remove opacity overlay by add custom css

      .page-head::before { display: none;}

      We will release update to have option to disable columns switcher in Claue > Theme Option > WooCommerce > Product Listing Settings > Enable Column Switcher > Off

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

    • #4735

      Thanks, opacity overlay is removed.
      I’ll wait for the next release.

    • #4810

      Hi, how can I remove top header area, I removed all top header setting and switched off currency and top header is not showing, but when I scroll down, sticky header is bigger than primary header, how to fix this issue. Secondly, can you give me the temporary fix to hide column switcher till you update the theme to next version.

      Thanks

      Attachments:
      You must be logged in to view attached files.
    • #4813

      Hi,

      You can add custom css in Claue > Theme Option > General Layout > Custom CSS

      .header-sticky .header__mid .jas-row {padding: 0;}

      You can use attach file to have option to disable column switcher.

      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

    • #4901

      Hi, is there any way to add delivery notes like this (Image in attachment).

      Attachments:
      You must be logged in to view attached files.
    • #4904

      Never mind, I just sorted this out.

    • #4907

      ok, feel free contact us again if you need more help.

      Best regards

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

    • #5089

      Hi,

      Is there any way to get zoom feature like this : http://plugins.yithemes.com/yith-woocommerce-zoom-magnifier/product/yith-backpack/

      I tried this plugin with my theme but plugin is not fully compatible.

    • #5100

      Hi,

      Sorry this plugin doesn’t compatible with our theme. This zoom effect related to more action of product detail page (variation swatch, gallery variation swatch).

      Best regards

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

    • #5417

      Hi Harry,

      I updated the theme today and after updating the theme, there are 2 plugins with same name, are they both same and required for theme to work properly? I’m attaching the pic

      Attachments:
      You must be logged in to view attached files.
    • #5426

      Hi the plugin above in your screen shot work together with our theme, the other you can delete.

      Best regards

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

    • #5701

      Hi Harry,

      I don’t know if this is a bug or error, when I log out from website as a customer (from My Account), it takes me to backend of wordpress logout page. It should take me to Home or Shop page. Can you please look into the issue.

    • #5714

      Hi,

      You can try this plugin https://wordpress.org/plugins/login-and-logout-redirect/#description

      Best regards

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

    • #5801

      Hi, You can try this plugin https://wordpress.org/plugins/login-and-logout-redirect/#description Best regards

      Thanks for the suggestion Harry.

      1 more thing, is there any option to get layout like this (image in attachment). I saw this in theme description of Claue.

    • #5803

      Hi,

      This design for mobile app on we are still working on it.

      Best regards

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

    • #5978

      Hi Harry,

      There is a issue with mobile appearance on cart page. If you look cart and there are multiple products and you want to remove a product, you can’t decide which ‘x’ (cancel button) is for which product. I’m attaching a pic for reference.

      Attachments:
      You must be logged in to view attached files.
    • #5980

      I have just checked on your site and I saw it still working normally, Could you please give me more detail about this issue?

      Thank you

      – Foster

      • #6012

        Hi Foster,

        There is no issue with desktop version but with mobile version. If you check the mobile version, add any product to cart and go to cart page. On cart page, the (x) button to remove product is not aligned correct. I’ve attached a pic in my last message.

    • #6014

      Hi,

      The layout on mobile the remove button (x) is the last row https://monosnap.com/file/1ocQEEnWDvVmz1Dme8bjCy3zU8s3zq#.

      This is default style of WooCommerce.

      Best regards

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

    • #6200

      Hi Harry,

      There is a little issue on my website at My account page, there is no spacing after title area and My account dashboard, can you please check the image in attachment tell me what’s the issue? I’ve updated the theme and there is no unnecessary customization in theme.

      Attachments:
      You must be logged in to view attached files.
    • #6206

      Hi,

      I checked your site and saw custom code you added

      .jas-page > div {
      margin: 0;
      }

      But don’t know where this code locate.

      You can edit this code to

      .home .jas-page > div {
      margin: 0;
      }

      Regards

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

    • #6207
      This reply has been marked as private.
    • #6208

      You can add custom css in theme option

      .jas-page > div { margin: 60px 0;}

      Best regards

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

    • #6209

      Hi Harry,

      It worked, perfect!

      Thank you so much 🙂

    • #6255
      This reply has been marked as private.
    • #6257

      Hi,

      1. You uncheck to the row containe

      https://monosnap.com/file/bThbmKvvsoFqZsfojb8Ns0Ct8vSYnu#

      2. You can add custom css

      .variations_form .yith-wcwl-add-to-wishlist { right: 50px;}

      Best regards

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

    • #6258

      Hi Harry,

      I unchecked the row container but now it’s showing very big image, I want to keep the full screen from edges but low height, how can I do that.

    • #6262

      Hi,

      You can go to Meta Slider > Slider and reduce height of slider

      https://monosnap.com/file/s63OBzIWdDdvqZXHHqlh5jCZP4YScg#

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

    • #6274

      Hi Harry,

      Thanks for helping me, I’ve sorted out slider issue.

      Can you help me out with some more for customizing the home page a little? I want to reduce the gap of the image in screen shot below:

      There is a unnecessary spacing in footer before instagram.

       

      How can I reduce the gap between the rows? Current spacing is looking so much in mobiles.

    • #6279

      Hi,

      You need edit row, column of Visual follow these screen shot

       

       

       

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

    • #6300

      Hi Harry, I tried to do this but it messes the existing design, can you please add sample spacing in my website so that I can change that as I want?

    • #6308

      I helped you adjust space between  element. please check

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

Viewing 61 reply threads

You must be logged in to reply to this topic.