Need some customization help.

[R Vision]

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

[Harry]

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

[R Vision]

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.

[Harry]

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

[R Vision]

Is it possible to create a menu like this? 

[Harry]

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

[R Vision]

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?

[Harry]

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

[R Vision]

This reply has been marked as private.

[Harry]

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

[R Vision]

This reply has been marked as private.

[Harry]

This reply has been marked as private.

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

[R Vision]

This reply has been marked as private.

[Harry]

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

[R Vision]

This reply has been marked as private.

[Harry]

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

[R Vision]

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

[Harry]

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

[R Vision]

Oh of course. I’ve done theme review.

[Harry]

Thank you so much!

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

[R Vision]

This reply has been marked as private.

[Harry]

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

[R Vision]

Still not looking good.

Attachments:

You must be logged in to view attached files.

[Foster]

Hi,

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

[R Vision]

This reply has been marked as private.

[Harry]

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

[R Vision]

Hi,

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

[Harry]

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

[R Vision]

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

[R Vision]

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.

[Harry]

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

[R Vision]

This reply has been marked as private.

[Harry]

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

[R Vision]

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

[R Vision]

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.

[Harry]

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

[R Vision]

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

Attachments:

You must be logged in to view attached files.

[R Vision]

Never mind, I just sorted this out.

[Harry]

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

[R Vision]

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.

[Harry]

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

[R Vision]

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.

[Harry]

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

[R Vision]

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.

[Harry]

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

[R Vision]

Harry wrote:

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.

[Harry]

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

[R Vision]

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.

[Foster]

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

[R Vision]

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.

[Harry]

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

[R Vision]

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.

[Harry]

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

[R Vision]

This reply has been marked as private.

[Harry]

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

[R Vision]

Hi Harry,

It worked, perfect!

Thank you so much 🙂

[R Vision]

This reply has been marked as private.

[Harry]

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

[R Vision]

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.

[Harry]

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

[R Vision]

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.

[Harry]

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

[R Vision]

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?

[Harry]

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

[Author]

Posts