Frontend Snippets - CODIBU

Remove product content based on category

JN C — Mon, 09 Nov 2020 06:32:39 +0000

Add this code to your child theme’s functions.php file or via a plugin that allows custom functions to be added, such as the Code snippets plugin. Avoid adding custom code directly to your parent theme’s functions.php file, as this will be wiped entirely when you update the theme.

The following code will remove product images on single product pages within the ‘Cookware’ category:

/**

* Remove product content based on category

*/

add_action( ‘wp’, ‘remove_product_content’ );

function remove_product_content() {

// If a product in the ‘Cookware’ category is being viewed…

if ( is_product() && has_term( ‘Cookware’, ‘product_cat’ ) ) {

//… Remove the images

remove_action( ‘woocommerce_before_single_product_summary’, ‘woocommerce_show_product_images’, 20 );

// For a full list of what can be removed please see woocommerce-hooks.php

}

}

The post Remove product content based on category first appeared on CODIBU.

Hide sub-category product count in product archives

JN C — Mon, 09 Nov 2020 06:32:08 +0000

Add this code to your child theme’s functions.php file or via a plugin that allows custom functions to be added, such as the Code snippets plugin. Please don’t add custom code directly to your parent theme’s functions.php file as this will be wiped entirely when you update the theme.

/**

* Hide category product count in product archives

*/

add_filter( ‘woocommerce_subcategory_count_html’, ‘__return_false’ );

Turns this:

Into this:

The post Hide sub-category product count in product archives first appeared on CODIBU.

Editing product data tabs

JN C — Mon, 09 Nov 2020 06:31:33 +0000

You need to add the code to your child theme’s functions.php file or via a plugin that allows custom functions to be added, such as the Code snippets plugin. Please don’t add custom code directly to your parent theme’s functions.php file as this will be wiped entirely when you update the theme.

Removing Tabs

Use the following snippet to remove specific tabs

/**

* Remove product data tabs

*/

add_filter( ‘woocommerce_product_tabs’, ‘woo_remove_product_tabs’, 98 );

function woo_remove_product_tabs( $tabs ) {

unset( $tabs[‘description’] ); // Remove the description tab

unset( $tabs[‘reviews’] ); // Remove the reviews tab

unset( $tabs[‘additional_information’] ); // Remove the additional information tab

return $tabs;

}

Renaming Tabs

Use the following snippet to rename tabs.

/**

 * Rename product data tabs

 */

add_filter( ‘woocommerce_product_tabs‘, ‘woo_rename_tabs‘, 98 );

function woo_rename_tabs( $tabs ) {

$tabs[‘description‘][‘title‘] = __( ‘More Information‘ ); // Rename the description tab

$tabs[‘reviews‘][‘title‘] = __( ‘Ratings‘ ); // Rename the reviews tab

$tabs[‘additional_information‘][‘title‘] = __( ‘Product Data‘ ); // Rename the additional information tab

return $tabs;

}

Re-ordering Tabs

Use the following snippet to change the tab order

/**

* Reorder product data tabs

*/

add_filter( ‘woocommerce_product_tabs’, ‘woo_reorder_tabs’, 98 );

function woo_reorder_tabs( $tabs ) {

$tabs[‘reviews’][‘priority’] = 5; // Reviews first

$tabs[‘description’][‘priority’] = 10; // Description second

$tabs[‘additional_information’][‘priority’] = 15; // Additional information third

return $tabs;

}

Customize a tab

The following snippet will replace the description tab with a custom function

/**

* Customize product data tabs

*/

add_filter( ‘woocommerce_product_tabs’, ‘woo_custom_description_tab’, 98 );

function woo_custom_description_tab( $tabs ) {

$tabs[‘description’][‘callback’] = ‘woo_custom_description_tab_content’; // Custom description callback

return $tabs;

}

function woo_custom_description_tab_content() {

echo ‘<h2>Custom Descriptionh2>‘;

echo ‘<p>Here’s a custom descriptionp>‘;

}

Add a custom tab

Use the following snippet to add a custom global product tab

/**

* Add a custom product data tab

*/

add_filter( ‘woocommerce_product_tabs’, ‘woo_new_product_tab’ );

function woo_new_product_tab( $tabs ) {

// Adds the new tab

$tabs[‘test_tab’] = array(

‘title’ => __( ‘New Product Tab’, ‘woocommerce’ ),

‘priority’ => 50,

‘callback’ => ‘woo_new_product_tab_content’

);

return $tabs;

}

