Shopify Tema WART
O tema mais completo para lojas Shopify agora é GRÁTIS, adquira só a licença de uso.
Site Landing Page
Tenha um site que valorize sua marca.
Design Logotipo | Logomarca
Conte com a WART para criar sua marca profissional a partir de R$ 499.
CSS Checkout
Transforme seu checkout com um novo design e deixe do seu jeito.
Autor Walyson Patric
O projeto WART começou em 2021 com o tema RAWART que desde o ano de 2023 passou a se chamar WART para a plataforma Shopify, com a proposta de expandir nossos serviços oferecemos hoje a criação de Landing Page, lojas Shopify e códigos personalizado para Checkout.

Em breve quero trazer novos serviços e sempre estarei atualizando aqui conforme for tendo novidades!

Transforme seu checkout com nosso CSS personalizado WART para Yampi

CSS Design

Yampi v2

Yampi v3

Códigos corrigidos para a nova atualização da Yampi 2024

Fácil de configurar com instruções no código de como usar


:root {

/* Cores gerais */ 

--primary: #2c6ea3;
--w: #ffffff;
--b: #000000;
  
/* ----- Configurações gerais ----- */ 
  
/* Plano de fundo do checkout */  
--body_bg: radial-gradient(#ffffff73 30%, transparent), url(https://wartproject.neocities.org/img/checkout-css/custom_css/bg.webp); 
  
/* Cor da borda do box selecionado */  
--select_box: var(--primary);
  
/* Borda arredondada */  
--br: 20px;
    
}
      
      

Confira nosso vídeo e veja a demo do código e mais informações.

Logo Yampi

CSS Yampi v3

R$ 95
Bandeiras de pagamento
Ao clicar no botão de compra vai gerar um QR Code para pagar no PIX, assim que confirmar será gerado o link de download.

Tenha um checkout com design único, personalize as cores, textos, tags e imagens, adquira agora mesmo o único CSS personalizado para Yampi.

Transforme seu checkout com nosso CSS personalizado WART para Cartpanda

CSS Design

Cartpanda v1

Cartpanda v2

Adquira os melhores códigos CSS para personalizar seu checkout

Fácil de configurar com instruções no código de como usar

      
:root {
  
/* Cores */    
--primary: #3ebf90; /* Cor geral */
--white: #ffffff;   
--black: #000000; 
--silver: #aaabab; 
--box_left_bg: #fbfbfb;  /* Cor dos box das etapas */
      
/* Cabeçalho */
   /* Digite 'relative' para não usar fixo e 'sticky' para fixo  */  
--header_fixed: sticky;
--header_top: 0px; /* Distância do topo da página estando fixo */ 
  
/* Barra colorida em movimento */  
--line_ds: block; /* coloque 'none' para remover a borda colorida */
--movcolor: rgbAnimation; /* Delete o valor 'rgbAnimation' para deixar sem movimento */
--line_height: 5px; /* Altura da barra */  
--line_bg:  linear-gradient(160deg, 
    #3fc583,
    #40b4ae 38%,
    #40adc1 60%,
    #3e73c3 79%,
    #3eb9a2 90%); 
  /* Para deixar só uma cor remova tudo depois de '--line_bg:' e coloque o código da cor */ 
    
}
      

Confira nosso vídeo e veja a demo do código e mais informações.

Logo Cartpanda

CSS Cartpanda v2

R$ 95
Bandeiras de pagamento
Ao clicar no botão de compra vai gerar um QR Code para pagar no PIX, assim que confirmar será gerado o link de download.

Tenha um checkout com design único, personalize as cores, textos, tags e imagens, adquira agora mesmo o único CSS personalizado para Cartpanda.