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.
{width="700" modal="regular"}
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
-
Na barra lateral Admin, vá para Content > Elements>Widgets.
-
Clique em Add Widget.
-
Na seção Settings:
-
Defina Type com o tipo de widget que deseja criar.
-
Verifique se Design Theme está definido como o tema atual.
{width="600" modal="regular"}
-
-
Clique em Continue.
Etapa 2: especificar as propriedades e o layout da loja
-
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.){width="600" modal="regular"}
-
-
Na seção Layout Updates, clique em Add Layout Update.
-
Defina Display On como o tipo de página em que ele deve aparecer.
-
Na lista Container, escolha a área do layout de página onde ele deve ser colocado.
{width="600" modal="regular"}
-
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.
-
No painel esquerdo, escolha Widget Options.
-
Clique em Select Block.
-
Digite um Title para aparecer acima da lista, como
Featured Products
. -
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
-
Quando terminar, clique em Save.
-
Quando solicitado, siga as instruções na parte superior do espaço de trabalho para atualizar o cache conforme necessário.
-
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
-
Na barra lateral Admin, vá para Content > Elements>Widgets.
-
Localize o widget usando os filtros acima da grade e clique no nome do widget.
-
Faça as alterações necessárias.
Revise as etapas para criar um widget para obter informações sobre as opções do widget.
-
Clique no Save.
Excluir um widget
-
Na barra lateral Admin, vá para Content > Elements>Widgets.
-
Localize os widgets usando os filtros acima da grade e, em seguida, marque a caixa de seleção dos widgets a serem excluídos.
-
No canto superior esquerdo da lista, defina Actions como
Delete
. -
Quando terminar, clique em Submit.
-
Para confirmar a ação, clique em OK.