function woo_new_product_tab_content() {

// The new tab content

echo ‘<h2>New Product Tabh2>‘;

echo ‘<p>Here’s your new product tab.p>‘;

}

The Additional Information tab

Please note that the “Additional Information” tab will only show if the product has weight, dimensions or attributes (with “Visible on the product page” checked). If you try to apply a change to that tab and if the product does not have weight, dimensions or attribute, you will get an error message similar to :

Warning: call_user_func() expects parameter 1 to be a valid callback, no array or string given in /mysite/wp-content/plugins/woocommerce/templates/single-product/tabs/tabs.php on line 35

In that case, you have to use WooCommerce conditional tags:

has_attributes()
has_dimensions()
has_weight()

/**

* Check if product has attributes, dimensions or weight to override the call_user_func() expects parameter 1 to be a valid callback error when changing the additional tab

*/

add_filter( ‘woocommerce_product_tabs’, ‘woo_rename_tabs’, 98 );

function woo_rename_tabs( $tabs ) {

global $product;

if( $product->has_attributes() || $product->has_dimensions() || $product->has_weight() ) { // Check if product has attributes, dimensions or weight

$tabs[‘additional_information’][‘title’] = __( ‘Product Data’ ); // Rename the additional information tab

}

return $tabs;

}

The post Editing product data tabs first appeared on CODIBU.

Make price widget draggable on touch devices

JN C — Mon, 09 Nov 2020 06:30:48 +0000

Resources

Grab this script and save it to the JS folder in your theme directory.

Installation

Add code to your child theme’s functions.php file or via a plugin that allows custom functions to be added, such as the Code snippets plugin. Avoid adding custom code directly to your parent theme’s functions.php file as this will be wiped entirely when you update the theme.

Remember to make sure the path matches your theme structure) to enqueue it.

/**

* Make price widget draggable on touch devices

*/

add_action( ‘wp_enqueue_scripts’, ‘load_touch_punch_js’ , 35 );

function load_touch_punch_js() {

global $version;

wp_enqueue_script( ‘jquery-ui-widget’ );

wp_enqueue_script( ‘jquery-ui-mouse’ );

wp_enqueue_script( ‘jquery-ui-slider’ );

wp_register_script( ‘woo-jquery-touch-punch’, get_stylesheet_directory_uri() . “/js/jquery.ui.touch-punch.min.js”, array(‘jquery’), $version, true );

wp_enqueue_script( ‘woo-jquery-touch-punch’ );

}

The post Make price widget draggable on touch devices first appeared on CODIBU.

Set a custom add to cart URL to redirect to

JN C — Mon, 09 Nov 2020 06:30:11 +0000

To redirect users to a custom URL, we recommend the Add To Cart Redirect extension.

Read documentation for this product.

The post Set a custom add to cart URL to redirect to first appeared on CODIBU.

Custom sorting options (asc/desc)

JN C — Mon, 09 Nov 2020 06:29:33 +0000

This example code shows how you can add an order option for ‘random’, but this also works in similar ways for other ways to order your products on the catalog page. To learn more about the default ‘orderby’ options please see the WordPress Codex Class Reference.

You need to add this code to your child theme’s functions.php file or via a plugin that allows custom functions to be added, such as the Code snippets plugin. Please don’t add custom code directly to your parent theme’s functions.php file as this will be wiped entirely when you update the theme.

/**

* Add custom sorting options (asc/desc)

*/

add_filter( ‘woocommerce_get_catalog_ordering_args’, ‘custom_woocommerce_get_catalog_ordering_args’ );

function custom_woocommerce_get_catalog_ordering_args( $args ) {

$orderby_value = isset( $_GET[‘orderby’] ) ? wc_clean( $_GET[‘orderby’] ) : apply_filters( ‘woocommerce_default_catalog_orderby’, get_option( ‘woocommerce_default_catalog_orderby’ ) );

if ( ‘random_list’ == $orderby_value ) {

$args[‘orderby’] = ‘rand’;

$args[‘order’] = ”;

$args[‘meta_key’] = ”;

}

return $args;

}

add_filter( ‘woocommerce_default_catalog_orderby_options’, ‘custom_woocommerce_catalog_orderby’ );

