Criação de uma nova aba para busca + edição no Css de um plugin

Contexto Geral do Projeto

Por padrão do Woocommerce quando preciso buscar por um pedido, tenho que clicar em "Woocommerce", clicar em "pedidos", digitar o número do pedido no campo de busca, clicar em buscar, dai ele abre uma lista e eu tenho que clicar no número do pedido correspondente e só ai ele abre os detalhes do pedido. Para buscar outro, eu tenho que voltar para tela de "pedidos". Como tenho que fazer varias conferencias de pedidos, o processo fica lento. O que preciso: apenas digitar o número do pedido em um campo e quando clicar em "buscar, os dados já aparecerem embaixo (caso ele não encontre, retornar um aviso de erro). Fiz uma tela de exemplo (anexo) onde teria uma aba chamada "terminal" e nela apenas o campo de busca que fica fixo no topo. Quando eu digitar o número e clicar em "buscar" o resultado já apareceria embaixo (são os campos padrões do woocommerce). Dai caso eu precisasse buscar por outro, eu só digitaria no campo superior novamente e clicaria em 'buscar', sem precisar navegar por páginas, tudo em uma tela só. Edit: Preciso também na edição do CSS de um plugin que gera as etiquetas. Ele é gringo e não reconhece o campo "bairro" e "complemento" na hora de gerar as etiquetas. O plugin possui um painel para customização livre, então seria adicionar esses campos na etiqueta. Deixando elas no padrão BR.

Categoria TI e Programação
Subcategoria Lojas Virtuais (e-commerce)
Qual é o alcance do projeto? Alteração média
Isso é um projeto ou uma posição de trabalho? Um projeto
Tenho, atualmente Eu tenho especificações
Disponibilidade requerida Conforme necessário
Funções necessárias Desenvolvedor

Prazo de Entrega: Não estabelecido

Habilidades necessárias