Personalização com o Inspetor de pré-visualização

Use o inspetor de pré-visualização para navegar até seções e blocos direto da janela de pré-visualização e encontrar as configurações correspondentes de forma mais rápida e intuitiva. Com o inspetor de pré-visualização, é possível reordenar, ocultar ou duplicar seções e blocos direto da janela de pré-visualização.

O inspetor de pré-visualização está disponível para todos os temas gratuitos da Shopify e é ativado por padrão.

Ativar ou desativar o inspetor de pré-visualização

Clique no botão para ativar ou desativar o inspetor de pré-visualização durante a sessão de edição.

Com o inspetor de pré-visualização ativado, clique em qualquer elemento contornado para abrir a configuração correspondente. Em um dispositivo móvel, com o inspetor de pré-visualização ativado, clique em qualquer elemento para selecionar a configuração correspondente. Abra a página inferior para fazer edições nessa configuração selecionada.

Ao clicar em qualquer parte do site na janela de pré-visualização, as configurações correspondentes são carregadas na barra lateral. Em um dispositivo móvel, tocar duas vezes permite navegar no site como um cliente.

Adicionar seções e blocos no inspetor de pré-visualização

Ao usar o inspetor de pré-visualização, é possível adicionar seções e blocos ao tema diretamente da janela de pré-visualização. Para usar o inspetor de pré-visualização no app da Shopify, pressione e segure uma seção para gerenciá-la.

Descrições dos botões “Adicionar seções” e “Adicionar blocos” no inspetor de pré-visualização.

Ferramenta	Descrição
Adicionar seção	O botão Adicionar seção é exibido na parte superior e inferior da seção selecionada. Clique no botão Adicionar seção para inserir uma nova seção acima ou abaixo da seção selecionada.
Adicionar bloco	O botão Adicionar bloco é exibido quando você passa o cursor sobre um bloco existente. Para adicionar um bloco, mova o cursor sobre o botão . Um menu pop-up é exibido com os blocos de temas e de apps que podem ser adicionados à seção selecionada. Clique no bloco que você quer adicionar. A janela de configurações do novo bloco é carregada na barra lateral direita.

Ferramentas do inspetor de pré-visualização

É possível mover, ocultar, duplicar ou excluir seções e blocos no editor de temas com o inspetor de pré-visualização.

Lista das ferramentas disponíveis no inspetor de pré-visualização, incluindo mover, duplicar, ocultar e excluir seções ou blocos.

Ferramenta	Ação	Descrição
	Mover para a posição anterior	Clique neste botão para mover uma seção ou um bloco para a posição seguinte ou anterior usando os ícones de seta no inspetor de pré-visualização. Se a seção selecionada estiver na parte superior da página, o botão ficará esmaecido. Da mesma forma, se a seção estiver na parte inferior da página, não será possível usar o botão .
	Mover para a posição seguinte
	Duplicar seção ou bloco	Clique neste botão para duplicar uma seção ou um bloco e seu conteúdo.
	Ocultar seção ou bloco	Clique neste botão para ocultar uma seção ou um bloco. Quando uma seção ou um bloco está oculto, não é possível reexibi-lo pelo inspetor de pré-visualização. Para reexibir, clique no botão na barra de menus ou no botão no menu da barra lateral ao lado da seção ou do bloco.
	Excluir seção ou bloco	Este botão exclui a seção ou o bloco selecionado no inspetor de pré-visualização.