Home Forums Themes Support Claue Migrating to Claue on a live site

Topic Resolution: Resolved

This topic contains 79 replies, has 2 voices, and was last updated by  netmined 1 week, 2 days ago.

Viewing 15 posts - 61 through 75 (of 80 total)
  • Author
    Posts
  • #33384
    This reply has been marked as private.
    #33385

    Hi Netmined,

    1. By default the child theme doesn’t have file woocommerce/cart/cart-shipping.php. You can delete this file if you don’t do any function to override shipping method on cart page.

    It have easy way is change name of file and check different of shipping on shopping cart page. If the change don’t affect to your site you should delete it.

    2. The theme version on your site outdated, please update theme http://support.janstudio.net/forums/topic/updating-the-theme/ and plugin in menu Appearance > Install plugins. to make shortcode work with new version of WooCommerce

    Kind regards

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

    #33387

    Hi Harry,

    Thank you very much for your quick reply, much appreciate it.

    We’ve updated the theme and that has fixed the shortcode issue so thank you for that.

    Regarding the child theme, I am not sure that I understand you.

    Did you mean that we should try renaming the file in the child theme first, then check to see if there has been any impact on the shipping method in the cart and if there hasn’t been any impact, then delete the file in the child theme?

     

    #33389

    Hi,

    Yes, please try renaming the file in the child theme first, then check to see if there has been any impact on the shipping method in the cart and if there hasn’t been any impact, then delete the file in the child theme.

    Kind regards

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

    #33393

    Many thanks Harry, we’ll give this a shot.

    #33396

    Hi Harry,

    After doing an update to the theme and plugins we’ve noticed that the custom css code snippet you gave us to make the WOOCS multi currency plugin appear the same as the Claue theme currency switcher on the website is no longer working. The dropdown box for the currency switcher has now reverted to the WOOCS look, so the css code has stopped working.

    Do you what has caused the issue and how to fix it?

    Many thanks in advance for your help.

    #33400

    Hi,

    I checked your site and see the currency switcher of WOOCS still work well https://prnt.sc/p0iuua

    Please try clear cache on your browser.

    Kind regards

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

    #33402

    Hi Harry,

    Thank you for your reply. Yes, the switcher is working ok – the issue wasn’t that but with the way it looks visually on the site. The switcher has gone back to looking like a big box rather than looking the same way that as the Claue theme switcher.

    You gave us the following code to make look the same:

    .woocommerce-currency-switcher-form .chosen-container-single .chosen-drop {
    border-radius: 0;
    background: #f6f6f8;
    box-shadow: none;
    border: none;
    }
    .woocommerce-currency-switcher-form .chosen-container-single .chosen-single,
    .woocommerce-currency-switcher-form .chosen-container-active.chosen-with-drop .chosen-single {
    background: none;
    border: none;
    box-shadow: none;
    }
    .woocommerce-currency-switcher-form .chosen-container .chosen-results li {
    padding: 5px 22px;
    }
    .woocommerce-currency-switcher-form .chosen-container-single .chosen-single div b {
    background-image: none !important;
    background-size: inherit !important;
    background-repeat: inherit !important;
    position: relative;
    }
    .woocommerce-currency-switcher-form .chosen-container-single .chosen-single div b::before {
    font-family: FontAwesome;
    content: “\f107”;
    position: absolute;
    top: 0;
    right: 10px;
    color: #666;
    }

    It was working fine until the update just now and not sure what has broken it. Would you know how to fix it?

    Also, another issue which we have noticed that has just appeared – for some reason, the box around an item which is added to cart now appears in purple colour instead of just plain white as it should. See here http://prnt.sc/p0ko8n   It only seems to do this to the first item added, not to the others. How can we make it go back to white?

    Many thanks again for your help.

     

     

    #33403

    Hi Netmind,

    1. The issue because plugin author they change class name for switcher dropdown select. Please remove old code and add new

    .woocommerce-currency-switcher-form select {
    	-webkit-appearance: none;
    	-moz-appearance: none;
    	appearance: none;
    	background: none;
    	border: 0;
    	outline: 0;
    	padding: 0;
    	color: #878787;
    	font-size: 14px;
    	cursor: pointer;
    }
    .woocommerce-currency-switcher-form {position: relative;}
    .woocommerce-currency-switcher-form:after {
    content: '\f107';
    position: absolute;
    font-family: 'FontAwesome';
    right: 5px;
    top: 8px;
    pointer-events: none;
    }

    Kind regards

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

    #33404

    2. On the cart page. I see custom CSS you added

    .wprt-container .table-responsive .table thead + tbody tr:nth-child(2n+1) {
    	background-color: #cf7e9e  !important;
    }
    woocommerce-cart-form .wprt-container .table-responsive .table tr:nth-child(2n+1) {
    	background-color: #fff !important;
    }

    Please change to

    .woocommerce-cart-form .wprt-container .table-responsive .table thead + tbody tr:nth-child(2n+1) {
    	background-color: none  !important;
    }
    woocommerce-cart-form .wprt-container .table-responsive .table tr:nth-child(2n+1) {
    	background-color: none !important;
    }

    Kind regards

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

    #33425

    Hi Harry,

    Thank you for your reply and the snippets.

    The currency switcher css snippet hasn’t quite worked. The whole top bar still looks different and much wider than before and there is a box around the switcher unlike the Claue switcher. Also the currency symbols look different and weird now (we have switched them off for the moment). Here is how it is now  http://prnt.sc/p1joxk . Can we adjust this in some way to make it like the Claue one? See here http://prnt.sc/p1jpgh

     

    Regarding no 2 – the colours in the cart. We’ve checked all the possible places in the Claue custom css box and the child theme css and we have not entered that snippet that you wrote so we do not have anywhere to change it. Is it possible that this option to colour the cart was selected accidentally somewhere in the Claue theme options?

    #33426

    Hi,

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

    .woocommerce-currency-switcher-form {
    	padding-right: 15px;
    }

    2. The CSS code generate by plugin WP Responsive Table you add for table in product detail https://prnt.sc/p1n6rj. You can use suggest code to override CSS generate by plugin.

    Kind regards

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

    #33439

    Hi Harry,

    Thank you for your reply.

     

    We have added the snippet you suggested for the currency switcher but the top bar is still too wide. It runs down the page a lot more than before. How can we make this bar less wide?

    Regarding the cart colours – so this is caused by the table plugin? It is affecting the cart? Adding that snippet you suggest will make it correct just the cart without also removing the colour from the tables?

    Many thanks in advance.

    #33445

    Hi,

    1. Please add more code

    .woocommerce-currency-switcher-form::after {
    	top: -1px;
    }
    .woocommerce-currency-switcher-form select {
    	height: inherit;
    	line-height: 1.5;
    }

    Kind regards

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

    #33446

    2. The code only affect to shopping cart page not all table.

    Kind regards

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

Viewing 15 posts - 61 through 75 (of 80 total)

You must be logged in to reply to this topic.