add_filter( ‘woocommerce_catalog_orderby’, ‘custom_woocommerce_catalog_orderby’ );

function custom_woocommerce_catalog_orderby( $sortby ) {

$sortby[‘random_list’] = ‘Random’;

return $sortby;

}

The post Custom sorting options (asc/desc) first appeared on CODIBU.

Change the default state and country on the checkout

JN C — Mon, 09 Nov 2020 06:28:58 +0000

/**

 * Change the default state and country on the checkout page

 */

add_filter( ‘default_checkout_billing_country‘, ‘change_default_checkout_country‘ );

add_filter( ‘default_checkout_billing_state‘, ‘change_default_checkout_state‘ );

function change_default_checkout_country() {

return ‘XX‘; // country code

}

function change_default_checkout_state() {

return ‘XX‘; // state code

}

Note that the default_checkout_billing_country filter affects both existing and non-existing users. If you want to only change the default for non-existing users, then you can use this:

/**

* Change the default country on the checkout for non-existing users only

*/

add_filter( ‘default_checkout_billing_country’, ‘change_default_checkout_country’, 10, 1 );

function change_default_checkout_country( $country ) {

// If the user already exists, don’t override country

if ( WC()->customer->get_is_paying_customer() ) {

return $country;

}

return ‘DE’; // Override default to Germany (an example)

}

The post Change the default state and country on the checkout first appeared on CODIBU.

Override loop template and show quantities next to add to cart buttons.

JN C — Mon, 09 Nov 2020 06:28:19 +0000

To display quantity input fields for simple products within your shop archive pages, use the following code:

/**

* Override loop template and show quantities next to add to cart buttons

*/

add_filter( ‘woocommerce_loop_add_to_cart_link’, ‘quantity_inputs_for_woocommerce_loop_add_to_cart_link’, 10, 2 );

function quantity_inputs_for_woocommerce_loop_add_to_cart_link( $html, $product ) {

if ( $product && $product->is_type( ‘simple’ ) && $product->is_purchasable() && $product->is_in_stock() && ! $product->is_sold_individually() ) {

$html = ‘<form action=”‘ . esc_url( $product->add_to_cart_url() ) . ‘” class=”cart” method=”post” enctype=”multipart/form-data“>‘;

$html .= woocommerce_quantity_input( array(), $product, false );

$html .= ‘<button type=”submit” class=”button alt“>‘ . esc_html( $product->add_to_cart_text() ) . ‘button>‘;

$html .= ‘form>‘;

}

return $html;

}

You will need to add this code to your child theme’s functions.php file or via a plugin that allows custom functions to be added, such as the Code snippets plugin. Please don’t add custom code directly to your parent theme’s functions.php file as this will be wiped entirely when you update the theme.

The post Override loop template and show quantities next to add to cart buttons. first appeared on CODIBU.

Allow HTML in term (category, tag) descriptions

JN C — Mon, 09 Nov 2020 06:27:38 +0000

By default, WordPress strips HTML from category descriptions. This code will prevent that from happening.

/**

* Allow HTML in term (category, tag) descriptions

*/

foreach ( array( ‘pre_term_description’ ) as $filter ) {

remove_filter( $filter, ‘wp_filter_kses’ );

if ( ! current_user_can( ‘unfiltered_html’ ) ) {

add_filter( $filter, ‘wp_filter_post_kses’ );

}

}

foreach ( array( ‘term_description’ ) as $filter ) {

remove_filter( $filter, ‘wp_kses_data’ );

}

The first part prevents HTML from being stripped from term descriptions.

