Febezza commented 8 years ago

Olá,

Alguem sabe como posso desativar OSC nos dispositivos mobiles?

Notei que em plataforma mobile principalmente celular layout fica muito ruim.

Será problema com meu tema ou de todos? Ela é responsiva até certo tamanho vai bem, como em tablet na orientação horizontal mas Smartphone fica horrível.

Tentei fazer rewrite no htaccess pro checkout padrão em dispositivos mobile para desativar ele... mas não deu muito certo.

Muito Obrigado Fernando.

Febezza commented 8 years ago

Opa achei solução aqui: http://www.usemagento.com.br/como-deixar-o-layout-responsivo-no-one-step-checkout-6-brasil/

Vlw!

magnored commented 8 years ago

eu acho que deve ser seu tema, pois no meu ficou show de bola... uso o tema Porto (da themeforest)

vissoci commented 8 years ago

@magnored No meu tema de testes (que é o Porto tb) deu certo essa solução.

Mas penso que seria legal uma opção de desabilitar também para determinado tamanho de tela. Alguém explorou essa solução?

vissoci commented 8 years ago

Importante!!!! Vou deixar uma dica aqui sobre algo que pode fazer a pessoa pensar que essa solução não funcionou. Ao copiar e colar o texto do blog com a dica (http://www.usemagento.com.br/como-deixar-o-layout-responsivo-no-one-step-checkout-6-brasil/), as ASPAS do código podem ser alteradas. No meu caso eu percebi isso no editor de código do dreamweaver.

Recomendo fortemente que verifiquem as aspas corretas no código

Percebam a diferença. Esse código eu estou apenas colando do blog: <div class=”col-3 versoes”>

Agora esse estou corrigindo manualmente: <div class="col-3 versoes"> ESSE É O CERTO!

magnored commented 8 years ago

@apzeiro otimas dicas cara.... vlw!

vissoci commented 5 years ago

A dica do site (http://www.usemagento.com.br/como-deixar-o-layout-responsivo-no-one-step-checkout-6-brasil/) saiu do ar. Alguém tem salvo isso pra gente poder postar aqui na forma de texto?

vissoci commented 5 years ago

Consegui recupera através de um cache online o conteúdo da publicação. Vou colar abaixo para que mais pessoas possam usar caso a estejam procurando. Segue abaixo na íntegra: Fique atento às ASPAS!!! Provavelmente precisará corrigir isso manualmente no seu código

Por padrão o excelente checkout criado pela INOVARTI não é responsivo. Mas a funcionalidade é razoavelmente fácil de ser implementada. Veja aqui um passo a passo de Como Deixar o Layout Responsivo no One Step Checkout 6 Brasil.

Passo 1: Adicionando a Classe CSS no seu arquivo do Checkout Faça o Backup Completo de Sua Loja Magento Edite o arquivo: /app/design/frontend/base/default/template/onestepcheckout/onestep.phtml Adicione ao arquivo onestep.phtml a classe versões conforme abaixo: Na linha 14 substitua: <div class="col-1"> Por: <div class="col-1 versoes"> Na linha 21 substitua: <div class="col-2"> Por: <div class="col-2 versoes"> Na linha 33 substitua: <div class="col-3"> Por: <div class="col-3 versoes">

Passo 2: Adicionando o estilo a sua Classe Adicione ao final do seu arquivo /skin/frontend/SEU_TEMA/SEU_TEMA_PADRAO/css/local.css o estilo:

.versoes {
    width: 32% !important;
}
@media screen and (max-width: 800px) { 
    .versoes {

         width: 100% !important;

    }
}

O tutorial foi testado com sucesso em alguns dos principais temas Magento. No entanto, pode ser necessário alterar o percentual da classe .versoes. Sugerimos que teste com 32%, caso tenha problemas teste com percentuais menores até chegar ao ideal para sua loja.

deivisonarthur / OSC-Magento-Brasil-6-Pro

OSC em Mobile desativar #166

Recomendo fortemente que verifiquem as aspas corretas no código