Giter VIP home page Giter VIP logo

Comments (4)

claudiosanches avatar claudiosanches commented on July 17, 2024

O Anilton vai me mandar hoje dia 30.
Assim já faço o CSS para isso.

from cielo-woocommerce.

gopaulo avatar gopaulo commented on July 17, 2024

não seria válido talvez a gente fazer isso via svg (os ícons já estão disponíveis online)

from cielo-woocommerce.

claudiosanches avatar claudiosanches commented on July 17, 2024

Não sei agora, até porque só usamos esses icones para a opção do BuyPage Cielo que vamos remover no futuro.
Recebi os icones, vou adicionar logo.

from cielo-woocommerce.

monecchi avatar monecchi commented on July 17, 2024

@claudiosmweb Valeu pelo plugin!! Nas configurações Eu uso a Solução Webservice (formulário). Percebi que era simples aproveitar as classes que o plugin adicionava no input do número do cartão pra poder mostrar as bandeiras dos cartões aceitos.

Em um projeto localhost que estou desenvolvendo já deixei o form do jeito que eu quero, tá ficando bacana, como mostra a imagem abaixo. Aproveitei apliquei a customização num site de testes que usa o tema Storefront, dá pra ver um demo aqui: http://pizzariameurancho.co.nf/home/checkout/

Embora eu acho que tenha ficado bom pro meu projeto, talvez uma implementação mais simples seja melhor dado ao fato de ter de suportar à muitos outros temas. Digo isso porque preferi usar uma imagem sprite ao invés dos ícones separados.

Também desenhei cada ícone pensando na legibilidade e dimensionado pra ficar perfeito em resoluções HD / retina. Se precisar dos ícones individuais eu mando um link.

cielo-webservice-cards-animation

Quem quiser explorar essa customização pode checar esse gist: https://gist.github.com/monecchi/042b0db481f93f30b13e495272945d84

Você vai precisar das seguintes imagens:

cielo-cartoes-debito

cielo-cartoes-credito

from cielo-woocommerce.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.