Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • March 29, 2016 at 4:08 pm #604660
    inveritas

    Hi,

    How can I add text “e.g. Free delivery above $x” below the “Local Delivery” option? Link to screenshot below. Thanks!

    March 29, 2016 at 6:04 pm #604713
    Yigit

    Hi ryanlry!

    Can you please post the link to your website?

    Cheers!
    Yigit

    March 29, 2016 at 6:06 pm #604716
    inveritas

    Hi, please see below

    March 29, 2016 at 6:18 pm #604723
    Yigit

    Hi!

    Please add following code to Quick CSS in Enfold theme options under General Styling tab

    .woocommerce-cart label[for="shipping_method_0_mh_wc_table_rate"]:after {
    content: ' (Free delivery above 10$)';
}

    Cheers!
    Yigit

    March 29, 2016 at 6:24 pm #604727
    inveritas

    Hi,

    Thanks for the quick reply – I added the code and it’s not showing up on the checkout page. Would you please check? Thank you!

    March 29, 2016 at 6:31 pm #604736
    Yigit

    Hi!

    Please change the code to following one 

    label[for="shipping_method_0_mh_wc_table_rate"]:after {
    content: ' (Free delivery above 10$)';
}

    Regards,
    Yigit

    March 29, 2016 at 6:38 pm #604743
    inveritas

    Thank you! It is possible to break the text up into multiple lines?

    March 29, 2016 at 9:28 pm #604790
    Basilis

    Hey!

    You can make it possible by using the following CSS rule
    http://www.w3schools.com/cssref/css3_pr_word-wrap.asp

    Please do let us know if that works out for you

    Regards,
    Basilis

    March 30, 2016 at 3:28 am #604892
    inveritas

    Hi,

    I’m not sure if I’m using the property wrongly – it’s not working for me:

    label[for="shipping_method_0_mh_wc_table_rate"]:after {
    content: ' (Orders below $50: $9 delivery charge<br>Orders $50-$119: $6 delivery charge<br>Orders $120~: Free delivery)'; word-wrap: break-word; width: 200px;
}
    March 30, 2016 at 6:26 pm #605357
    Yigit

    Hey!

    Can you please go to WooCommerce > Settings > Shipping > edit your shipping class and then change its title and insert your custom text with HTML in there?

    Regards,
    Yigit

    March 31, 2016 at 3:29 am #605599
    inveritas

    The WooCommerce settings strips HTML so the line breaks doesn’t work. I have decided to use a single line instead, so the CSS trick is sufficient for now. Thanks!

    March 31, 2016 at 7:07 am #605661
    Rikard

    Hi,

    Great, glad we could help. Please let us know if you should need any more help on the topic.

    Thanks,
    Rikard

  • Author
    Posts
Viewing 12 posts - 1 through 12 (of 12 total)
  • You must be logged in to reply to this topic.