The shipping methods in the cart and checkout stage

This topic has 8 replies, 3 voices, and was last updated 1 years ago ago by Andrew Mitchell

  • Avatar: Gracu_
    Gracu_
    Participant
    November 28, 2024 at 11:35

    Hello,

    The shipping methods in the cart look very aesthetically pleasing (screen1). However, at the checkout stage, they unfortunately do not look as good (screen2). How can we improve this using your solutions?

    Best regards.

    Please, contact administrator
    for this information.
    Files is visible for topic creator and
    support staff only.
    7 Answers
    Avatar: Justin
    Luca Rossi
    Support staff
    November 28, 2024 at 17:55

    Dear @Gracu_,

    We hope this message finds you well.

    Could you kindly confirm if there was an error in the screenshots you provided? Upon review, it appears that both screenshots are related to the “Add to Cart” button.

    Thank you for your attention to this matter.

    Best regards,
    The 8Theme Team

    Avatar: Gracu_
    Gracu_
    Participant
    December 3, 2024 at 08:08

    Sorry, please check it now.

    Files is visible for topic creator and
    support staff only.
    Avatar: Justin
    Luca Rossi
    Support staff
    December 4, 2024 at 06:38

    Hi @Gracu_,

    Please add this custom code under functions.php file locates in your child theme:

    
    add_action('wp_footer', '_n2t_wp_footer');
    function _n2t_wp_footer(){
        if(is_checkout()){
            ?>
            <script>
                jQuery(document).ready(function($) {
                    setTimeout(function (){
                        $('tr.woocommerce-shipping-totals.shipping td[data-title="Wysyłka"]').attr("colspan", 2);
                    }, 2000);
                });
            </script>
            <?php
        }
    }
    

    Hope it helps!

    Avatar: Gracu_
    Gracu_
    Participant
    December 9, 2024 at 09:16

    Hello,

    When the checkout page loads, everything is fine (screen1). However, when I change the delivery method and the order summary box is reloaded, the appearance reverts to the previous state (screen2).

    Best regards.

    Files is visible for topic creator and
    support staff only.
    Avatar: Justin
    Luca Rossi
    Support staff
    December 9, 2024 at 17:17

    Hi @Gracu_,

    Please update the custom code to this:

    
    add_action('wp_footer', '_n2t_wp_footer');
    function _n2t_wp_footer(){
    	if(is_checkout()){
    		?>
            <script>
                jQuery(document).ready(function($) {
                    setTimeout(function (){
                        $('tr.woocommerce-shipping-totals.shipping td[data-title="Wysyłka"]').attr("colspan", 2);
                    }, 2000);
                    $(document.body).on('init_checkout updated_checkout', function(){
                        $('tr.woocommerce-shipping-totals.shipping td[data-title="Wysyłka"]').attr("colspan", 2);
                    })
                });
            </script>
    		<?php
    	}
    }
    

    Let us know how it goes!

    Avatar: Gracu_
    Gracu_
    Participant
    December 10, 2024 at 07:48

    It works perfectly, thank you very much!

    Avatar: Andrew Mitchell
    Andrew Mitchell
    Support staff
    December 10, 2024 at 07:48

    Dear Gracu_,

    As we continue our mission to exceed expectations, your insights become increasingly valuable. Could we, with all due respect, request your thoughtful feedback by giving our theme a deserved 5-star rating on ThemeForest?

    Click here to share your valuable perspective: https://themeforest.net/downloads

    Your time and trust are highly appreciated!

    Best Regards,
    The 8Theme Team

  • Viewing 8 results - 1 through 8 (of 8 total)

The issue related to '‘The shipping methods in the cart and checkout stage’' has been successfully resolved, and the topic is now closed for further responses

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.