{"id":5144,"date":"2017-09-29T12:08:33","date_gmt":"2017-09-29T16:08:33","guid":{"rendered":"https:\/\/themespress.ca\/?p=5144"},"modified":"2022-10-01T14:47:15","modified_gmt":"2022-10-01T18:47:15","slug":"woocommerce-adding-custom-content-in-your-cart-page","status":"publish","type":"post","link":"https:\/\/themespress.ca\/en\/woocommerce-adding-custom-content-in-your-cart-page\/","title":{"rendered":"Woocommerce: Adding Custom Content in your Cart Page"},"content":{"rendered":"
\n\t
\n\t\t
\n\t\t\t

This tutorial will show you how to add custom content in your WooCommerce cart page with the help of specific hooks.<\/p>\n

To do this custom coding, we strongly recommend using a WordPress child them and Woocommerce (obviously)<\/strong>.<\/p>\n

Make sure to not forget to enable the child them via Appearance –> Themes. It’s also vital to keep the parent theme.<\/p>\n

Don’t forget to make a quick back up of your theme<\/strong> before making any changes.<\/p>\n\n\t\t<\/div>\n\t<\/div>\n

List of custom hooks.<\/h2>\n\t
\n\t\t
\n\t\t\t

\n1 \u2013 woocommerce_before_cart
\n2 \u2013 woocommerce_before_cart_table
\n3 \u2013 woocommerce_before_cart_table
\n4 \u2013 woocommerce_cart_contents
\n5 \u2013 woocommerce_after_cart_contents
\n6 \u2013 woocommerce_after_cart_table
\n7 \u2013 woocommerce_before_cart_totals
\n8 \u2013 woocommerce_cart_totals_before_shipping
\n9 \u2013 woocommerce_before_shipping_calculator
\n10 \u2013 woocommerce_after_shipping_calculator
\n11 \u2013 woocommerce_cart_totals_after_shipping
\n12 \u2013 woocommerce_cart_totals_before_order_total
\n13 \u2013 woocommerce_cart_totals_after_order_total
\n14 \u2013 woocommerce_proceed_to_checkout
\n15 \u2013 woocommerce_after_cart_totals
\n16 \u2013 woocommerce_after_cart<\/p>\n

By using the list of hooks above, here’s how you can add custom content to your cart page. For example, using the woocommerce_before_cart<\/strong> hook will display content just under the page’s title. Here’s how to insert it into your child theme.<\/p>\n

It’s very important to change the naming of each function.<\/p>\n

Here’s an example.<\/p>\n\n\t\t<\/div>\n\t<\/div>\n

add_action('woocommerce_before_cart', 'nomdemafonction', 1);\nfunction nomdemafonction() {\n    echo 'Cher Clients'; \n\techo 'Vous pouvez obtenir la livraison gratuite à partir de 50 $ d’achat.'; \n}<\/pre><\/div>
La liste des hooks par default<\/h2>
\/\/ These are actions you can unhook\/remove!\n \nadd_action( 'wp_loaded', array( WC_Cart, 'init' ) );\nadd_action( 'wp', array( WC_Cart, 'maybe_set_cart_cookies' ), 99 );\nadd_action( 'shutdown', array( WC_Cart, 'maybe_set_cart_cookies' ), 0 );\nadd_action( 'woocommerce_add_to_cart', array( WC_Cart, 'calculate_totals' ), 20, 0 );\nadd_action( 'woocommerce_applied_coupon', array( WC_Cart, 'calculate_totals' ), 20, 0 );\nadd_action( 'woocommerce_check_cart_items', array( WC_Cart, 'check_cart_items' ), 1 );\nadd_action( 'woocommerce_check_cart_items', array( WC_Cart, 'check_cart_coupons' ), 1 );\nadd_action( 'woocommerce_after_checkout_validation', array( WC_Cart, 'check_customer_coupons' ), 1 );\n \nadd_action( 'woocommerce_cart_collaterals', 'woocommerce_cross_sell_display' );\nadd_action( 'woocommerce_cart_collaterals', 'woocommerce_cart_totals', 10 );\nadd_action( 'woocommerce_proceed_to_checkout', 'woocommerce_button_proceed_to_checkout', 20 );<\/pre><\/div><\/div><\/div><\/div><\/div>\n<\/div>","protected":false},"excerpt":{"rendered":"This tutorial will show you how to add custom content in your WooCommerce cart page with the help of specific hooks. To do this custom coding, we strongly recommend using
Read More<\/a><\/div>","protected":false},"author":81,"featured_media":5148,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"inline_featured_image":false,"footnotes":""},"categories":[283],"tags":[313,328],"class_list":["post-5144","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-tutorials","tag-plugins","tag-woocommerce-config"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/themespress.ca\/en\/wp-json\/wp\/v2\/posts\/5144","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/themespress.ca\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/themespress.ca\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/themespress.ca\/en\/wp-json\/wp\/v2\/users\/81"}],"replies":[{"embeddable":true,"href":"https:\/\/themespress.ca\/en\/wp-json\/wp\/v2\/comments?post=5144"}],"version-history":[{"count":0,"href":"https:\/\/themespress.ca\/en\/wp-json\/wp\/v2\/posts\/5144\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/themespress.ca\/en\/wp-json\/wp\/v2\/media\/5148"}],"wp:attachment":[{"href":"https:\/\/themespress.ca\/en\/wp-json\/wp\/v2\/media?parent=5144"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/themespress.ca\/en\/wp-json\/wp\/v2\/categories?post=5144"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/themespress.ca\/en\/wp-json\/wp\/v2\/tags?post=5144"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}