How to add a sub menu under Dokan plugin’s vendor dashboard

There is no easy way to add a sub menu under Dokan plugin’s vendor’s dashboard. Dokan is a multi vendor plugin for WooCommerce. I used Woodmart wordpress theme from ThemeForest. You need to know a bit of coding in PHP and understand Dokan plugin documentation to impletlememt a sub menu. Copy paste the below in theme’s function.php file and replace some texts as per your need.

Main Code

function shipping_rules_submenu( $submenu_items, $nav_key ) {
    if ( 'settings' === $nav_key ) {
        $submenu_items = array_merge(
            $submenu_items,
            [
                'shipping_rules' => array(
                    'title'      => __( 'Shipping Rules', 'dokan-lite' ),
                    'icon'       => '<i class="far fa-credit-card"></i>',
                    'url'        => 'put your link',
                    'pos'        => 70,
                    'permission' => 'dokan_view_store_payment_menu',
                ),
            ]
        );
    }

    return $submenu_items;
}

add_filter( 'dokan_dashboard_nav_submenu', 'shipping_rules_submenu', 10, 2 );

Explanation

dokan_dashboard_nav_submenu is the function that does the work. settings is the main menu that will hold the sub menu name “Shipping Rules”. Tweak the code to get desired result.

Does it work? Comment and share if it helps. Follow our blog to Learn more about WordPress

How to add HTML text inside WooCommerce product description tab

On our woocommerce website, we wanted to add text and HTML before and after the product description that is inside the description tab. After applying many PHP codes the below code served our purpose.

Main Code

// add html inside product description tab after main content
function add_in_product_description_tab($content){
  //only add text before WordPress posts
  if( is_product() ){
	  
    $before = '<h3>'.do_shortcode('[product_name id="'.get_the_ID().'"]').'</h3>';
	
    $after = '<div class="dkhmyenr"><h4>of '.do_shortcode('[product_name id="'.get_the_ID().'"]').' in country?</h4><p>The of '.do_shortcode('[product_name id="'.get_the_ID().'"]').' in is <strong>৳'.do_shortcode('[silva_product_price id="'.get_the_ID().'"]').'</strong> You can buy the '.do_shortcode('[product_name id="'.get_the_ID().'"]').' with reasonaover <strong>US</strong>.</p></div>';	
    //modify the incoming content 
    $content = $before . $content . $after; 
  } 
  return $content; 
}  
add_filter( 'the_content', 'add_in_product_description_tab' );

Copy the above PHP code in your theme’s function.php and change text, shortcode, HTML as per your need.

Explanation

With the code above, we are only targeting woocommerce product page, here $before is what you get before the main description and $after is after the product description. It is for all woocommerce products.

This is similar to page and post content, tweak it and apply, but you must know programming or coding to experiment.

Does it work? Comment and share if it helps. Follow our blog to Learn more about WordPress

How to remove points earned & redeemed from WooCommerce invoice

For WooCommerce eCommerce website, I wanted to remove or delete, a better word is hide Message to display Earned Points” and “Message to Redeemed Points” from Invoice that I am printing for Orders. I wrote my experience below in steps that will help you to hide it from invoice if you don’t want to show it in your printed invoice.

SUMO Reward Points – WooCommerce Reward System

We are using SUMO Reward Points – WooCommerce Reward System WordPress plugin for points reward system for our woocommerce website. This helps us give customers points when they buy from our website, and later customers can use those points to redeem discounts for their next order. This is a paid plugin with many options and helps us a lot when returning customers can avail discounts and comes back to buy from us again and again.

PDF Invoices & Packing Slips for WooCommerce


We are using PDF Invoices & Packing Slips for WooCommerce WordPress plugin to generate Invoices to print when delivering the parcel also this invoice is attached to the email that customers receive after placing the order. We are using the free version from the WordPress plugin repository. This is a fantastic plugin that also has options and if you have coding knowledge you can highly customize the Invoice or packaging slip output by adding extra text and images inside Invoice.

From Invoice pdf

How to remove points earned & redeemed from WooCommerce invoice
Points Redeemed in this Order
How to remove points earned & redeemed from WooCommerce invoice
Points Earned in this Order

I wanted to hide those from my printed invoice because these lines doesn’t matter, as the points redeemed discounts are already shown on the middle part of the Invoice and I need to cut extra piece of paper every time for packaging, therefore, printing it twice on same page was a waste.

SUMO Reward Points – WooCommerce Reward System – plugin options with HTML

While searching for “Message to display Earned Points” and “Message to Redeemed Points” I found it inside SUMO plugin options like the below screenshots

How to remove points earned & redeemed from WooCommerce invoice
Message to Redeemed Points
How to remove points earned & redeemed from WooCommerce invoice
Message to display Earned Points

You will find these option fields on Sumo plugin modules, please go through the options and type in the keyboard “Ctrl+F” to find the text and jump on it.

From the above 2 screenshots, I used HTML to wrap the message and applied <div class.. to hook the message from invoice and used CSS to display:none; that is hide it from invoice. I used HTML CSS here because if you make this message off by clicking the checkbox this message will also be hidden from Order edit wp-admin page, which we don’t want, rather we want to hide it from Invoice only.

How to remove points earned & redeemed from WooCommerce invoice
Order edit wp-admin page

CSS Code

How to remove points earned & redeemed from WooCommerce invoice
CSS code for style.css file

Put your CSS code as per above format marked in red box. Style.css is located under theme folder / woocommerce / invoice folder – these folders are responsible for Invoice customization, these folder structures are documented here.

Checking HTML output

While doing customization you can check the changes live by generating HTML rather than generating pdf every time after making a small code change, by following the below screenshot. So after you are done with the changes you can turn off the checkbox and output PDF as permanent for invoice print.

How to remove points earned & redeemed from WooCommerce invoice
HTML output URL

Done

The final invoice will have no messages at the bottom.

How to remove points earned & redeemed from WooCommerce invoice
final invoice pdf

Conclusion

You can experiment with different HTML and CSS to customize the Invoice as per your needs. Need any help send me a message! Please share this tutorial if it really helped.

Check Most Recent Posts