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

Topic Resolution: Resolved

This topic contains 28 replies, has 2 voices, and was last updated by  Micky 2 days, 11 hours ago.

Viewing 15 posts - 1 through 15 (of 29 total)
  • Author
    Posts
  • #30394
    Micky
    Supported

    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

    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
    Supported

    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 ..

    Power Bank 20000mAh – 3 USB Ports 18W – QC 3.0 + USB PD Fast Charger

    What has caused this?

    Thanks

    #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

    #30476
    Micky
    Supported

    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

    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
    Supported

    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

    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
    Supported
    • 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

    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
    Supported

    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:

    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
    Supported

    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

    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
    Supported

    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
    Supported

    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 🙂

Viewing 15 posts - 1 through 15 (of 29 total)

You must be logged in to reply to this topic.