Home › Forums › Themes Support › Claue › Minor changes/issues we need to resolve before going live
- This topic has 58 replies, 2 voices, and was last updated 4 years, 6 months ago by
Harry.
-
AuthorPosts
-
-
April 17, 2019 at 9:20 pm #30394
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
-
April 17, 2019 at 10:01 pm #30397
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 -
April 18, 2019 at 1:08 am #30402
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 ..
What has caused this?
Thanks
-
April 18, 2019 at 8:00 am #30412
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 -
April 20, 2019 at 7:22 pm #30476
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
-
April 20, 2019 at 11:01 pm #30477
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 -
May 2, 2019 at 9:37 pm #30804
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
-
May 3, 2019 at 7:22 pm #30844
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 -
May 8, 2019 at 8:01 pm #31050
- 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 -
May 8, 2019 at 10:13 pm #31059
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 -
May 18, 2019 at 4:32 pm #31261
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-chargerHave 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 -
May 18, 2019 at 4:43 pm #31262
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
-
May 18, 2019 at 11:10 pm #31267
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 -
May 20, 2019 at 10:55 pm #31306
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. -
May 21, 2019 at 2:13 am #31309
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.
Thanks 🙂
-
May 21, 2019 at 10:48 am #31310
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 -
May 21, 2019 at 6:04 pm #31319
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
-
May 21, 2019 at 6:46 pm #31320
You’re welcome. Have a nice day!
Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio -
July 9, 2019 at 8:08 pm #32396
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
-
July 9, 2019 at 11:17 pm #32404
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 -
July 11, 2019 at 10:53 pm #32427
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
-
July 11, 2019 at 10:59 pm #32429
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 -
July 11, 2019 at 11:09 pm #32430
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
-
July 11, 2019 at 11:30 pm #32432
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 -
July 11, 2019 at 11:32 pm #32433
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.
-
July 11, 2019 at 11:34 pm #32434
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 -
July 17, 2019 at 4:49 pm #32526
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/og77pxImpossible 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 -
July 17, 2019 at 5:06 pm #32528
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 -
July 17, 2019 at 8:42 pm #32531
That is so much better, thanks a lot for this shortcode!
Take care and all the best
-
July 27, 2019 at 11:10 pm #32744
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
-
July 28, 2019 at 12:45 am #32745
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 -
August 1, 2019 at 5:31 pm #32840
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
-
August 1, 2019 at 5:43 pm #32841
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
-
August 1, 2019 at 10:09 pm #32852
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 -
August 1, 2019 at 11:24 pm #32858
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
-
August 2, 2019 at 12:11 am #32859
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
-
August 2, 2019 at 1:58 pm #32870
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 -
August 2, 2019 at 4:55 pm #32876
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%20The image and title are not correct here and there is nowhere in the theme or settings I’m able to change this..
-
August 2, 2019 at 5:18 pm #32879
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 -
August 2, 2019 at 8:47 pm #32884
Thanks Harry for your support (again), you been very helpful. Have a great weekend
-
August 2, 2019 at 8:59 pm #32886
You’re welcome. Have great weekend, too!
Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio -
August 2, 2019 at 9:40 pm #32887
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
-
August 2, 2019 at 10:32 pm #32888
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 -
August 3, 2019 at 8:42 pm #32903
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.
-
August 3, 2019 at 11:24 pm #32906
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 -
August 4, 2019 at 10:34 pm #32916
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 -
August 4, 2019 at 10:50 pm #32917
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 -
August 5, 2019 at 8:02 pm #32932
Any chance you can fix this for us Harry as we are scared to break something in our now good functioning website.
Thanks!
-
August 5, 2019 at 10:39 pm #32937
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 -
September 5, 2019 at 12:21 am #33433
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
-
September 5, 2019 at 10:34 am #33437
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 -
September 5, 2019 at 5:06 pm #33441
Hi mate,
All solved except the menu bar is not fully white, the sides are still yellow – https://prnt.sc/p1tm7g
Thanks
-
September 5, 2019 at 6:58 pm #33448
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 -
September 20, 2019 at 12:59 am #33673
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
-
September 20, 2019 at 7:30 am #33675
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 -
October 17, 2019 at 11:16 pm #34166
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. -
October 18, 2019 at 2:47 am #34168
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 -
October 18, 2019 at 4:18 pm #34175
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.
-
October 18, 2019 at 6:22 pm #34178
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
-
-
AuthorPosts
You must be logged in to reply to this topic.