Fórum OpenCart Brasil

[moisesgodoi]

Boa tarde, gostaria de saber como faço pra mostrar o menu departamento ( esquerda site ) + produtos em destaque ( meio) + produtos + vendidos ( direita) estou usando o template simplissimo, tentei mexer nas posições mas sem sucesso, quem pode me ajudar?


GOstaria de configurar desta forma

[elvis_lion]

Poderia postar o link de sua loja?
Sem essa informação fica difícil ajudar.

Fico no aguardo.

[Manoel Vidal]

https://forum.opencartbrasil.com.br/ ... =41&t=2247

[moisesgodoi]

Poderia postar o link de sua loja?
Sem essa informação fica difícil ajudar.

Fico no aguardo.

http://skynetweb.com.br/loja/index.php? ... ommon/home

Elias descobri oque era, o template simplissimo não tem as colunas fiz uma adaptação temporaria no arquivo template\common\home.tpl

vi isso pois ao mudar de template ficava da forma que eu queria, agora estou com problema pra adaptar o banner da direita + vendidos, não estou conseguindo configurar no css tem uma ideia da onde que ta vindo aquela barra de rolagem no modulo ?

o arquivo do simplissimo home era este

Código: Selecionar todos

<?php echo $header; ?><?php echo $content_top; ?><?php echo $column_left; ?><?php echo $column_right; ?>
<div id="main-top"> </div>
<div id="row-white"> </div>
<div id="content">

<div id="content-home">
<h1 style="display: none;"><?php echo $heading_title; ?></h1>
<?php echo $content_bottom; ?></div></div>
<?php echo $footer; ?>

o arquivo do template default é este 

<?php echo $header; ?><?php echo $column_left; ?><?php echo $column_right; ?>
<div id="content"><?php echo $content_top; ?>
<h1 style="display: none;"><?php echo $heading_title; ?></h1>
<?php echo $content_bottom; ?></div>
<?php echo $footer; ?>


foram adicionadas ao css do template simplissimo os seguintes

}
/* layout */
#container {
	background: #FFFFFF;
	width: 980px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
}
#column-left {
	float: left;
	width: 240px;
}
#column-right {
	float: right;
	width: 180px;
}
#content {
	min-height: 400px;
	background: none repeat scroll 0 0 #FFFFFF;
	padding-left: 20px;
	padding-right: 20px;
}
#content-home {
	min-height: 400px;
	background: none repeat scroll 0 0 #FFFFFF;
}
#main-top {
    background: no-repeat scroll center top transparent;
    height: 14px;
    padding: 0 !important;
    text-align: center;
    width: 980px;
    z-index: 999;
}
#row-white {
    background: no-repeat scroll center top transparent;
	height: 15px;
    width: 980px;
    z-index: 999;
}
#main-area {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    width: 980px;

}
#main-holder {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    width: 980px;
	background: none repeat scroll 0 0 #FFFFFF;
	float: left;
}
#column-left + #column-right + #content, #column-left + #content {
	margin-left: 220px;
	background: none repeat scroll 0 0 #FFFFFF;
}
#column-right + #content {
	margin-right: 195px;
	background: none repeat scroll 0 0 #FFFFFF;

}
#column-left + #column-right + #content .box-product > div {
	width: 119px;

Pode me ajudar com esse codigo? Estou com duvida sobre os arquivos home que tive que substituir.

[moisesgodoi]

https://forum.opencartbrasil.com.br/ ... =41&t=2247

Vidal o problema é no css e no arquivo home.tpl que no simplissimo é diferente poderia me ajudar a configurar o codigo? na verdade estou com duvida sobre o ajuste do css apareceu do nada uma barra de rolagem no modulo produtos + vendidos.

Postei no post acima os codigos que tive que mudar pra aparecer as 3 colunas.

Obrigado.

[unknown1140]

https://forum.opencartbrasil.com.br/ ... =41&t=2247

Vidal o problema é no css e no arquivo home.tpl que no simplissimo é diferente poderia me ajudar a configurar o codigo? na verdade estou com duvida sobre o ajuste do css apareceu do nada uma barra de rolagem no modulo produtos + vendidos.

Postei no post acima os codigos que tive que mudar pra aparecer as 3 colunas.

Obrigado.

No arquivo stylesheet.css procure:

Código: Selecionar todos

.box-left .box-product-left {
width: 100%;
overflow: auto;
padding: 10px 0px 0;
}

Substitua por:

Código: Selecionar todos

.box-left .box-product-left {
width: 100%;
overflow: hidden;
padding: 10px 0px 0;
}

[moisesgodoi]

https://forum.opencartbrasil.com.br/ ... =41&t=2247

Vidal o problema é no css e no arquivo home.tpl que no simplissimo é diferente poderia me ajudar a configurar o codigo? na verdade estou com duvida sobre o ajuste do css apareceu do nada uma barra de rolagem no modulo produtos + vendidos.

Postei no post acima os codigos que tive que mudar pra aparecer as 3 colunas.

Obrigado.

No arquivo stylesheet.css procure:

Código: Selecionar todos

.box-left .box-product-left {
width: 100%;
overflow: auto;
padding: 10px 0px 0;
}

Substitua por:

Código: Selecionar todos

.box-left .box-product-left {
width: 100%;
overflow: hidden;
padding: 10px 0px 0;
}

Elton deu certo, obrigado.

Só estou com outro problema no css do simplissimo, ao colocar no modulo destaque + de 4 produtos ele sobrepoem a coluna da direita fica emcima dela, no css original do opencart não ocorre tal erro, poderia me informar onde é que eu informo que são apenas 4 produtos em uma linha e na proxima linha ele informa + 4 produtos? Acho que é só isso que estou com problema, já testei mudando o css e o site apresenta da forma normal apenas nesse css do layout que mostra diferente;

Obrigado!

[moisesgodoi]

Deixei informado 6 produtos no modulo produtos em destaque

http://skynetweb.com.br/loja/index.php? ... ommon/home

Como faço pra ele mostar apenas 4 ou 5 produtos e continuar embaixo?

No Css do default ele mostra assim quando a 3 colunas no site;

[Manoel Vidal]

Ainda no stylesheet.css localize o código abaixo:

Código: Selecionar todos

#column-left + #column-right + #content .box-product > div {
    width: 140px;
}

E troque o 140px por 110px.

Uma dica, é utilizar o inspetor de obejtos do chrome ou firefox para saber onde se encontra os códigos css que devem ser alterados.

Espero ter ajudado.

[moisesgodoi]

Ainda no stylesheet.css localize o código abaixo:

Código: Selecionar todos

#column-left + #column-right + #content .box-product > div {
    width: 140px;
}

E troque o 140px por 110px.

Uma dica, é utilizar o inspetor de obejtos do chrome ou firefox para saber onde se encontra os códigos css que devem ser alterados.

Espero ter ajudado.

,
Vidal bom dia, consegui resolver o problema dos menus ta dando trabalho pra adapta esse template, esse banner no topo da sansumg onde que eu configuro ele? esta com o mesmo problema não tem a coluna direita nele... é a primeira vez que mexo com OC fugi da aula de css rsrs, queria fazer uns pequenos ajustes nesse destaque alinhar + proximo a o menu da direita, os 3 produtos de destaque alinhar eles tb, os banners das marcar queria deixar com + espaço entre eles poderia me indicar onde que eu ajusto?