Aparência e tema

A aparência do Checkout Rishi é controlada pelo Customizer do WordPress (Aparência → Personalizar → Checkout Inteligente). Tudo que você ajusta tem preview ao vivo: cores, tipografia, espaçamentos, botões, depoimentos, urgência, rodapé.

Filosofia de design

O layout padrão é otimizado para conversão e mantido propositalmente simples. Recursos tentadores como cabeçalhos elaborados ou animações pesadas são desencorajados — eles aumentam o tempo de carregamento e desviam a atenção da finalização.

Mude cores e logo livremente. Mude estrutura só com bom motivo.

Seções do Customizer

São 10 seções principais:

Cores

Praticamente todos os elementos têm controle de cor no Customizer. Para ajustes mais específicos (cores de mensagens de erro, hover de inputs), use o campo CSS personalizado em Customizer → Avançado.

Cabeçalho

O Customizer permite ajustar:

• Logo da loja (upload ou URL).
• Cores de fundo e texto.
• Espaçamentos.
• Selo de segurança.

Para textos extras ou ícones, use o filtro wc_smart_checkout_after_header (veja Hooks e filtros).

Rodapé

O rodapé pode incluir:

• Texto livre (Customizer → Rodapé).
• Menu de links (políticas, termos, contato). Use Aparência → Menus com destino "Checkout".
• Ícones de pagamento (com ordem customizável).

Cabeçalho e rodapé do tema/Elementor

Você pode forçar o checkout a usar o cabeçalho e rodapé do tema (ou um header/footer do Elementor Pro). Em Customizer → Avançado, ative Carregar estilos do Elementor.

Templates customizados

Para mudanças que o Customizer não cobre, copie os templates para o tema:

• seutema/smart-checkout/header.php
• seutema/smart-checkout/footer.php

Edite à vontade. O plugin detecta os arquivos no tema e usa eles em vez dos padrões.

CSS e JS personalizados

Use o campo CSS personalizado em Customizer → Avançado. Para arquivos externos:

add_filter( 'wc_smart_checkout_custom_style_url', function() {
  return 'https://example.com/style.css';
});

add_filter( 'wc_smart_checkout_custom_script_url', function() {
  return 'https://example.com/main.js';
});

Para desativar a fonte personalizada do checkout (e usar a do tema):

add_filter( 'wc_smart_checkout_load_font', '__return_false' );

Layout quebrado

Quando o checkout exibe conteúdo extra do tema (sidebar, menu lateral, etc.), o layout pode quebrar. Para resolver:

1. Em WooCommerce → Configurações → Pagamento → Checkout Inteligente, procure Divs para ocultar.
2. Adicione o seletor CSS do elemento que está aparecendo (ex.: .theme-sidebar).
3. Salve.

Se você não consegue identificar o seletor, abra um ticket com o link da loja. Em alguns temas, a melhor solução é adicionar uma integração específica em vez de ocultar com CSS.

Temas com integração específica

O plugin tem ajustes específicos para temas que têm comportamentos não-padrão:

• Flatsome (customização extensiva)
• Astra
• OceanWP
• Razzi
• Woodmart
• Luminate
• Shoptimizer
• Blocksy
• Cartsy
• Moderno
• Porto
• Rey Theme
• Swag
• Woostify

A maioria dos temas funciona sem ajuste. A lista acima são os com tratamento dedicado.

Elessi Theme

Em Theme Options → Product global Options, ajuste:

• Checkout Layout → Default.
• Quantity Input - Checkout Page → off.
• Image Product - Checkout Page → off.
• Coupon - Checkout Page → off.

Woodmart

Em Layouts (no admin do Woodmart), desative ou exclua tudo relacionado ao checkout. Limpe o cache do WooCommerce em Status → Ferramentas → cache de templates.

Quero personalizar mais

Para personalizações que não cabem no Customizer, use o sistema de templates do WooCommerce: copie qualquer template do plugin para seutema/smart-checkout/ e edite.