WART Project

Site Landing Page

Tenha um site que valorize sua marca.

Shopify Tema WART

O tema mais completo para lojas Shopify, clique para mais informações.

Acessar

CSS Checkout

Transforme seu checkout com um novo design e deixe do seu jeito.

Yampi

Cartpanda

Design Logotipo | Logomarca

Conte com a WART para criar sua marca profissional a partir de R$ 999.

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 {
  
/* Link da sua logo aqui */ 
--wart-logo: url(https://wartproject.neocities.org/img/logo.svg);
  
/* Cor do cabeçalho */  
 --wart-logo_background_color: linear-gradient(0deg, #040126, #170750 97%);

/* Tamanho da logo e barra do cabeçalho */   
--wart-logo_size: 90px;
  
/* Cor da borda colorida */  
--colorline-background:  linear-gradient(160deg, 
    #3fc583,        /* Cor 1 */
    #40b4ae 38%,    /* Cor 2 */
    #40adc1 60%,    /* Cor 3 */
    #3e73c3 79%,    /* Cor 4 */
    #3eb9a2 90%);   /* Cor 5 */
    
}


: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.

CSS Yampi v3

R$ 149

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

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

      
:root {
      
/* Logo */
--wart-logo: url(https://wartproject.neocities.org/img/logo.svg);
  
/* Tamanho da logo e barra do cabeçalho */   
--wart-logo_size: 90px;    
  
/* Cor do cabeçalho */  
 --wart-logo_background_color: linear-gradient(0deg, #040126, #170750 97%);  
  
/* Barra colorida em movimento */  
--clinedisplay: block; /* coloque 'none' para remover a borda colorida */
--movcolor: rgbAnimation; /* Delete o valor 'rgbAnimation' para deixar sem movimento */
--colorline-background:  linear-gradient(160deg, 
    #3fc583,
    #40b4ae 38%,
    #40adc1 60%,
    #3e73c3 79%,
    #3eb9a2 90%);
    
}

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

CSS Cartpanda R$ 149

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.