Change WooCommerce Dynamic Pricing Display

alvinarichard — Wed, 24 Jul 2019 11:19:55 +0000

WooCommerce pricing display is one of the essential part of product page. There are two ways to change WooCommerce pricing display.

• woocommerce_get_price_html: Price is shown on the product and shop pages.
• woocommerce_cart_item_price: Product prices are shown in the cart table.

Change Price Display for All WooCommerce Products


function cw_change_product_price_display( $price ) {
    $price .= ' At Each Item Product';
    return $price;
  }
  add_filter( 'woocommerce_get_price_html', 'cw_change_product_price_display' );
  add_filter( 'woocommerce_cart_item_price', 'cw_change_product_price_display' );

Change Price Display Based on Product Fields

If you want to change price display for some products then add a field for each product on the list and retrieve this field in the code.

How to Create WordPress Gutenberg Block Templates

alvinarichard — Mon, 20 May 2019 09:36:39 +0000

There are two ways of creating customized Gutenberg block templates.

1. Registering Gutenberg Blocks

In the first step we create custom blocks templates that can be used to build pre-populated blocks. Add the following code to the functions.php.

add_action( 'init', function() { $args = array( 'public' => true, 'label' => 'News', 'show_in_rest' => true, 'template_lock' => 'all', 'template' => array( array( 'core/paragraph', array( 'placeholder' => 'Breaking News', ) ), array( 'core/image', array( 'align' => 'right', ) ), ), ); register_post_type( 'news', $args ); } );

In the above code the array parameter ‘core/paragraph’ is responsible for the content of the block and array parameter ‘core/image’ allows you to upload images

For adding custom block to this template, use the ‘template’ sub-array.

'template' => array( array( 'core/heading', array( 'level' => '4', 'content' => 'Heading' ) ), array( 'core/paragraph' ), )

2. Creating a Gutenberg Plugin
While working with custom templates, the best way is to create a Gutenberg editor plugin.

To create the plugin, go to the wp-content/plugins directory and create a new folder. The name of the folder must be the name of the custom Gutenberg template plugin. Here I have named my plugin as Gutenberg Blocks.

Create a file named Gutenberg-blocks.php and add the following code

DEV Community: alvinarichard

Change WooCommerce Dynamic Pricing Display

How to Create WordPress Gutenberg Block Templates