Your account expired support, please renew to get your support.

Home Forums Themes Support Claue Minor changes/issues we need to resolve before going live

Topic Resolution: Not Resolved
Viewing 58 reply threads
  • Author
    Posts
    • #30394
      Micky
      Support Expired

      Dear,

      We had contact on the comment section of your theme and were unable to resolve the issues through the CSS code.

      Please find below the issues we have that we need to resolve before going live:

      – Top header font is still grey, needs to be changed to black all.

      – Change all grey to black – http://prntscr.com/nctibo

      – Your order button need changed colour – black background with white font: http://prntscr.com/nctd48

      – Grey need be changed to black on checkout page: http://prntscr.com/nctfoc

      – Payment box outline needs be changed from grey to black, also “terms and conditions” box need be changed to black as this is not obvious now and lots of people missed it http://prntscr.com/nctjz7

      – Change to black background with white arrow and place a little bit higher, the facebook messenger is placed there in the corner http://prntscr.com/nctg6n

      – Change all grey to black – http://prntscr.com/nctibo

      – On mobile the checkout page has a responsiveness issue  – (https://www.dropbox.com/s/toufqs0009ei4x9/checkoutmenu_issue?dl=0)

      – How do we set a formula in our store that when the minimum amount of 15 EUR is reached, the “Standard paid shipping” will disappear and automatically the free shipping will be active as the minimum amount is reached?

      Thanks a lot for your support.

      Best,

      Michael

    • #30397
      Harry
      Support Expired

      Hi,

      Please add more custom CSS code in Claue > Theme Option > General Layout > Custom CSS

      .woocommerce-checkout-review-order-table .product-bundle li a {
      	color: #000;
      }
      input:not([type="submit"]):not([type="checkbox"]), textarea, select {
      	border: 1px solid #000;
      	color: #000;
      }
      .woocommerce-checkout-payment,
      .style-checkbox label {
      	border: 1px solid #000;
      }
      .adsw-attribute-option .meta-item-img i {
      	border: 1px solid #222;
      }
      .adsw-attribute-option .meta-item-img.active i, 
      .adsw-attribute-option .meta-item-text.active {
      	border: 1px solid #000;
      }
      .adsw-attribute-option .meta-item-text {
      	color: #000;
      	border: 1px solid #000;
      	-webkit-box-shadow: none;
      	box-shadow: none;
      }
      .select-wrap select {
      	color: #000;
      }
      .jas-mini-cart .variation, .jas-mini-cart .quantity, .widget_shopping_cart .variation, .widget_shopping_cart .quantity {
      	color: #000;
      }

      Kind regards

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

    • #30402
      Micky
      Support Expired

      Thanks for that, seems like it solved most issues, except the centring of the mobile menu (footer).

      Not sure what happened to my product page tho? The whole product listing is gone from the pages ..

      https://www.chargichargi.com/product/fast-charging-power-bank-20000mah-dual-usb-quick-charge-3-0-usb-pd/

      What has caused this?

      Thanks

    • #30412
      Harry
      Support Expired

      Hi,

      8. Please add more code to fix checkout on mobile

      .woocommerce-checkout-review-order .item-name {
      	padding-left: 5px;
      	max-width: 165px;
      	padding-right: 5px;
      }

      9. Please go to Shipping > Free Shipping > Minimum Amount and set $15

      10. Please add tag for product to show related product.

      Kind regards

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

    • #30476
      Micky
      Support Expired

      Dear,

      Thanks a lot for your feedback, we still have 3 issues remaining.

      • Our Standard paid shipping should automatically disappear once the amount has reached 15 EUR, now when we have an order of 15 EUR we have the free shipping option available and also the paid, this is very confusing and we had orders already where people paid for the shipping instead of selecting free.
      • The mobile menu on the footer needs to be centred instead of left aligned
      • We are unable to synch our Facebook store with our woocommerce store, for some reason the API can not pick it up while the pixel is correctly installed. After testing the site it says that I need to install microdata tags, but I have all my product details filled in, more info here: https://business.facebook.com/ads/microdata/debug

      Our site is https://www.chargichargi.com

      The last issue is preventing us from adding out products to our store on Facebook, any recommendations are welcone.

      Best,

      Michael

    • #30477
      Harry
      Support Expired

      Hi Michael,

      1. To hide all shipping method when free shipping available please add below code to claue-child > functions.php

      /**
       * Hide shipping rates when free shipping is available.
       * Updated to support WooCommerce 2.6 Shipping Zones.
       *
       * @param array $rates Array of rates found for the package.
       * @return array
       */
      function my_hide_shipping_when_free_is_available( $rates ) {
      	$free = array();
      	foreach ( $rates as $rate_id => $rate ) {
      		if ( 'free_shipping' === $rate->method_id ) {
      			$free[ $rate_id ] = $rate;
      			break;
      		}
      	}
      	return ! empty( $free ) ? $free : $rates;
      }
      add_filter( 'woocommerce_package_rates', 'my_hide_shipping_when_free_is_available', 100 );

      2. Please add below code to Claue > Theme Option > General Layout > Custom CSS

      @media only screen and (max-width: 736px) { #jas-footer {text-align: center;}}

      3. Please try this plugin https://wordpress.org/plugins/pixelyoursite/ or https://wordpress.org/plugins/official-facebook-pixel/

      Kind regards

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

    • #30804
      Micky
      Support Expired

      Hi lads,

       

      I’m back with a few issues I encountered during my testing period, and I am not able to solve them myselve:

      – Breamcrumb text colour – change to white
      – Paypal and checkout button need be synchronised and all same in size, this looks very bad now on mobile (https://www.dropbox.com/sh/9trt2lr532h9ubj/AABvow-cCXQTort8SHxutl_la?dl=0)
      – Videos not centered on all product pages, tried fixing this for a while now.. http://prntscr.com/njjdb0
      – I would like to have my description next on the right side of my product images on the product page, why is this space empty? It should be above the add to cart button.
      – Product wishlist, border of the frame needs be black http://prntscr.com/njjdwq
      – Mobile phone field set as required but still motion in checkout page, resulting in clients not filing in their mobile for tracking and blocking my order process
      – Some products show reviews that are not visible in the back-end, they are in Russian and this is bad for my niche store. Is there a way to reset then per product or how could I fix this?

      Thanks,

      Michael

       

    • #30844
      Harry
      Support Expired

      Hi,

      1. Please add below code to

      .woocommerce-breadcrumb, .woocommerce-breadcrumb a {
      color: #fff;
      }

      2. Please check your code and change to

      .paypal-button:not(.paypal-button-card) {
      	height: 40px;
      }
      @media only screen and (max-width: 768px) {
      .stripe-enabled .cart .yith-wcwl-add-to-wishlist {
      margin-top: 10px; margin-left: 20px;
      }}

      3. Please use your editor to center video

      4. If you add description above add to cart button the customer can’t see add to cart on the first time they have to scroll so much to see button, i recommend use short description and it still above add to cart button

      5. Please add more code

      .woocommerce table.wishlist_table thead th, .woocommerce table.wishlist_table tbody td {
      border-color: #000;
      }

      6. User need to fill field to get address to calculator shipping fee, this is function of WooCommerce not our theme.

      7. try follow this topic https://wordpress.org/support/topic/reset-star-rating/

      Kind regards

      `

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

    • #31050
      Micky
      Support Expired
      • Could you please explain a bit more point 2 (your last message above), I tried to modify the code in the additional CSS field but nothing is changing, I have 3 check-out buttons on mobile all with different dimension and location, it looks very messy. Also on Desktop the buttons are not synched with each other.

       

      • The phone field in the check-out is not responding to the settings I am modifying, the phone field is set as required but still it shows as optional in the check-out menu. For some reason when I change this setting to required it does not change, other settings here work perfectly. It’s not related to shipping calculations as you mention above, but it is the field itself which does not reacts to the change in settings (have a try yourself)

      Thanks for your support.

      Best,
      Michael

       

    • #31059
      Harry
      Support Expired

      Hi,

      2. Because you’re using Stripe “Buy Now” and Paypal checkout so it show 3 buttons. Did you try my code. You need override style of these plugin.

      3. By default the phone number field is required so i recommend you revert the code, don’t edit anything.

      Kind regards

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

    • #31261
      Micky
      Support Expired

      Morning,

      I am unable to solve the above two issues and I have spent countless hours to solve this. The code provided does not work and only moves the “add to wishlist” icon a little when added in the shortcode option.

      Regarding the phone number field I never modified anything regarding this, clients do not fill in the phone field now (while its set as mandatory in the settings) and it gives us lots of administration post order as we need to manually contact people and ask for mobile.

      I have a third issue which I had since day 1 and unable to solve it, also on this spent many hours trying to solve it:
      https://www.chargichargi.com/product/wireless-charger-10w-fast-wireless-charging-pad-for-gamers-quick-charge-3-0-universal-wireless-charger

      Have a look at the video in the product description, this is a real pain and will in no case centre in the page, I have tried to remove the dimensions from the htlml and removed/added the product another time but the same issue comes up once I centre the video it goes into this super small mode centred on the left side of the page. (on all my product pages)

      Thanks for your support, the above issues are holding us up and we are clueless as how to solve it.

      Best,
      Michael

       

       

    • #31262
      Micky
      Support Expired

      A new issue showed up since I tried to fix the issue with the reviews that were visible on my product page (while deleted in the admin settings). All the new products I add into my store now I am unable to add any reviews, when I click on import reviews nothing happens. Could this have anything to do with the solution you proposed a while ago?

      I did the actions on this page:https://wordpress.org/support/topic/reset-star-rating/

      Now the import reviews button does not react at all on any of my product pages and I’m unable to add any reviews, even on new product I add (I tested several things).

      Thanks

    • #31267
      Harry
      Support Expired

      Hi,

      2. Please try below code

      @media only screen and (-webkit-min-device-pixel-ratio:0) and (max-width: 800px)  {
      .product #wc-stripe-payment-request-button-separator ~ .single_add_to_cart_button {
      	width: 100%;
      }}

      3. Please try deactivate plugin one by one and check again by default the phone number always required http://prntscr.com/nq8yfj

      4. Please try this plugin to embed your video https://wordpress.org/plugins/woocommerce-html5-video/

      5. Please try go to WooCommerce > Status > Tools > WooCommerce transients > Clear If issue still there, please contact plugin author.

      Kind regards

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

    • #31306
      Micky
      Support Expired

      Thanks guys, all problems have been solved except my payment buttons are really messy, please have a look at the attached screenshots.

      Screenshot: Those two buttons should be below each other so the “or” makes sense between the two buttons and have the same size, could you please send me a code for that?

      Regarding issue 1 in the message above: The code does not work, it’s weird those buttons are so big in size, especially on desktop it looks weird.

      Thanks

       

       

      Attachments:
      You must be logged in to view attached files.
    • #31309
      Micky
      Support Expired

      Please have a look at the screenshot, could you please send a shortcode that removes this whitespace between those elements so its listed neatly under the “add to cart” button? Preferably the trust icons above the “delivery and return” button.

      http://prntscr.com/nr32ly

       

      Thanks 🙂

    • #31310
      Harry
      Support Expired

      Hi,

      1. please add below code to claue > theme option > general layout > custom css

      .wc-proceed-to-checkout a {
      	float: none;
      	width: 100%;
      	text-align: center;
      }

      2. It doesn’t support you change position but you can reduce space between element by add below code

      .extra-link {
      	text-align: center;
      	margin-top: 0;
      }
      .wc-extra-content {
      	text-align: center;
      	margin: 0;
      }

      And please crop the space around on top and bottom of image and upload again http://prntscr.com/nr7l1l

      Kind regards

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

    • #31319
      Micky
      Support Expired

      You guys are unbelievable really, customer service has been top notch, getting a solution within 24-48hours is amazing value for us.

       

      Thanks again and keep up the good work, loving the template 🙂

       

      Best,

      Michael

    • #31320
      Harry
      Support Expired

      You’re welcome. Have a nice day!

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

    • #32396
      Micky
      Support Expired

      Good afternoon,

       

      After another month of testing we would like to implement some improvements on the product page, please have a look at the following:

      • When a visitor lands on the page a default colour should be selected already so the visitor can click “add to cart” immediately instead of having to go through the options first.

       

      • When a selection is made on the product listing page (colour, plug) the box does not change colour and its not obvious for visitors that they have selected something, this really confuses potential buyers. Is there a way to mention the selection above the “Add to Basket” button and make it more obvious a selection has been made?

       

      • The colour selection should be text all the time and not an image, this is unclear for visitors as the images do not speak for themselves all the time. I tried deactivate this in the Attribute settings for each product but it’s impossible to de-activate this option (Display product variations as image) for some reason?

       

      The above 3 would improve our conversion rate as the check-out process seems to be confusing for some people. Thanks again for your support.

       

      Best,

      Michael

    • #32404
      Harry
      Support Expired

      Hi Micky,

      1. Please set default variation for product http://prntscr.com/ocpdmt

      2. Sorry WooCommerce doesn’t support Instant “Add to cart” with variable product on category page

      3. Please deactivate plugin WooCommerce Variation Swatches of WPAddon.

      Kind regards

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

    • #32427
      Micky
      Support Expired

      Hi Harry,

      Thanks for getting back to me, we’ve put a default product selection now which will be great for conversions.

      It’s still not obvious to see what has been selected though, when I click the boxes the colour changes but the selected box is not visible. How can I change this so the selected box has another colour? http://prntscr.com/odp6j6

       

      Second question is regarding the shipping, we ship from China and from Spain but I would like to remove this setting from the page and only show the delivery time when the visitor filled in this delivery address (Spanish address will get Spanish shipping times) while other countries all get standard shipping time. Is there a way to set this?

      People should not see where we ship from exactly and seeing “china” there for sure does not help with conversions.

      Thanks,

      Michael

       

       

       

    • #32429
      Harry
      Support Expired

      Hi,

      1. The swatches option is function of plugin AliDropShipping, please contact plugin author

      2. Please go to Products > Attributes > Delete Ship From option.

      Kind regards

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

    • #32430
      Micky
      Support Expired

      Thanks Harry, will work around that.

      The colour swatches are still there tho, I deactivated the plugin but for some reason I can not declick this button (http://prntscr.com/odpfpx)

      Any idea what could cause this? Thx

    • #32432
      Harry
      Support Expired

      I’m not sure which cause the issue, for the best way please contact plugin author, they have more experience than me in this case.

      Kind regards

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

    • #32433
      Micky
      Support Expired

      Ok will see what I can do to change it then, it’s weird as its impossible to deselect it.

      Regarding the product selection boxes, is there no shortcode available to change the colour of the selected option (product colour) on the product page? http://prntscr.com/odps7j

      Have it in bold or a different colour.

    • #32434
      Harry
      Support Expired

      No, It doesn’t have shortcode for this.

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

    • #32526
      Micky
      Support Expired

      Dear,

      I have reviewed this with AliDropship Plugin and they have confirmed this is part of the WordPress template and not of the Alidropship plugin.

      I remember this being in a different colour in the beginning so it must be possible to change the colour of this:
      http://prntscr.com/og77px

      Impossible for visitors to see if they have selected something or not, only the box increases slightly in size which is not visible for the naked eye.

      The selected box should be Bold black in colour (background) and the text inside should be yellow.

      Thanks,
      Michael

    • #32528
      Harry
      Support Expired

      Hi,

      This is because css of plugin please add below code to Claue > Theme Option > General Layout > Custom CSS to override

      .adsw-attribute-option .meta-item-img.active i, .adsw-attribute-option .meta-item-text.active {
      	background: #000 !important;
      	color: #FBE74A !important;
      }

      Kind regards

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

    • #32531
      Micky
      Support Expired

      That is so much better, thanks a lot for this shortcode!

      Take care and all the best

    • #32744
      Micky
      Support Expired

      Any idea why my primary sidebar on our Blog page is taking up the full screen instead of being a sidebar?

      https://www.chargichargi.com/blog/

       

      Thanks

    • #32745
      Harry
      Support Expired

      I see you edited (remove some code) in file index.php in theme and i help you corrected the code.

      It now ok.

      Kind regards

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

    • #32840
      Micky
      Support Expired

      Thanks Harry for fixing this, looks way better now our blog page with the sidebar in place.

      There’s an issue we have with our metatag description of our homepage, we have chatted with Rankmath about it and they have gotten access to our website and checked all to identify what could be the cause for this (seems to be the theme itself).

      We have set up metadata for our homepage (title & image) but for some reason other meta data is used for the homepage when shared on socials. Rank Math has now detected that something in the theme itself is overwriting the main metatag of our site chargichargi.com

      How can I switch off this overwriting so that our settings in Rank Math are used and not something that the template is using cause the template is taking metadata from a product and using this for our main snippet.

      try to charge http://www.chargichargi.com and you will see the metadata is not correct and not how its set.

      Thanks,

      Michael

    • #32841
      Micky
      Support Expired

      We’d like to swap the following as well: http://prntscr.com/omx6f3

      The add to cart button and colour selection should be below the title followed by the description.

      Thanks

    • #32852
      Harry
      Support Expired

      Hi,

      Please add below code to claue-child > functions.php

      remove_action('woocommerce_single_product_summary', 'woocommerce_template_single_excerpt', 20);
      add_action('woocommerce_single_product_summary', 'woocommerce_template_single_excerpt', 35);
      remove_action( 'wp_head', 'jas_claue_social_meta' );

      Kind regards

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

    • #32858
      Micky
      Support Expired

      Hi Harry,

      There is something wrong with our images for some reason over the whole website, none of the images on the product pages show. What happened there?

      Please have a look at my message above as well regarding the meta description.

      Thanks

    • #32859
      Micky
      Support Expired

      Please ignore my latest message as for some reason the Alidropship Plugin was deactivated.

      Could you please have a look at the message above I wrote to you about the metadata? Thanks

    • #32870
      Harry
      Support Expired

      Hi,

      Please add below code to claue-child > functions.php

      if ( ! function_exists( 'jas_claue_social_meta' ) && ! function_exists( 'wpseo_activate' ) && ! class_exists('RankMath') )  {
      	function jas_claue_social_meta() {
      		global $post;
      		if ($post) {
      			$output = '';
      			$image_src_array = wp_get_attachment_image_src( get_post_thumbnail_id(), 'full', true );
      
      			$output .= '<meta itemprop="name" content="' . esc_attr( strip_tags( get_the_title() ) ) . '">';
      			$output .= '<meta itemprop="description" content="' . esc_attr( strip_tags( $post->the_excerpt ) ) . '">';
      			$output .= '<meta itemprop="image" content="' . esc_url( $image_src_array[0] ) . '">';
      
      			$output .= '<meta name="twitter:card" content="summary_large_image">';
      			$output .= '<meta name="twitter:site" content="@' . str_replace( ' ', '', get_bloginfo( 'name' ) ) . '">';
      			$output .= '<meta name="twitter:title" content="' . esc_attr( strip_tags( get_the_title() ) ) . '">';
      			$output .= '<meta name="twitter:description" content="' . esc_attr( strip_tags( $post->the_excerpt ) ) . '">';
      			$output .= '<meta name="twitter:creator" content="@' . str_replace( ' ', '', get_bloginfo( 'name' ) ) . '">';
      			$output .= '<meta name="twitter:image:src" content="' . esc_url( $image_src_array[0] ) . '">';
      
      			$output .= '<meta property="og:title" content="' . esc_attr( strip_tags( get_the_title() ) ) . '" />';
      			$output .= '<meta property="og:url" content="' . esc_url( get_permalink() ) . '" />';
      			$output .= '<meta property="og:image" content="' . esc_url( $image_src_array[0] ) . '" />';
      			$output .= '<meta property="og:image:url" content="' . $image_src_array[ 0 ] . '"/>'. "\n";
      			$output .= '<meta property="og:description" content="' . esc_attr( strip_tags( $post->the_excerpt ) ) . '" />';
      			$output .= '<meta property="og:site_name" content="' . get_bloginfo( 'name') . '" />';
      
      			if ( function_exists( 'is_product' ) && is_product() ) {
      				$output .= '<meta property="og:type" content="product"/>'. "\n";
      			} else {
      				$output .= '<meta property="og:type" content="article"/>'. "\n";
      			}
      	 
      			echo force_balance_tags( $output );
      		}
      	}
      	add_action( 'wp_head', 'jas_claue_social_meta', 0 );
      }

      Kind regards

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

    • #32876
      Micky
      Support Expired

      Thanks for your feedback but nothing has changed, the incorrect metadata is still there, please see:
      https://search.google.com/structured-data/testing-tool#url=https%3A%2F%2Fwww.chargichargi.com%2F%20

      The image and title are not correct here and there is nowhere in the theme or settings I’m able to change this..

       

    • #32879
      Harry
      Support Expired

      Hi,

      you did not put in child theme. I fix issue on parent theme.

      I recommend put all your custom code to child theme to prevent your code without losing custom code when update theme.

      Kind regards

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

    • #32884
      Micky
      Support Expired

      Thanks Harry for your support (again), you been very helpful. Have a great weekend

    • #32886
      Harry
      Support Expired

      You’re welcome. Have great weekend, too!

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

    • #32887
      Micky
      Support Expired

      is it possible that due to the formule our shipping options changed?

      When the order has reached 15 EURO the Standard shipping sh0uld not be visible on the checkout page and only the free shipping should be there.

      For some reason it shows both now, we solved that issue through a short code a while ago so not sure why its there again now? http://prntscr.com/onijqq

      Thanks buddy

    • #32888
      Harry
      Support Expired

      Hi,

      Please add below code to claue-child > functions.php

      /**
       * Hide shipping rates when free shipping is available.
       * Updated to support WooCommerce 2.6 Shipping Zones.
       *
       * @param array $rates Array of rates found for the package.
       * @return array
       */
      function my_hide_shipping_when_free_is_available( $rates ) {
      	$free = array();
      	foreach ( $rates as $rate_id => $rate ) {
      		if ( 'free_shipping' === $rate->method_id ) {
      			$free[ $rate_id ] = $rate;
      			break;
      		}
      	}
      	return ! empty( $free ) ? $free : $rates;
      }
      add_filter( 'woocommerce_package_rates', 'my_hide_shipping_when_free_is_available', 100 );

      Kind regards

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

    • #32903
      Micky
      Support Expired

      Hey Harry,

      Apologies but I am confused, where exactly can I access this in the child theme?

      Before I always updated the code in the main Clau theme, probably not a good idea but it seemed to work, I understand it’s more risky as the main theme gets edited instead of the child theme.

      Where can I access the functions of the child theme?

      Thanks for your support.

    • #32906
      Harry
      Support Expired

      Hi,

      Please download package on themeforest, extract file and install claue-child.zip in Appearance > Themes > Add new like you install parent theme.

      After that you can access child theme in Appearance > Theme Editor.

      Kind regards

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

    • #32916
      Micky
      Support Expired

      Hi Harry,

      Will that not overwrite the edited template we have in place at the moment?

      How did you manage to change anything in the child theme without it being installed?

      Thanks,
      Michael

    • #32917
      Harry
      Support Expired

      You can’t override parent theme without install child theme.

      After you install child theme just re-arrange widget sidebar in Appearane > Widgets (you should take screenshot of Sidebar Area before activate child theme.

      Kind regards

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

    • #32932
      Micky
      Support Expired

      Any chance you can fix this for us Harry as we are scared to break something in our now good functioning website.

      Thanks!

    • #32937
      Harry
      Support Expired

      Hi,

      You have to do it yourself, if have any issue we will help you check. It easy task we guided you do it, we can’t help you do everything.

      Kind regards

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

    • #33433
      Micky
      Support Expired

      Evening Harry,

      Few quick questions:

      • How do I change the background colour from yellow to white on the menu bar alone (not the space above on the top header) – https://prnt.sc/p1tlce
      • Font colour from grey to white – https://prnt.sc/p1tm7g
      • When a box is selected the inside should be yellow, when not it should be black (not grey) – https://prnt.sc/p1tnam
      • The same box mentioned above is not centred on the page
      • Change font colour from grey to black – https://prnt.sc/p1trq4
      • This part should be removed – https://prnt.sc/p1tr3w

      Thanks again for your support.

      Best,

      Michael

    • #33437
      Harry
      Support Expired

      Hi,

      1,2. Please add below code to Claue > Theme Option > General Layout > Custom CSS

      .header__bot.hidden-sm {
      	background: #fff;
      }
      .tab-heading.cd {
      	color: #fff !important;
      }

      3. Please add below code

      .wc-col-switch a:hover,
      .wc-col-switch a.active {
      	border-color: #222;
      }
      .wc-col-switch a:hover:before,
      .wc-col-switch a.active:before {
      	background: #222;
      }
      .wc-col-switch a.one:hover:before,
      .wc-col-switch a.one.active:before {
      	background: #222;
      }
      .wc-col-switch a.two:hover:before,
      .wc-col-switch a.two.active:before {
      	box-shadow: 13px 0 0 #222, 13px 0 0 #222;
      }
      .wc-col-switch a.three:hover:before,
      .wc-col-switch a.three.active:before {
      	box-shadow: 13px 0 0 #222, 26px 0 0 #222;
      }
      .wc-col-switch a.four:hover:before,
      .wc-col-switch a.four.active:before {
      	box-shadow: 13px 0 0 #222, 26px 0 0 #222, 39px 0 0 #222;
      }
      .wc-col-switch a.six:hover:before,
      .wc-col-switch a.six.active:before {
      	box-shadow: 13px 0 0 #222, 26px 0 0 #222, 39px 0 0 #222, 52px 0 0 #222, 65px 0 0 #222;
      }

      and change #222 as your color

      4. i’m sorry it have equal space between Filter icon and sortby box.

      5. Please add code

      .woocommerce-ordering select {
      	color: #222;
      }

      6. On my screen it only like this https://prnt.sc/p1zq4w, and please check with plugin author about this.

      Kind regards

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

    • #33441
      Micky
      Support Expired

      Hi mate,

      All solved except the menu bar is not fully white, the sides are still yellow – https://prnt.sc/p1tm7g

      Thanks

    • #33448
      Harry
      Support Expired

      Please add more code

      .jas-row.middle-xs.pt__10.pb__10 {
      	padding-left: 15px;
      	padding-right: 15px;
      }
      .header__mid.pl__15.pr__15 {
      	padding: 0;
      }

      Kind regards

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

    • #33673
      Micky
      Support Expired

      Dear Harry,

      Why is the product price mentioned twice? https://prnt.sc/p8cyps

      The price at the top (under the title) should be the only price and show demonstrate the correct price depending on the product choice.

      Could you send us a shortcode for this please?

      Thanks

    • #33675
      Harry
      Support Expired

      Hi,

      The issue because your product is variable product and it have 2 variations with 2 price. One variation has price is $29 and one has price is $31

      Please add below code to claue-child > functions.php

      /*
      Disable Variable Product Price Range: 
      */
       
      add_filter( 'woocommerce_variable_sale_price_html', 'my_variation_price_format', 10, 2 );
       
      add_filter( 'woocommerce_variable_price_html', 'my_variation_price_format', 10, 2 );
       
      function my_variation_price_format( $price, $product ) {
       
      // Main Price
      $prices = array( $product->get_variation_price( 'min', true ), $product->get_variation_price( 'max', true ) );
      $price = $prices[0] !== $prices[1] ? sprintf( __( '%1$s', 'woocommerce' ), wc_price( $prices[0] ) ) : wc_price( $prices[0] );
       
      // Sale Price
      $prices = array( $product->get_variation_regular_price( 'min', true ), $product->get_variation_regular_price( 'max', true ) );
      sort( $prices );
      $saleprice = $prices[0] !== $prices[1] ? sprintf( __( '%1$s', 'woocommerce' ), wc_price( $prices[0] ) ) : wc_price( $prices[0] );
       
      if ( $price !== $saleprice ) {
      $price = '<del>' . $saleprice . '</del> <ins>' . $price . '</ins>';
      }
      return $price;
      }

      Kind regards

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

    • #34166
      Micky
      Support Expired

      Dear Harry,

      It removed the variation on the price but nothing else changed, both prices are still visible on desktop and mobile. The difference is that now it shows the fixed price of the product chosen and the variation in price is not visible anymore at the top.

       

       

      Attachments:
      You must be logged in to view attached files.
    • #34168
      Harry
      Support Expired

      Hi Micky,

      Yes, if all variation have same price it only show one price.

      Kind regards

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

    • #34175
      Micky
      Support Expired

      It does not show one price tho Harry, both prices are still visible and it’s really unnecessary to have two exact the same prices on there. Have a look at the screenshot please.

    • #34178
      Harry
      Support Expired

      Hi Micky,

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

      .woocommerce-variation-price {
      	display: none;
      }

      By the way, your support expired. Please renew your support at https://themeforest.net/item/claue-clean-minimal-woocommerce-theme/18929281 that will help us develop new features and improve our theme.

      Thanks and regards!

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

Viewing 58 reply threads

You must be logged in to reply to this topic.