Modal add to cart

[Kennyd1]

Ola amigos, estou tentando melhorar o UX do tema dawn na hora do cliente adicionar ao carrinho o modal do carrinho de compras comum position absolute
pra quando a tela for maior que 1200px de largura, medida dele com right 0, quando for tamanho de 500px pra baixo um bottom 0 com width 100% e entre o 1200 e o 500 um modal lateral. 

Mas nao encontrei dentro do css

Objetivo é fica assim:

https://br.louisvuitton.com/por-br/homepage

Exemplo: 

[Paula · Accepted solution]

Olá @Kennyd1!

Conforme explicou eu entendo que está usando o Tema Dawn e deseja customizar o carrinho na sua loja implementando um Cart Drawer. Por isso, está buscando saber onde está os arquivos CSS para implementar as customizações desejadas, certo? 

Nós do suporte da Shopify não somos especialistas em codificação e não conseguiremos fornecer instruções específicas, mas busquei saber onde poderá encontrar esses arquivos para fazer as devidas customizações.

Uma opção para encontrar o código necessário seria acessando a página do produto> adicionar um produto ao carrinho e utilizar a ferramenta de inspeção para procurar pelo código necessário, como mostro no exemplo abaixo:

Já dentro do seu admin, poderá encontrar os arquivos de codificação do tema indo em: Loja Virtual> Temas> No tema que está trabalhando clique em Ações> Editar Código e encontrará os arquivos CSS dentro da pasta Assets:

Observação: Se decidir implementar as customizações diretamente na codificação, sempre recomendamos duplicar o tema e trabalhar na cópia, pois se algo der errado não irá danificar o seu atual tema. 

Se você não for muito familiar com codificação, poderá utilizar aplicativos para customizar o carrinho da loja. Encontrei alguns aplicativos que oferecem essa customização, como:

• Hype In Cart Upsell Cross Sell
• iCart Cart Drawer Cart Upsell
• Slide Cart ‑Sticky Cart Drawer
• Slide Cart Drawer‑ Cart Upsell 
• Advanced Cart Drawer

Todos esses apps são desenvolvido por terceiros, portanto, sugiro analisar as descrições de cada app para saber se são compatíveis com o tema Dawn e conferir funcionalidades específicas, preços e avaliações. Se tiver qualquer dúvida referente a funcionalidade ou configuração o suporte para esclarecer essas dúvidas é o do próprio app. Para entrar em contato com o desenvolvedor acesse a página do app e entre em contato através do e-mail ou clique em "Receber Atendimento" ao lado direito da página. Eles assim poderão instruir como o aplicativo ajudará você a alcançar o que está procurando.

Caso essas sugestões não ajudarem com o que você está buscando fazer, espero que membros aqui na comunidade que são especialistas no assunto possam contribuir a esse tópico e te ajudá-lo com instruções mais específicas. Outra opção seria buscar ajuda na comunidade em inglês neste tópico aqui. Lá poderá encontrar muitos outros membros que são desenvolvedores e experientes na plataforma.

Qualquer outra dúvida, só nos avisar!

[Kennyd1 · Accepted solution]

Obrigado, consegui fazer apenas uma alteração e a notificação do carrinho ficou muito melhor. O problema de instalar app é que deixam o tema cada vez mais pesados, por isso estava buscando alterar direto no código. Muito obrigado mais uma vez.