Modal add to cart

Resolvido
Kennyd1
Turista
11 2 2

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: 

Screen Shot 2021-11-09 at 21.51.34.pngScreen Shot 2021-11-09 at 21.52.18.png

2 SOLUÇÕES ACEITAS

Soluções aceitas
Paula
Shopify Staff
645 153 98

Sucesso.

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:

12-00-88672-13278

 

 

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:

12-10-59519-55439

 

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:

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!

Paula | Social Care @ Shopify 
 - A minha resposta foi útil? Clique em Curtir para me dizer! 
 - Sua dúvida foi respondida? Clique em Aceitar Solução
 - Para saber mais visite nossa Central de Ajuda Shopify ou nosso Shopify Blog

Exibir solução no post original

Kennyd1
Turista
11 2 2

Sucesso.

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. 

Exibir solução no post original

2 RESPOSTAS 2
Paula
Shopify Staff
645 153 98

Sucesso.

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:

12-00-88672-13278

 

 

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:

12-10-59519-55439

 

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:

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!

Paula | Social Care @ Shopify 
 - A minha resposta foi útil? Clique em Curtir para me dizer! 
 - Sua dúvida foi respondida? Clique em Aceitar Solução
 - Para saber mais visite nossa Central de Ajuda Shopify ou nosso Shopify Blog

Exibir solução no post original

Kennyd1
Turista
11 2 2

Sucesso.

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. 

Exibir solução no post original