Widgets no Magento

Escrito por Mario SAM

Em resumo, um widget é um componente de interface gráfica capaz de carregar elementos visuais (formulários, botões, menus, ícones, textos, imagens, etc).

No Magento este recurso foi incorporado à partir da versão 1.4.x CE com o objetivo de agregar funções externas ao sistema de maneira muito mais rápida e fácil.

Na teoria pode parecer abstrato demais, por isso vamos ver alguns exemplos na prática.

Usando widget do sistema

O Magento já traz alguns widgets prontos para uso. Então ao editar uma página no CMS você pode usar por exemplo:

Carregar um bloco do CMS:

{{widget type="cms/widget_block" template="cms/widget/static_block/default.phtml" block_id="1"}}

Carregar uma página do CMS:

{{widget type="cms/widget_page_link" anchor_text="texto exemplo" title="titulo exemplo" template="cms/widget/link/link_block.phtml" page_id="4"}}

Linkar para uma categoria:

{{widget type="catalog/category_widget_link" anchor_text="texto personalizado" title="titulo personalizado" template="catalog/category/widget/link/link_block.phtml" id_path="category/4"}}

Linkar para um produto:

{{widget type="catalog/product_widget_link" anchor_text="texto personalizado" title="titulo personalizado" template="catalog/product/widget/link/link_block.phtml" id_path="product/1"}}

Exibir novos produtos:

{{widget type="catalog/product_widget_new" display_type="new_products" show_pager="1" products_per_page="5" products_count="10" template="catalog/product/widget/new/content/new_grid.phtml"}}

Formulário de pedidos e devoluções:

{{widget type="sales/widget_guest_form"}}

Lista de produtos comparados:

{{widget type="reports/product_widget_compared" page_size="5" template="reports/widget/compared/content/compared_grid.phtml"}}

Lista de produtos visualizados:

{{widget type="reports/product_widget_viewed" page_size="5" template="reports/widget/viewed/content/viewed_grid.phtml"}}

Você pode adicionar este código como parte do conteúdo da página, ou fazer tudo visualmente (por cliques). Cada opção de widget selecionada traz um conjunto de configurações diferentes, por isso não é viável explicar cada uma delas em um único post.

Além do básico

Como dito no início do post, esse módulo foi inserido no sistema com o propósito de facilitar e expandir os horizontes de funcionalidades da sua loja.

Por isso é possível criar novos widget’s além dos fornecidos pelo sistema. Para isso acesse no seu backend:

CMS > Widgets [+ Criar Widget]

Um novo conjunto de configurações será apresentado dependendo do tipo widget selecionado. Por isso não cabe nesse post explicar cada conjunto de configurações.

No site oficial da Magento você encontra informações básicas e complementares a respeito, acesse: www.magentocommerce.com/blog/comments/introducing-magento-widgets

Assista ao vídeo-post desse artigo para ver como é possível configurar sua página inicial usando apenas widget’s.

Sucesso!

O Autor

Mario SAM

Desenvolvedor Magento com certificação M1 Developer e M1 FrontEnd Developer. Graduado em Web Design e Programação, pós-graduado em Gestão de Projetos e TI. Não sou matemático mas estou aqui para somar.