Na minha página apareceu uma barra com a logo da Sopify e uma opção para editar. Como remover essa barra?
Meu tema é Wharehouse
Topic summary
Um usuário está vendo uma barra de edição com o logo da Shopify em sua loja e quer removê-la.
Esclarecimento importante:
- A barra faz parte do editor de temas e só aparece para administradores logados
- Os clientes não veem essa barra
- Pode ser fechada clicando no X
Solução temporária:
Fechar a barra manualmente quando necessário (recomendado)
Solução permanente (via código):
Se realmente desejar remover permanentemente:
- Duplicar o tema antes de fazer alterações
- Ir em Loja Virtual > Temas > 3 pontinhos > Editar código
- Buscar por
theme.css - Adicionar
#admin-bar-iframe{display:none!important;}na última linha - Salvar as alterações
Avisos:
- A Shopify não se responsabiliza por alterações no código
- Não é recomendado fazer essa alteração para algo que só administradores veem
- Diferentes versões do tema Warehouse podem ter visualizações diferentes
Olá, @EvandroCC
Ficarei feliz em te orientar com isso. Você se refere a essa barra aqui?
Se sim, essa barra faz parte das funções do editor de temas, e somente aparece para os administradores da conta. Fique tranquilo que seus clientes não verão essa barra. Você só está vendo isso porque está logado em sua conta. Você pode clicar no X e fechar a barra quando quiser.
Dito isso, não é possível fazer essa barra parar de aparecer para sempre sem fazer uma alteração no código do tema. Irei adicionar os passos abaixo porém, tenha em mente o seguinte:
-
Os agentes de suporte geral da Shopify não são especialistas em código. Eu testei esse código em minha loja e ele funcionou, no entanto, a decisão de colocá-lo em sua loja é sua e a Shopify não se responsabiliza por alterações no código feitas pelos lojistas.
-
Alterações no código do tema podem ser complicadas para quem não é desenvolvedor, portanto, duplique seu tema antes de fazer qualquer alteração no código para guardar uma cópia de segurança.
-
O tema Warehouse pode ter várias versões, então não sei se a versão que você está usando é a mais recente presente em nossa loja de temas. Isso significa que sua visualização (e até mesmo a resolução) pode ser diferente da minha.
-
Não recomendo que você faça essa alteração por algo que seus clientes não irão ver, e que possui uma solução rápida e fácil (clicar no X). Mas caso queira muito remover a barra, aqui vai o tutorial.
Remover a barra de edição do tema:
- Em seu admin vá em Loja Virtual > Temas
- Ao lado do tema clique nos 3 pontinhos > Editar código.
- Digite theme.css na busca e selecione a opção theme.css
- Na última linha do tema, cole o código #admin-bar-iframe{display:none!important;}
- Salve as alterações. Caso queira voltar à versão anterior, remova o código.
Se tiver alguma dúvida, deixe um comentário e ficarei feliz em ajudar.