Olá @victorschiavinato, tudo bem?
Talvez não fique tão legal deixar o botão sendo exibido sempre, já que ele tem uma animação “surgindo” ao colocar o mouse por cima, mas para deixar ele visível sempre faça o seguinte:
Lá no seu painel acesse Visual > Incluir código HTML e adicione o trecho de código abaixo no código do cabeçalho (ou crie um novo bloco de código com local de publicação no Cabeçalho ).
<style>
.listagem-item .acoes-produto.hidden-phone{bottom:40%!important;opacity:1!important;}
</style>
O código acima irá forçar sempre a posição deste elemento, evitando que a animação aconteça e que ele fique sempre visível.
Para alterar o ícone de “Lupa” para “Carrinho de Compras” faça o mesmo processo acima, mas com este código aqui:
<style>
.acoes-produto .icon-search:before,
.acoes-produto-responsiva .icon-search:before{
content: "\f07a"!important;
}
</style>
A parte da faixa preta no menu não consegui simular, mas espero que tenha ajudado até aqui 
Abraço!