GithubHelp home page GithubHelp logo

Comments (7)

rovae avatar rovae commented on July 29, 2024 1

ta na mão.

adicione estas linhas no arquivo onestepcheckout.css

.onestepcheckout-place-order-button-disabled {
background-image: url('../images/ajax-loader-checkout.gif') !important;background-repeat: no-repeat !important;background-position: center center !important;
}
.onestepcheckout-place-order-button-disabled .onestepcheckout-place-order-title {
visibility: hidden;
}

como o ajax-loader que vem com o módulo tem fundo branco, vou anexar um que eu gerei aqui com fundo transparente pra dar um visual mais elegante. coloque o loader na pasta de imagens do onestepcheckout
ajax-loader-checkout

from osc-magento-brasil-6-pro.

rovae avatar rovae commented on July 29, 2024

este recurso já vem com o osc, porém por um esquecimento de código css, o loader nao aparecia em cima dos campos que estavam sendo atualizados. Esta aí a solução pra tu amigao.

adicione esta linha no fim do arquivo skin\frontend\rwd\default\onestepcheckout\css\onestepcheckout.css

.onestepcheckout-overlay {
position: absolute;
height: 100%;
width: 100%;
background-color: #fff;
z-index: 999;
}

espero ter ajudado, abraço

from osc-magento-brasil-6-pro.

goncalocruz77 avatar goncalocruz77 commented on July 29, 2024

Muito obrigado @rovae já testei e funcionou perfeito! Com certeza vai ajudar muita gente que utiliza o módulo.

Só mais uma dúvida, seria legal se o carregamento aparecesse sobre o botão de finalizar compra assim como aparece nos box de pagamento e resumo da compra. Com isto evitaríamos do cliente tentar por uma lentidão no servidor clicar no botão de finalizar mesmo sem carregar os scripts, acarretando erro na finalização.

E novamente muito obrigado pela ajuda!
checkout OSC

from osc-magento-brasil-6-pro.

rovae avatar rovae commented on July 29, 2024

por padrão o botão de finalizar pedido fica desabilitado enquanto esta carregando, vi que vc editou o botão, você tem que manter o #id e as classes do original. ele tem que inserir a classe "onestepcheckout-place-order-button-disabled" e a propriedade disabled no botao enquanto estiver carregando.

from osc-magento-brasil-6-pro.

goncalocruz77 avatar goncalocruz77 commented on July 29, 2024

Ele permanece desabilitado mesmo com as alterações. Quanto a isto não deu erro, o problema é o cliente ficar clicando nele enquanto carrega e achar que está com erro por estar desabilitado. Por isso imaginei que para usabilidade do cliente seria interessante se o botão também ficasse carregando até ser clicável.

from osc-magento-brasil-6-pro.

goncalocruz77 avatar goncalocruz77 commented on July 29, 2024

Muito obrigado @rovae funcionou perfeitamente.

from osc-magento-brasil-6-pro.

vissoci avatar vissoci commented on July 29, 2024

@rovae Aí sim!!!! Parabéns!

from osc-magento-brasil-6-pro.

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.