Muhammad Shoaib imuhammadshoaib

Thank you Stefano Mortellaro for the code!

<style type="text/css">
#main-header .et_mobile_menu .menu-item-has-children > a { background-color: transparent; position: relative; }
#main-header .et_mobile_menu .menu-item-has-children > a:after { font-family: 'ETmodules'; text-align: center; speak: none; font-weight: normal; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; position: absolute; }
#main-header .et_mobile_menu .menu-item-has-children > a:after { font-size: 16px; content: '\4c'; top: 13px; right: 10px; }
#main-header .et_mobile_menu .menu-item-has-children.visible > a:after { content: '\4d'; }
#main-header .et_mobile_menu ul.sub-menu { display: none !important; visibility: hidden !important;  transition: all 1.5s ease-in-out;}
#main-header .et_mobile_menu .visible > ul.sub-menu { display: block !important; visibility: visible !important; }
</style>

VueJs and PHP

Setup

Download the development version from: https://vuejs.org/js/vue.js and the production version: https://vuejs.org/js/vue.min.js
Copy this files into the public/js folder

First test

First we have a basic HTML boilerplate file. Create a test file: public/index.php

	<!DOCTYPE html>
	<html>
	<head>
	<meta charset="UTF-8" />
	<title>Add React in One Minute</title>
	</head>
	<body>

	<h2>Add React in One Minute</h2>
	<p>This page demonstrates using React with no build tooling.</p>

	<!doctype html>
	<title>Site Maintenance</title>
	<style>
	body { text-align: center; padding: 150px; }
	h1 { font-size: 50px; }
	body { font: 20px Helvetica, sans-serif; color: #333; }
	article { display: block; text-align: left; width: 650px; margin: 0 auto; }
	a { color: #dc8100; text-decoration: none; }
	a:hover { color: #333; text-decoration: none; }
	</style>

	<?php
	/**
	* deploy.php by Hayden Schiff (oxguy3)
	* Available at https://gist.github.com/oxguy3/70ea582d951d4b0f78edec282a2bebf9
	*
	* No rights reserved. Dedicated to public domain via CC0 1.0 Universal.
	* See https://creativecommons.org/publicdomain/zero/1.0/ for terms.
	*/

	// random string of characters; must match the "Secret" defined in your GitHub webhook

	//short code to get the woocommerce recently viewed products
	<?php function custom_track_product_view() {
	if ( ! is_singular( 'product' ) ) {
	return;
	}

	global $post;

	if ( empty( $_COOKIE['woocommerce_recently_viewed'] ) )
	$viewed_products = array();

-/**
- * 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

	/**
	* 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

	/**
	* 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

	/**
	* 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;
	}