Loja Integrada - Removendo a lateral da página de categorias | Social UP

Loja Integrada - Removendo a lateral da página de categorias

Algumas das coisas que vêm com a Loja Integrada, auxiliam, são boas e devemos utilizar. Esta lateral é um bom exemplo de algo extremamente útil e que recomendamos que não seja removido. Mas como nos foi solicitado um vídeo explicando como remover a lateral das páginas de categoria na Loja Integrada, aí estamos nós.

Entendo que a lateral da página das categorias é interessante, serve bem como filtro, mas nem todos têm tantos produtos assim para que haja filtro. Então, para estes casos é interessante seguir esse vídeo. Agora, caso você possua muitos produtos em uma categoria, com variações de cor, número, voltagem, o que for, preocupe-se com a usabilidade do cliente e não aplique tais códigos.

Gosto sempre de deixar o pessoal bem à vontade, então você tem dois passos que podem ser seguidos, ou você assiste ao vídeo e entende o porquê das coisas serem feitas assim, ou então, vai direto ao ponto copiando os códigos daqui e colando respectivamente onde é indicado. Fique à vontade! Se inscreva no nosso canal e deixe um comentário aqui no blog, todos são sempre bem-vindos.






// JAVASCRIPT
$(document).ready(function(){
$('.pagina-categoria .conteudo.span9').removeClass('span9').addClass('span12');
});




/* REMOVER CATEGORIA LATERAL */
.pagina-categoria .coluna.span3 {
display:none;
}

/* AJUSTAR MARGEM*/
.pagina-categoria .conteudo.span12 {
margin-left:0;
}



Erros comuns

- Aplicar CSS ou JS no lugar errado;
- Aplicar CSS sem o ; no final ou sem fechar as chaves {};
- Não aplicar na parte administrativa da loja (Muitos assistem o vídeo e acreditam que basta digitar naquela janela do inspecionar elemento, mas não, utilizamos aquilo apenas para demonstrar em tempo real as modificações);
- Não curtir o vídeo após visualizar :P



Postado originalmente em 16/04/2018

Atualizado em 16/04/2018

Deixe um comentário

O que você achou dessa postagem? Ficou com alguma dúvida, tem algo a acrescentar? Ficaremos muito felizes com o seu comentário. Apenas o seu nome e o comentário ficarão públicos, seu e-mail não será publicado.

Comentários
  • Cleyton
    17/05/2018 01:50:04

    Olá, sua dica funcionou muito bem, porem na pagina de busca a caixa dos produtos continua estreitas ou seja pequenas, como se o menu lateral ainda estivesse lá. Poderia ajudar? Segue pagina minha loja: https://www.comprashop.com.br/buscar?q=bios+notebook+samsung

  • Patrick Hernandes
    06/09/2018 02:48:11

    Qual a diferença entre usar esta linha de códigos e ou escolher não exibir menu lateral lá nas próprias opções da L.I ?

  • Alberto Neto
    11/11/2018 18:54:10

    Olá! Bom, eu acompanhei vários videos de vocês e gostei muito. Tanto que estou aqui para saber como funciona a ajuda de vocês. Eu queria abrir uma loja virtual ou site ate porque não sei o que seria melhor. Eu preciso de ajuda para saber qual seria melhor pro meu seguimento (Produtos Importados diversos - Relógios, roupas, calçados, óculos, eletrônicos e etc.) E também levando em consideração que também tenho interesse em utilizar DROPSHIPPING nesta mesma loja, assim tendo produtos a pronta entrega e também produtos a prazo de acordo com a necessidade do cliente. ( O DROPSHIPPING é mais por conta dessa facilidade me vender sem ter estoque em questão.

  • Rodrigo
    06/01/2021 19:12:36

    ola! Eduardo Gostaria de saber sem tem como mudar a cor das letras principais da loja integrada