> ## Documentation Index
> Fetch the complete documentation index at: https://docs.martan.app/llms.txt
> Use this file to discover all available pages before exploring further.

# Uso com Storefront v1 (E-Com.Plus)

> Configuração dos widgets no Storefront v1 da E-Com Plus

[Demo](https://demo.martan.app)

### Configurar Widgets

Integrado ao storefront disponibilizamos três tipos de widgets; Rating, Reviews e Perguntas e Responstas.
Para usá-lo basta procurar o widget do Martan na coleção de Widget no seu CMS.
Após habilitar o Widget basta configurar quais widgets quer exibir e outras opções.

<img src="https://mintcdn.com/martan/ZcnuCrSj398xLygx/images/cms-config.png?fit=max&auto=format&n=ZcnuCrSj398xLygx&q=85&s=35eb72aa1a8e6195120ceffba7c42f39" alt="title" width="1628" height="862" data-path="images/cms-config.png" />

## Configurações

<ResponseField name="Id da Loja (StoreId)" type="number" required>
  Identificador da Loja [Ver](https://dash.martan.app/stores).
</ResponseField>

<ResponseField name="Web Id (Api-Key)" type="string" required>
  Web Id [Ver](https://dash.martan.app/stores).
</ResponseField>

<ResponseField name="Ativar" type="boolean" default="false">
  Opção para habilitar exibição dos widgets no storefront.
</ResponseField>

Feita as configurações iniciais podemos configurar quais widgets iremos usar.

### Widget Rating (Card Produtos)

<img src="https://mintcdn.com/martan/ZcnuCrSj398xLygx/images/cms-rating.png?fit=max&auto=format&n=ZcnuCrSj398xLygx&q=85&s=d91d0428a32de085c7619afe8794c562" alt="title" width="586" height="932" data-path="images/cms-rating.png" />

## Opções

<ResponseField name="Habilitar Widget" type="boolean" default="false">
  Opção para habilitar exibição do widget no storefront.
</ResponseField>

<ResponseField name="Exibir na página de Pesquisa?" type="boolean" default="false">
  Opção para exibir widget no card de produtos na página de pesquisa
</ResponseField>

<ResponseField name="Tamanho da Fonte" type="number">
  Tamanho do icone das estrelas
</ResponseField>

<ResponseField name="Cor do Icone de Estrelas" type="string">
  Cor do icone
</ResponseField>

<ResponseField name="Estilo do Widget" type="string">
  Estilo do Widget: Pode ser Completo ou Compacto.
</ResponseField>

<ResponseField name="Exibição condicional" type="string">
  Quando exibir o widget: Exibir sempre ou apenas quando o produto tiver mais de 1 avaliação.
</ResponseField>

<img src="https://mintcdn.com/martan/ZcnuCrSj398xLygx/images/cms-rating-config.png?fit=max&auto=format&n=ZcnuCrSj398xLygx&q=85&s=3e15db8e9f8d263770f8e3eb99e543ff" alt="title" width="1562" height="1626" data-path="images/cms-rating-config.png" />

### Widget Reviews

<img src="https://mintcdn.com/martan/ZcnuCrSj398xLygx/images/cms-reviews.png?fit=max&auto=format&n=ZcnuCrSj398xLygx&q=85&s=7319b9bb7e7e5804cd8f5be8da04280a" alt="title" width="1966" height="2310" data-path="images/cms-reviews.png" />

## Opções

<ResponseField name="Habilitar Widget" type="boolean" default="false">
  Opção para habilitar exibição do widget no storefront.
</ResponseField>

<ResponseField name="Título" type="string">
  Título do Widget (exibido na página de produtos)
</ResponseField>

<ResponseField name="Cor do Icone de Estrelas" type="string">
  Cor do icone
</ResponseField>

<ResponseField name="Estilo de Cabeçalho" type="string">
  Opções: Padrão, Histogram, Compacto, Centralizado, Resumo
</ResponseField>

<ResponseField name="Estilo do Layout" type="string">
  Opções: Grid ou Lista
</ResponseField>

### Widget Perguntas e Respostas

<img src="https://mintcdn.com/martan/ZcnuCrSj398xLygx/images/cms-questions.png?fit=max&auto=format&n=ZcnuCrSj398xLygx&q=85&s=21887b2bac249e56445f404ebfa79a59" alt="title" width="2352" height="1262" data-path="images/cms-questions.png" />

## Opções

<ResponseField name="Habilitar Widget" type="boolean" default="false">
  Opção para habilitar exibição do widget no storefront.
</ResponseField>

<ResponseField name="Título" type="string" default="Perguntas e respostas">
  Título do Widget (exibido na página de produtos)
</ResponseField>

<ResponseField name="Habilitar novas perguntas" type="boolean" default="true">
  Habilitar novas perguntas
</ResponseField>