Você tem várias opções para otimizar o formulário de pedido do seu construtor de carrinho para uso em dispositivos móveis, como smartphones e tablets.

Mostrar e ocultar componentes

Um método fácil para manter o conteúdo enxuto em dispositivos móveis é mostrar e ocultar componentes. Para fazer isso, adicione cada componente duas vezes e otimize-os separadamente para visualizações de desktop e móveis. Dependendo do tipo de tela, apenas o conteúdo correspondente será exibido enquanto os outros estarão ocultos.

1. Adicione um componente ao seu formulário de pedido do construtor de carrinho.

2. Clique no ícone duplicar do componente para inserir uma cópia do componente abaixo.

3. Configure os dois componentes para que um seja exibido apenas em dispositivos desktop e o outro apenas em dispositivos móveis. Consulte mostrar e ocultar elementos da página para mais informações.

4. Otimize os componentes para a respectiva visualização. Use as opções abaixo para a visualização móvel.

5. Repita isso para todos os componentes do seu formulário de pedido.

Ocultar imagens de produtos

No componente lista de produtos, você encontrará a caixa de seleção ocultar imagens de produtos em dispositivos móveis. Marque esta caixa para que as imagens dos produtos não sejam exibidas em dispositivos móveis. Dessa forma, o espaço em telas pequenas é melhor utilizado para exibir texto.

Ajustar o tamanho da fonte

Nos componentes onde você pode definir o tamanho da fonte, você também pode definir o tamanho da fonte para dispositivos móveis.

1. Clique no ícone móvel no cabeçalho do construtor de carrinho para habilitar a visualização móvel. Dessa forma, você pode ver as mudanças diretamente.

2. Clique no ícone engrenagem de um componente inserido. A barra lateral de configurações será exibida.

3. Se suportado pelo componente, haverá campos para tamanho da fonte cabeçalhos - móvel e/ou tamanho da fonte - móvel.

   1. Para ativar a configuração, clique no botão azul abaixo editar tamanho da fonte móvel. Um controle deslizante ou uma lista suspensa para valores fixos será exibido.

   2. Para desativar a configuração, clique no botão vermelho à esquerda do controle deslizante ou lista suspensa. O botão azul será exibido novamente. Quando a configuração estiver desativada, os valores de tamanho de fonte da visualização de desktop serão aplicados aos dispositivos móveis.