Hooks in WordPress essentially allow you to change or add code without editing core files. They are used extensively throughout WordPress and WooCommerce and are very useful for developers.
Read more about action and filter hooks here:
In Klarna Checkout for WooCommerce there are some action and filter hooks available, mainly for modifying the order data sent to Klarna and how the checkout page should be displayed.
Actions
↑ Back to topThe appearance of the Klarna Checkout page comes with a two-column layout. In this layout we have shopping cart, delivery options and customer order note in the left-hand column while Klarna’s checkout (where you enter personal information and choose payment method) is shown in the right-hand column.
Sometimes you need to change the design of the checkout page and with Klarna Checkout for WooCommerce it is possible in a couple of different ways.
1. Simple CSS changes
↑ Back to topIf you only want to make minor design changes, CSS adjustments may be enough to get you where you want.
For example, to create a checkout page with a single-column layout, add the following CSS to your theme:
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| #kco-wrapper #kco-order-review, | |
| #kco-wrapper #kco-iframe { | |
| width: 100%; | |
| float: none; | |
| clear: both; | |
| } |
2. Remove, add and move with action hooks
↑ Back to topIf you want to make some more extensive changes to the layout of the checkout page, it is recommended to work with action hooks.
The checkout template file
On the Klarna Checkout template page, there are several action hooks you can use to add code or content. These hooks have the following names:
kco_wc_before_checkout_formkco_wc_before_order_reviewkco_wc_after_order_reviewkco_wc_before_snippetkco_wc_after_snippetkco_wc_after_checkout_form
You can find their location here:
Through these action hooks, you can easily add information to different locations on the checkout page.
3. Create your own template file
↑ Back to topIf you need to make changes that can’t be accomplished via action hooks, then you are able to overwrite the checkout template file via your theme. The plugin supports WooCommerce’s way of handling template files.
The template file used for displaying Klarna Checkout is called klarna-checkout.php and it is located in the templates folder in the plugin. To overwrite the file, copy it from the plugin, then paste it into the /woocommerce folder in your theme. Now you have the opportunity to make the changes you want. Keep in mind that the action hooks kco_wc_before_checkout_form and kco_wc_after_snippet must remain for the plugin to work properly.
Filters
↑ Back to topAction filters are used to modify data before sending it to an external service, rendering it in the browser or storing it in a database. The most common occasion this might be used in the plugin is if you want to modify the order/cart data sent to Klarna before the KCO checkout is rendered.
Modify order data sent to Klarna
↑ Back to topincludes/class-klarna-checkout-for-woocommerce-api.php
To modify the order data sent to Klarna (actually the cart data since the WooCommerce order isn’t created until after the purchase is finalized in Klarna Checkout), you use the filter kco_wc_api_request_args as described in the following example:
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| /** | |
| * Use together with Klarna Checkout for WooCommerce (v3 platform) | |
| * https://wordpress.org/plugins/klarna-checkout-for-woocommerce/ | |
| * | |
| * Filter the purchase country sent to Klarna. | |
| * Add this code to your themes functions.php file or include it in a separate functionality plugin (https://css-tricks.com/wordpress-functionality-plugins/). | |
| **/ | |
| add_filter( 'kco_wc_api_request_args', 'krokedil_change_klarna_country' ); | |
| function krokedil_change_klarna_country( $request_args ) { | |
| if ( method_exists( WC()->customer, 'shipping_country' ) ) { | |
| $request_args['purchase_country'] = WC()->customer->shipping_country; | |
| } | |
| return $request_args; | |
| } |
Information about available parameters in Klarnas API can be found here.