The second part prevents HTML being stripped out when using the term description function (http://codex.wordpress.org/Function_Reference/term_description).

The post Allow HTML in term (category, tag) descriptions first appeared on CODIBU.

Custom tracking code for the thanks page

JN C — Mon, 09 Nov 2020 06:27:03 +0000

This snippet is for adding tracking for a separate piece of analytic software you may have installed. The order object contains all the order data you should need, including line items.

/**

* Add custom tracking code to the thank-you page

*/

add_action( ‘woocommerce_thankyou’, ‘my_custom_tracking’ );

function my_custom_tracking( $order_id ) {

// Lets grab the order

$order = wc_get_order( $order_id );

/**

* Put your tracking code here

* You can get the order total etc e.g. $order->get_total();

*/

// This is the order total

$order->get_total();

// This is how to grab line items from the order

$line_items = $order->get_items();

// This loops over line items

foreach ( $line_items as $item ) {

// This will be a product

$product = $order->get_product_from_item( $item );

// This is the products SKU

$sku = $product->get_sku();

// This is the qty purchased

$qty = $item[‘qty’];

// Line item total cost including taxes and rounded

$total = $order->get_line_total( $item, true, true );

// Line item subtotal (before discounts)

$subtotal = $order->get_line_subtotal( $item, true, true );

}

}

The post Custom tracking code for the thanks page first appeared on CODIBU.

	/**
	* Hide category product count in product archives
	*/
	add_filter( ‘woocommerce_subcategory_count_html’, ‘__return_false’ );

	/**
	* Rename product data tabs
	*/
	add_filter( ‘woocommerce_product_tabs‘, ‘woo_rename_tabs‘, 98 );
	function woo_rename_tabs( $tabs ) {

	$tabs[‘description‘][‘title‘] = __( ‘More Information‘ ); // Rename the description tab
	$tabs[‘reviews‘][‘title‘] = __( ‘Ratings‘ ); // Rename the reviews tab
	$tabs[‘additional_information‘][‘title‘] = __( ‘Product Data‘ ); // Rename the additional information tab

	return $tabs;

	}

	/**
	* Reorder product data tabs
	*/
	add_filter( ‘woocommerce_product_tabs’, ‘woo_reorder_tabs’, 98 );
	function woo_reorder_tabs( $tabs ) {

	$tabs[‘reviews’][‘priority’] = 5; // Reviews first
	$tabs[‘description’][‘priority’] = 10; // Description second
	$tabs[‘additional_information’][‘priority’] = 15; // Additional information third

	return $tabs;
	}

	/**
	* Customize product data tabs
	*/
	add_filter( ‘woocommerce_product_tabs’, ‘woo_custom_description_tab’, 98 );
	function woo_custom_description_tab( $tabs ) {

	$tabs[‘description’][‘callback’] = ‘woo_custom_description_tab_content’; // Custom description callback

	return $tabs;
	}

	function woo_custom_description_tab_content() {
	echo ‘<h2>Custom Descriptionh2>‘;
	echo ‘<p>Here’s a custom descriptionp>‘;
	}

	/**
	* Add a custom product data tab
	*/
	add_filter( ‘woocommerce_product_tabs’, ‘woo_new_product_tab’ );
	function woo_new_product_tab( $tabs ) {

	// Adds the new tab

	$tabs[‘test_tab’] = array(
	‘title’ => __( ‘New Product Tab’, ‘woocommerce’ ),
	‘priority’ => 50,
	‘callback’ => ‘woo_new_product_tab_content’
	);

	return $tabs;

	}
	function woo_new_product_tab_content() {

	// The new tab content

	echo ‘<h2>New Product Tabh2>‘;
	echo ‘<p>Here’s your new product tab.p>‘;

	}

	/**
	* Check if product has attributes, dimensions or weight to override the call_user_func() expects parameter 1 to be a valid callback error when changing the additional tab
	*/
	add_filter( ‘woocommerce_product_tabs’, ‘woo_rename_tabs’, 98 );

	function woo_rename_tabs( $tabs ) {

	global $product;

	if( $product->has_attributes() \|\| $product->has_dimensions() \|\| $product->has_weight() ) { // Check if product has attributes, dimensions or weight
	$tabs[‘additional_information’][‘title’] = __( ‘Product Data’ ); // Rename the additional information tab
	}

	return $tabs;

	}

	/**
	* Make price widget draggable on touch devices
	*/
	add_action( ‘wp_enqueue_scripts’, ‘load_touch_punch_js’ , 35 );
	function load_touch_punch_js() {
	global $version;

	wp_enqueue_script( ‘jquery-ui-widget’ );
	wp_enqueue_script( ‘jquery-ui-mouse’ );
	wp_enqueue_script( ‘jquery-ui-slider’ );
	wp_register_script( ‘woo-jquery-touch-punch’, get_stylesheet_directory_uri() . “/js/jquery.ui.touch-punch.min.js”, array(‘jquery’), $version, true );
	wp_enqueue_script( ‘woo-jquery-touch-punch’ );
	}

	/**
	* Add custom sorting options (asc/desc)
	*/
	add_filter( ‘woocommerce_get_catalog_ordering_args’, ‘custom_woocommerce_get_catalog_ordering_args’ );
	function custom_woocommerce_get_catalog_ordering_args( $args ) {
	$orderby_value = isset( $_GET[‘orderby’] ) ? wc_clean( $_GET[‘orderby’] ) : apply_filters( ‘woocommerce_default_catalog_orderby’, get_option( ‘woocommerce_default_catalog_orderby’ ) );
	if ( ‘random_list’ == $orderby_value ) {
	$args[‘orderby’] = ‘rand’;
	$args[‘order’] = ”;
	$args[‘meta_key’] = ”;
	}
	return $args;
	}
	add_filter( ‘woocommerce_default_catalog_orderby_options’, ‘custom_woocommerce_catalog_orderby’ );
	add_filter( ‘woocommerce_catalog_orderby’, ‘custom_woocommerce_catalog_orderby’ );
	function custom_woocommerce_catalog_orderby( $sortby ) {
	$sortby[‘random_list’] = ‘Random’;
	return $sortby;
	}

	/**
	* Change the default state and country on the checkout page
	*/
	add_filter( ‘default_checkout_billing_country‘, ‘change_default_checkout_country‘ );
	add_filter( ‘default_checkout_billing_state‘, ‘change_default_checkout_state‘ );

	function change_default_checkout_country() {
	return ‘XX‘; // country code
	}

	function change_default_checkout_state() {
	return ‘XX‘; // state code
	}

	/**
	* Change the default country on the checkout for non-existing users only
	*/
	add_filter( ‘default_checkout_billing_country’, ‘change_default_checkout_country’, 10, 1 );

	function change_default_checkout_country( $country ) {
	// If the user already exists, don’t override country
	if ( WC()->customer->get_is_paying_customer() ) {
	return $country;
	}

	return ‘DE’; // Override default to Germany (an example)
	}

	/**
	* Override loop template and show quantities next to add to cart buttons
	*/
	add_filter( ‘woocommerce_loop_add_to_cart_link’, ‘quantity_inputs_for_woocommerce_loop_add_to_cart_link’, 10, 2 );
	function quantity_inputs_for_woocommerce_loop_add_to_cart_link( $html, $product ) {
	if ( $product && $product->is_type( ‘simple’ ) && $product->is_purchasable() && $product->is_in_stock() && ! $product->is_sold_individually() ) {
	$html = ‘<form action=”‘ . esc_url( $product->add_to_cart_url() ) . ‘” class=”cart” method=”post” enctype=”multipart/form-data“>‘;
	$html .= woocommerce_quantity_input( array(), $product, false );
	$html .= ‘<button type=”submit” class=”button alt“>‘ . esc_html( $product->add_to_cart_text() ) . ‘button>‘;
	$html .= ‘form>‘;
	}
	return $html;
	}

	/**
	* Allow HTML in term (category, tag) descriptions
	*/
	foreach ( array( ‘pre_term_description’ ) as $filter ) {
	remove_filter( $filter, ‘wp_filter_kses’ );
	if ( ! current_user_can( ‘unfiltered_html’ ) ) {
	add_filter( $filter, ‘wp_filter_post_kses’ );
	}
	}

	foreach ( array( ‘term_description’ ) as $filter ) {
	remove_filter( $filter, ‘wp_kses_data’ );
	}

	/**
	* Add custom tracking code to the thank-you page
	*/
	add_action( ‘woocommerce_thankyou’, ‘my_custom_tracking’ );

	function my_custom_tracking( $order_id ) {

	// Lets grab the order
	$order = wc_get_order( $order_id );

	/**
	* Put your tracking code here
	* You can get the order total etc e.g. $order->get_total();
	*/

	// This is the order total
	$order->get_total();

	// This is how to grab line items from the order
	$line_items = $order->get_items();

	// This loops over line items
	foreach ( $line_items as $item ) {
	// This will be a product
	$product = $order->get_product_from_item( $item );

	// This is the products SKU
	$sku = $product->get_sku();

	// This is the qty purchased
	$qty = $item[‘qty’];

	// Line item total cost including taxes and rounded
	$total = $order->get_line_total( $item, true, true );

	// Line item subtotal (before discounts)
	$subtotal = $order->get_line_subtotal( $item, true, true );
	}
	}