Suporte » Temas » Tema WooShop Lite

  • Olá pessoal, estou configurando o tema WooShop Lite e já consegui fazer bastante coisa, mas ainda não descobri como:

    – alterar o texto “Shopping Cart” para “Carrinho de Compras” no canto superior direito da página

    – tirar o campo de busca da barra de menu

    – alterar a cor da barra de menu

    Alguém sabe como fazer essas alterações?
    Obrigada!

Visualizando 1 resposta (de um total de 1)
  • Boa tarde!

    Não sei se ainda precisa de ajuda pelo tempo que passou, mas vou fazer a minha parte 😉

    1º – Alterar o texto “Shopping Cart” e outros.

    Você vai em Aparência > Editor e selecione para editar o arquivo “Cabeçalho (header.php)”

    Aperte as teclas Ctrl + F e vai abrir no canto inferior esquerdo uma janela para localizar uma palavra. Digite “Shopping” (sem as aspas). Você vai ver um trecho marcado dentro da seguinte parte do código:

    <a href="<?php echo $woocommerce->cart->get_cart_url(); ?>" id="shopping-cart"></a>
                        	<h6><?php _e('Shopping Cart', 'dessky'); ?></h6>
                            <p><?php _e( 'You have', 'dessky' ); ?> <?php
    						//* display items number */
                            $transl_item = __( 'item', 'dessky'  );
                            $transl_items = __( 'items', 'dessky'  );

    As seguintes partes em negrito: “(‘Shopping Cart‘, ‘dessky’)”, “( ‘You have‘, ‘dessky’ )” e “( ‘items‘, ‘dessky’ )”, são as que você irá substituir respectivamente por: “Carrinho de Compras”, “Você tem” e “itens”, para que fique tudo em Português.

    2º – Tirar o campo de busca

    Ainda em Aparência > Editor, selecione para editar o arquivo “Folha de Estilos (style.css)”

    Aperte novamente as teclas Ctrl + F e na janela que se abrirá, digite “#searchform” (sem as aspas).
    Você verá um trecho marcado na seguinte parte do código:

    /* search */
    #navigation #searchform{
    	position:relative;
    	float:right;
    	margin-right:8px;
    	margin-top:8px;
            display: none;
    }

    A última linha (display: none;) não existe, mas você vai acrescentá-la para fazer sumir o campo de busca que deseja.

    3º – Alterar a cor da barra de menu

    Ainda no mesmo arquivo style.css, você vai digitar lá na busca “#navigation” (sem as aspas).

    O primeiro item que aparecerá marcado é o que você já está, então clique na seta para pular para o próximo item encontrado. Ele te guiará até esse trecho:

    /* TOP MENU */
    #navigation{
    	position:relative;
    	z-index:200;
    	margin:0;
    	padding:0px;
    	background:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAwCAIAAABWuiesAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYxIDY0LjE0MDk0OSwgMjAxMC8xMi8wNy0xMDo1NzowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNS4xIFdpbmRvd3MiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NkJEMTNFRkIyOURDMTFFMjk3MEJDNjVCREJDRjMwQTkiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NkJEMTNFRkMyOURDMTFFMjk3MEJDNjVCREJDRjMwQTkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo2QkQxM0VGOTI5REMxMUUyOTcwQkM2NUJEQkNGMzBBOSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo2QkQxM0VGQTI5REMxMUUyOTcwQkM2NUJEQkNGMzBBOSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Puy/4uEAAAAqSURBVHjaYvz69SsDEmD5//8/Mp+JARWQyifVvOGufjQ8qKueUvMAAgwAvh8wMC5zfx0AAAAASUVORK5CYII=') repeat-x;
    	height:48px;
    	-webkit-border-radius: 5px;
    	-moz-border-radius: 5px;
    	border-radius: 5px;
    }

    Você precisará apagar a função “background” ou apenas desabilitar, utilizando /* antes da palavra “background” e */ após o “repeat-x;”.
    Após feito isso, é só acrescentar a função “background-color: red;
    (nesse caso usei “red” como exemplo, mas você vai colocar a cor que você quiser).

    Espero ter ajudado!

Visualizando 1 resposta (de um total de 1)
  • O tópico ‘Tema WooShop Lite’ está fechado para novas respostas.