Ir para conteúdo principal

Alterar o posicionamento e o preenchimento no editor de produtos (aplicação web)

C
Escrito por Craig Wright

Utilize a funcionalidade «Layout» do Editor de Produtos para criar designs de imagens de produtos mais equilibrados. Esta funcionalidade permite-lhe:

  • Ajustar com precisão a posição do produto na imagem

  • Controlar a quantidade de espaço em torno do produto.

Passos (Aplicação Web)

Para alterar o posicionamento e o espaçamento das imagens dos produtos:

  1. Abra o seu catálogo de produtos do Shopify e selecione o produto que pretende editar.

  2. Selecione as imagens do produto que pretende editar.
    ​
    Para saber mais sobre como selecionar imagens, consulte «Como selecionar imagens no editor de Produtos».
    ​

  3. Selecione «Layout».

  4. Escolha a posição da camada principal em primeiro plano nas suas imagens:
    ​

    • Original:
      Redefine a camada para a sua posição original.
      ​

    • Centro:
      Coloca a camada principal do primeiro plano no centro da tela.
      ​

    • Personalizado:
      Utilize esta opção para ajustar manualmente o alinhamento e o tamanho da camada de primeiro plano.


    ​Se escolher «Original», pode ignorar os passos restantes.
    ​

  5. Controle a forma como o Photoroom utiliza o preenchimento.
    ​

    • Ative a opção «Ignorar preenchimento nos lados recortados » para ignorar o preenchimento em quaisquer imagens em que o conteúdo toque nas bordas da tela.
      ​

    • Desative a opção «Ignorar preenchimento nos lados recortados » para utilizar o preenchimento em todas as imagens.
      ​
      ​

  6. Defina o preenchimento para cada lado da imagem. A área sombreada na pré-visualização corresponde ao preenchimento.

  7. Utilize «Alinhar» para definir a posição da camada de primeiro plano na sua imagem. Escolha uma posição da lista.

  8. Utilize a opção «Escalar» para definir as proporções do conteúdo. A opção «Escalar» só está disponível quando a opção «Ignorar preenchimento nos lados recortados» estiver desativada.
    ​

    • Preencher:
      Ajusta o tamanho do conteúdo para preencher o espaço disponível.
      ​

    • Ajustar:
      Faz com que o conteúdo se adapte ao espaço disponível.
      ​

  9. [Opcional] Utilize o editor de produtos para efetuar alterações adicionais, tais como adicionar texto ou camadas gráficas.

  10. Quando terminar a edição, publique as suas alterações.
    ​

Dica: Se o produto parecer desalinhado, tente desativar a opção «Ignorar preenchimento nos lados recortados ».

Conteúdo relacionado

Isto respondeu à sua pergunta?