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.
This topic has 8 replies, 3 voices, and was last updated 1 years ago ago by Andrew Mitchell
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.
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
Sorry, please check it now.
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!
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.
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!
It works perfectly, thank you very much!
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
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