Criar e gerenciar widgets

Os widgets são componentes reutilizáveis. Você pode criar widgets facilmente e modificar widgets existentes para atualizar automaticamente o conteúdo em toda a loja. Também é possível excluir widgets que não estão mais em uso.

Widgets

Criar um dispositivo

O processo de criação de um widget é quase o mesmo para cada tipo de widget. Você pode seguir a primeira parte das instruções e então concluir a última parte para o tipo específico de widget desejado.

Etapa 1: Escolher o tipo

  1. Na barra lateral Admin, vá para Content > Elements>Widgets.

  2. Clique em Add Widget.

  3. Na seção Settings:

    • Defina Type com o tipo de widget que deseja criar.

    • Verifique se Design Theme está definido como o tema atual.

      Configurações do widget {width="600" modal="regular"}

  4. Clique em Continue.

Etapa 2: especificar as propriedades e o layout da loja

  1. Na seção Storefront Properties:

    • Para Widget Title, insira um título descritivo para o widget.

      Este título é visível somente do Administrador.

    • Para Assign to Store Views, selecione as exibições de loja nas quais você deseja que o widget fique visível.

      Você pode selecionar um modo de exibição de loja específico ou All Store Views. Para selecionar várias exibições, mantenha pressionada a tecla Ctrl (PC) ou a tecla Command (Mac) e clique em cada opção.

    • (Opcional) Para Sort Order, insira um número para determinar a ordem de exibição deste item com outros na mesma parte da página. (0 = primeiro, 1 = segundo, 3 = terceiro e assim por diante.)

      Propriedades da vitrine {width="600" modal="regular"}

  2. Na seção Layout Updates, clique em Add Layout Update.

  3. Defina Display On como o tipo de página em que ele deve aparecer.

  4. Na lista Container, escolha a área do layout de página onde ele deve ser colocado.

    Atualizações de layout {width="600" modal="regular"}

  5. Se o widget for um link, defina Template como uma das seguintes opções:

    • Block Template - Formata o conteúdo para que ele possa ser colocado como unidade independente na página.
    • Inline Template - Formata o conteúdo para que ele possa ser colocado dentro de outro conteúdo. Por exemplo, um link que vai dentro de um parágrafo de texto.

Etapa 3: completar as opções do widget

As opções para cada tipo de widget variam um pouco, mas o processo é essencialmente o mesmo. O exemplo a seguir exibe a lista de produtos de uma categoria específica, com controles de paginação.

  1. No painel esquerdo, escolha Widget Options.

  2. Clique em Select Block.

  3. Digite um Title para aparecer acima da lista, como Featured Products.

  4. Para controles de paginação, defina Display Page Control como Yes e faça o seguinte:

    • Insira o Number of Products per Page.

    • Insira o total de Number of Products to Display.

    • Defina Condition para a categoria de produtos a serem apresentados.

      O processo é o mesmo que definir uma condição para uma regra de preço.

Etapa 4: salvar e verificar o resultado

  1. Quando terminar, clique em Save.

  2. Quando solicitado, siga as instruções na parte superior do espaço de trabalho para atualizar o cache conforme necessário.

  3. Volte à loja para verificar se o widget está funcionando corretamente.

    Para movê-lo para um local diferente, você pode reabrir o widget e tentar uma página diferente ou referência de bloco.

Demonstração de criação de dispositivo

Para saber mais sobre como criar widgets, assista a este vídeo:

Editar um widget

  1. Na barra lateral Admin, vá para Content > Elements>Widgets.

  2. Localize o widget usando os filtros acima da grade e clique no nome do widget.

  3. Faça as alterações necessárias.

    Revise as etapas para criar um widget para obter informações sobre as opções do widget.

  4. Clique no Save.

Excluir um widget

  1. Na barra lateral Admin, vá para Content > Elements>Widgets.

  2. Localize os widgets usando os filtros acima da grade e, em seguida, marque a caixa de seleção dos widgets a serem excluídos.

  3. No canto superior esquerdo da lista, defina Actions como Delete.

  4. Quando terminar, clique em Submit.

  5. Para confirmar a ação, clique em OK.

recommendation-more-help
2b0136b4-ef75-405f-9734-60d741f198de