Liquid, JavaScript, Temas
Fala galera, estou querendo trazer uma melhora no UX da página de carrinho. Atualmente devido aos meios de pagamento (Shopify Payments) os botões de Checkout padrão, pagamento com cartão, e os botões de Checkout rápido ficam 'misturados'. Diante disso gostaria de adicionar um texto para tornar mais claro do que se trata essas duas opções em separado. Na imagem 1 é possível visualizar como é atualmente, na imagem 2 como eu gostaria de deixar após a adição dos textos e na imagem 3 é até onde eu consegui alterando o código.
Image 1: Imagem 2: Imagem 3:
O problema que preciso ajustar é que o texto de 'Express Checkout' esta sendo mostrado mesmo quando os botões de Checkout rápido não aparecem. Segue abaixo o trecho do código onde estou trabalhando:
{% if additional_checkout_buttons %}
<div class="additional-checkout-buttons">{{ content_for_additional_checkout_buttons }}</div>
<div style="text-align:center"><h5>Express Checkout</h5></div>
{% endif %}
Você é aquele lojista que criou múltiplas lojas para usufruir do período de avaliação...
By Paula Aug 15, 2024Antes de tomar a decisão de comprar de uma loja virtual, podem surgir algumas dúvida...
By Amalia Aug 1, 2024Se você está em Portugal e utiliza o Shopify Payments, este artigo foi feito para voc...
By Paula Jul 18, 2024