Fórum OpenCart Brasil

Por um e-commerce livre, confiável e profissional

Suporte geral sobre problemas técnicos para OpenCart v3.x.
#87604
Prezados amigos!
Quero desenvolver um modelo para descrição dos produtos.
Quando editamos o produto no CATALOGO -> PRODUTOS, tem o campo de texto denominado DESCRIÇÃO.
Neste campo existe algumas ferramentas, entre elas </> inserir código fonte.
Quero inserir o seguinte código de exemplo:

<div class="container">
<div class="row">
<div class="col-sm-2 col-md-2 col-lg-2 ">
<h5>Linha 1</h5>
<ul class="list-unstyled">
<h5>Linha 1</h5>
</ul>
</div>

Este código vai criar uma linha, o código não esta completo, é apenas um pedaço para ter noção.
Ocorre que quando utilizo as doze colunas, ele exibe no campo da descrição a largura da tela do dispositivo.
Como defino a largura apenas do campo DESCRIÇÃO, para que meu "MODELO" seja responsivo?
Atenciosamente
#87658
Olá @Leandrofelipeme.

Não utilize o código abaixo dentro da descrição:

<div class="container"></div>

Utilize apenas:

<div class="row">
<div class="col-sm-2 col-md-2 col-lg-2 ">
<h5>Linha 1</h5>
<ul class="list-unstyled">
<li>Linha 1</li>
</ul>
</div>
</div>


Lembrando que essa estrutura é do padrão bootstrap, então você deve seguir o padrão dele conforme o manual abaixo:
https://getbootstrap.com/docs/3.4/css/#grid-options

Espero ter ajudado. :D
reds gostou disso
Avatar do usuário
Por reds
Mensagens Especiais
#87662
Ola @Leandrofelipeme

Reforçando o que foi dito acima pelo @Manoel Vidal
Se você precisar criar um container tente resetar a linha antes "<div class="clearfix"></div>".
Todo caso veja a que ponto esta o bloco onde esta a descrição do produto, uma vez que isso é importante para criar containers, já que se você quebrar o GridSystem vai ter diversos problemas e mau funcionamento do bootstratp.
;)
Manoel Vidal gostou disso

Gente preciso de ajuda urgente. Na migraç&a[…]

Caro @reds , muito obrigado pela resposta.

PHP 8+ incompatibilidade

Toda tradução para a versão 3[…]

Ola @alex3257 Se você precisa apenas ver […]