Colocar produtos em grade (ajuda) [Resolvido]

Colocar produtos em grade (ajuda) [Resolvido]#15335

Por cesario678 - 11 Fev 2012, 23:38

- 11 Fev 2012, 23:38 #15335

Bom pessoal procurei aqui no site e nao achei.
gostaria de colocar todos os produtos do meu site em grade para que ele fique igual a todos os sites.
e gostaria tambem de saber como aumenta o espaço entre esses produtos?

até mais .

Re: Colocar produtos em grade (ajuda)#15338

Por Renato Frota - 12 Fev 2012, 00:32

- 12 Fev 2012, 00:32 #15338

para ficar em grade: https://forum.opencartbrasil.com.br/ ... =41&t=2185

para aumentar o espaçamento, procure a palavra grid no seu .css e aumente os valores de padding ou margin

Atendimento TI - Módulos e Extensões para OpenCart
EU NÃO DOU SUPORTE GRÁTIS POR MP! NÃO INSISTA!

Re: Colocar produtos em grade (ajuda)#15347

Por cesario678 - 12 Fev 2012, 01:06

- 12 Fev 2012, 01:06 #15347

Renato Frota escreveu:para ficar em grade: https://forum.opencartbrasil.com.br/ ... =41&t=2185

para aumentar o espaçamento, procure a palavra grid no seu .css e aumente os valores de padding ou margin

Obrigado mais uma vez,

Re: Colocar produtos em grade (ajuda)#15408

Por cesario678 - 12 Fev 2012, 14:47

- 12 Fev 2012, 14:47 #15408

cesario678 escreveu:
Renato Frota escreveu:para ficar em grade: https://forum.opencartbrasil.com.br/ ... =41&t=2185

para aumentar o espaçamento, procure a palavra grid no seu .css e aumente os valores de padding ou margin
Obrigado mais uma vez,

mais fiz o procedimento e não funcionou,e tentei tambem um vqmod e tambem nao funcionou.

Re: Colocar produtos em grade (ajuda) [Resolvido]#15417

Por Renato Frota - 12 Fev 2012, 17:08

- 12 Fev 2012, 17:08 #15417

como você tentou a alteração do padding/margin?

lembre-se que edições no CSS exigem que você aperte Ctrl+F5 duas vezes na página principal da loja para recarregar o arquivo no seu browser.

Atendimento TI - Módulos e Extensões para OpenCart
EU NÃO DOU SUPORTE GRÁTIS POR MP! NÃO INSISTA!

Re: Colocar produtos em grade (ajuda) [Resolvido]#15422

Por cesario678 - 12 Fev 2012, 17:28

- 12 Fev 2012, 17:28 #15422

Renato Frota escreveu:como você tentou a alteração do padding/margin?

lembre-se que edições no CSS exigem que você aperte Ctrl+F5 duas vezes na página principal da loja para recarregar o arquivo no seu browser.

Eu nao cheguei a modificar éssa padding/margin

ai esta meu css
se poder da uma olhada

Código: Selecionar todos

html {
	overflow: -moz-scrollbars-vertical;
	margin: 0;
	padding: 0;
	background: #FFFFFF url('../image/hbg.png') top repeat-x;
}

body {
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0px;
	padding: 0px;
}
body, td, th, input, textarea, select, a {
	font-size: 14px;
}
h1, .welcome {
	color: #0000CC;
	font: Verdana;
	margin-top: 0px;
	margin-bottom: 20px;
	font-size: 32px;
	font-weight: normal;
	text-shadow: 0 0 1px rgba(0, 0, 0, .01);
}
h2 {
	color: #000000;
	font-size: 16px;
	margin-top: 0px;
	margin-bottom: 5px;
}
p {
	margin-top: 0px;
	margin-bottom: 20px;
}

a:hover {
	text-decoration: none;
}
a img {
	border: none;
}
form {
	padding: 0;
	margin: 0;
	display: inline;
}
input[type='text'], input[type='password'], textarea {
	background: #F8F8F8;
	border: 1px solid #CCCCCC;
	padding: 3px;
	margin-left: 0px;
	margin-right: 0px;
}
select {
	background: #F8F8F8;
	border: 1px solid #CCCCCC;
	padding: 2px;
}
label {
	cursor: pointer;
}
/* layout */
#container {
	width: 980px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
}
#column-left {
	float: left;
	width: 190px;
}
#column-right {
	float: right;
	width: 190px;
}
#content {
	min-height: 400px;
	margin-bottom: 25px;
}
#column-left + #column-right + #content, #column-left + #content {
	margin-left: 200px;
}
#column-right + #content {
	margin-right: 200px;
}
/* header */
#header {
	height: 90px;
	margin-bottom: 7px;
	padding-bottom: 4px;
	position: relative;
	z-index: 99;
}
#header #logo {
	position: absolute;
	top: 25px;
	left: 15px;
}
.subsrc {
    width: 295px;
	height: 24px;
	float: right;
	margin-top: 48px;
	border: 1px solid #000;
	z-index: 15;
	-webkit-border-radius: 6px 6px 6px 6px;
	-moz-border-radius: 6px 6px 6px 6px;
	-khtml-border-radius: 6px 6px 6px 6px;
	border-radius: 6px 6px 6px 6px;	

}
#language {
    float: right;
	width: 125px;
	color: #fff;
	line-height: 15px;
	margin-top: 4px;
	
}
#language img {
	cursor: pointer;
}
#currency {
    float: right;
	width: 150px;
	color: #fff;
	line-height: 15px;
	margin-top: 4px;
	
}
#currency a {
    text-align: left;
	display: inline-block;
	color: #fff;
	text-decoration: none;
	margin-right: 2px;
	margin-bottom: 2px;
	font-size: 12px;
	border: 1px solid #000;
	padding-left: 3px;
	padding-right: 3px;
}
#currency a b {
	color: #000;
	text-decoration: none;
}
#header #cart {
	position: absolute;
	top: 0px;
	right: 315px;
	z-index: 9;
	min-width: 300px;
}
#header #cart .heading {
	float: right;
	margin-right: 2px;
	margin-top: 15px;
	padding-left: 19px;
	padding-right: 75px;
	padding-top: 13px;
	padding-bottom: 13px;
	background: url('../image/cartbg.png') no-repeat;
	position: relative;
	z-index: 1;
}
#header #cart .heading h4 {
	color: #333333;
	font-size: 15px;
	font-weight: bold;
	margin-top: 0px;
	margin-bottom: 3px;
}
#header #cart .heading a {
	color: #000;
	text-decoration: none;
}
#header #cart .heading a span {
	background: url('../image/arrow-down.png') 100% 50% no-repeat;
	padding-right: 15px;
}
#header #cart .content {
	clear: both;
	display: none;
	position: relative;
	top: -1px;
	padding: 8px;
	min-height: 150px;
	border-top: 1px solid #EEEEEE;
	border-left: 1px solid #EEEEEE;
	border-right: 1px solid #EEEEEE;
	border-bottom: 1px solid #EEEEEE;
	-webkit-border-radius: 0px 7px 7px 7px;
	-moz-border-radius: 0px 7px 7px 7px;
	-khtml-border-radius: 0px 7px 7px 7px;
	border-radius: 0px 7px 7px 7px;
	-webkit-box-shadow: 0px 2px 2px #DDDDDD;
	-moz-box-shadow: 0px 2px 2px #DDDDDD;
	box-shadow: 0px 2px 2px #DDDDDD;
	background: #FFF;
}

#header #cart.active .heading {
	margin-top: 5px;
	padding-top: 10px;
	padding-bottom: 6px;
}
#header #cart.active .content {
	display: block;
}
#header #cart .cart {
	border-collapse: collapse;
	width: 100%;
	margin-bottom: 5px;
}
#header #cart .cart td {
	color: #000;
	vertical-align: top;
	padding: 10px 5px;
	border-bottom: 1px solid #EEEEEE;
}
#header #cart .cart .image {
	width: 1px;
}
#header #cart .cart .image img {
	border: 1px solid #EEEEEE;
	text-align: left;
}
#header #cart .cart .name small {
	color: #666;
}
#header #cart .cart .quantity {
	text-align: right;
}
#header #cart .cart td.total {
	text-align: right;
}
#header #cart .cart .remove {
	text-align: right;
}
#header #cart .cart .remove img {
	cursor: pointer;
}
#header #cart table.total {
	border-collapse: collapse;
	padding: 5px;
	float: right;
	clear: left;
	margin-bottom: 5px;
}
#header #cart table.total td {
	color: #000;
}
#header #cart .content .checkout {
	text-align: right;
	clear: both;
}
#header #cart .empty {
	padding-top: 50px;
	text-align: center;
}
#header #search {
	position: absolute;
	top: 15px;
	right: 0px;
	width: 298px;
	z-index: 15;
}
#header .button-search {
	position: absolute;
	left: 0px;
	background: url('../image/button-search1.png') center center no-repeat;
	width: 28px;
	height: 24px;
	border-right: 1px solid #000;
	cursor: pointer;
}
#header #search input {
    color: #fff;
	background: #33CC33;
	padding: 1px 1px 1px 33px;
	width: 262px;
	height: 21px;
	border: 2px solid #0000FF;
	-webkit-border-radius: 6px 6px 6px 6px;
	-moz-border-radius: 6px 6px 6px 6px;
	-khtml-border-radius: 6px 6px 6px 6px;
	border-radius: 6px 6px 6px 6px;	
}
#welcome {
    float: right;
	margin-top: 10px;
	font-size: 14px;
	color: #fff;
	text-align: right;
}
#welcome a {
    color: #000;
	text-decoration: none;
}
#header .links {
	position: absolute;
	right: 0px;
	bottom: 3px;
	font-size: 10px;
	padding-right: 10px;
}
#header .links a {
	float: left;
	display: block;
	padding: 0px 0px 0px 7px;
	color: #38B0E3;
	text-decoration: none;
	font-size: 12px;
}
#header .links a + a {
	margin-left: 8px;
	border-left: 1px solid #CCC;
}
/* menu */
#menu {
	background: url('../image/menu1.png') repeat-x;
	
	height: 45px;
	margin-bottom: 15px;
	padding: 0px 5px;
}
#menu ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
#menu > ul > li {
	position: relative;
	float: left;
	z-index: 20;	
}
#menu > ul > li:hover {
	background: url('../image/menubgh1.png') repeat-x;
}
#menu > ul > li > a {
	font-size: 17px;
	color: #6666FF;
	line-height: 14px;
	text-decoration: none;
	display: block;
	padding: 15px 15px 15px 15px;
	z-index: 6;
	position: relative;
}
#menu > ul > li > div {
	display: none;
	background: #FFFFFF;
	position: absolute;
	z-index: 5;
	padding: 5px;
	border: 1px solid #000000;
	-webkit-border-radius: 0px 0px 5px 5px;
	-moz-border-radius: 0px 0px 5px 5px;
	-khtml-border-radius: 0px 0px 5px 5px;
	border-radius: 0px 0px 5px 5px;
	background: url('../image/menu.png');
}
#menu > ul > li:hover > div {
	display: table;
}
#menu > ul > li > div > ul {
	display: table-cell;
}
#menu > ul > li ul + ul {
	padding-left: 20px;
}
#menu > ul > li ul > li > a {
	text-decoration: none;
	padding: 4px;
	color: #FFFFFF;
	display: block;
	white-space: nowrap;
	min-width: 120px;
}
#menu > ul > li ul > li > a:hover {
	background: #4EEB00;
}
#menu > ul > li > div > ul > li > a {
	color: #FFFFFF;
}
.breadcrumb {
	color: #CCCCCC;
	margin-bottom: 10px;
}
.breadcrumb a {
    color: #999;
	text-decoration: none;
}
.breadcrumb a:hover {
    color: #333;
}
.success, .warning, .attention, .information {
	padding: 10px 10px 10px 33px;
	margin-bottom: 15px;
	color: #555555;
}
.success {
	background: #EAF7D9 url('../image/success.png') 10px center no-repeat;
	border: 1px solid #BBDF8D;
}
.warning {
	background: #FFD1D1 url('../image/warning.png') 10px center no-repeat;
	border: 1px solid #F8ACAC;
}
.attention {
	background: #FFF5CC url('../image/attention.png') 10px center no-repeat;
	border: 1px solid #F2DD8C;
}
.information {
	background: #E8F6FF url('../image/information.png') 10px center no-repeat;
	border: 1px solid #B8E2FB;
}
.success .close, .warning .close, .attention .close, .information .close {
	float: right;
	padding-top: 4px;
	padding-right: 4px;
	cursor: pointer;
}
.required {
	color: #FF0000;
	font-weight: bold;
}
.error {
	display: block;
	color: #FF0000;
}
.help {
	color: #999;
	font-size: 10px;
	font-weight: normal;
	font-family: Verdana, Geneva, sans-serif;
	display: block;
}
table.form {
	width: 100%;
	border-collapse: collapse;
	margin-bottom: 20px;
}
table.form tr td:first-child {
	width: 150px;
}
table.form > * > * > td {
	color: #000000;
}
table.form td {
	padding: 4px;
}
input.large-field, select.large-field {
	width: 300px;
}
table.list {
	border-collapse: collapse;
	width: 100%;
	border-top: 1px solid #DDDDDD;
	border-left: 1px solid #DDDDDD;
	margin-bottom: 20px;
}
table.list td {
	border-right: 1px solid #DDDDDD;
	border-bottom: 1px solid #DDDDDD;
}
table.list thead td {
	background-color: #EFEFEF;
	padding: 0px 5px;
}
table.list thead td a, .list thead td {
	text-decoration: none;
	color: #222222;
	font-weight: bold;
}
table.list tbody td a {
	text-decoration: underline;
}
table.list tbody td {
	vertical-align: top;
	padding: 0px 5px;
}
table.list .left {
	text-align: left;
	padding: 7px;
}
table.list .right {
	text-align: right;
	padding: 7px;
}
table.list .center {
	text-align: center;
	padding: 7px;
}
table.list .asc {
	padding-right: 15px;
	background: url('../image/asc.png') right center no-repeat;
}
table.list .desc {
	padding-right: 15px;
	background: url('../image/desc.png') right center no-repeat;
}
.pagination {
	border-top: 1px solid #EEEEEE;
	padding-top: 8px;
	display: inline-block;
	width: 100%;
	margin-bottom: 10px;
}
.pagination .links {
	float: left;
}
.pagination .links a {
	display: inline-block;
	border: 1px solid #EEEEEE;
	padding: 4px 10px;
	text-decoration: none;
	color: #FF0A0A;
}
.pagination .links b {
	display: inline-block;
	border: 1px solid #269BC6;
	padding: 4px 10px;
	font-weight: normal;
	text-decoration: none;
	color: #269BC6;
	background: #FFFFFF;
}
.pagination .results {
	float: right;
	padding-top: 3px;
}
/* button */
a.button {
	display: inline-block;
	padding-left: 6px;
	background: url('../image/button-left.png') top left no-repeat;
	text-decoration: none;
	cursor: pointer;
}
a.button span {
	color: #FFFFFF;
	line-height: 12px;
	font-size: 12px;
	font-weight: bold;
	display: inline-block;
	padding: 6px 12px 8px 5px;
	background: url('../image/button-right.png') top right no-repeat;
}
a.button:hover {
	background: url('../image/button-left-active.png') top left no-repeat;
}
a.button:hover span {
	color: #FFFFFF;
	background: url('../image/button-right-active.png') top right no-repeat;
}
.buttons {
	background: #FFFFFF;
	border: 1px solid #EEEEEE;
	overflow: auto;
	padding: 6px;
	margin-bottom: 20px;
}
.buttons .left {
	float: left;
	text-align: left;
}
.buttons .right {
	float: right;
	text-align: right;
}
.buttons .center {
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}
.htabs {
	height: 30px;		
	line-height: 16px;
	border-bottom: 1px solid #DDDDDD;	
}
.htabs a {
	border-top: 1px solid #DDDDDD;
	border-left: 1px solid #DDDDDD;
	border-right: 1px solid #DDDDDD; 
	background: #FFFFFF url('../image/tab.png') repeat-x;
	padding: 7px 15px 6px 15px;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	color: #000000;
	margin-right: 2px;
}
.htabs a.selected {
	padding-bottom: 7px;
	background: #FFFFFF;
}
.tab-title {
    color: #0000CC;
	font-size: 19px;
	font-weight: bold;
	text-decoration:none;
}
.tab-content {
	border: 1px solid #DDDDDD;
	padding: 10px;
	margin-bottom: 20px;
	z-index: 2;
	overflow: auto;
}
/* box */
.box {
	margin-bottom: 20px;
}
#column-left .box .box-heading, #column-right .box .box-heading  {
	background: url('../image/box-head-bg.gif') repeat-x;
	padding: 10px 10px 9px 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	line-height: 14px;
	color: #fff;
}
.box .box-heading  {
	padding: 1px 10px 6px 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	line-height: 16px;
	color: #92cb5b;
	border-bottom: 3px solid #ddd;
}
.box .box-content {
	background: #FFFFFF;
	padding-top: 5px;
}
.box .box-content2 {
	background: #FFFFFF;
	border-left: 1px solid #e7e7e7;
	border-right: 1px solid #e7e7e7;
	border-bottom: 1px solid #e7e7e7;
	padding: 0px;
}
.box .box-content2 img {
    border: 1px solid #ddd;
}
/* box products */
.box-product {
	width: 100%;
	overflow: auto;
}
	
.box-product > div {
	width: 170px;
	display: inline-block;
	vertical-align: top;
	margin-left: 16px;
	margin-bottom: 15px;
    text-align: center;	
}
.box-product .image {
	display: block;
	margin-bottom: 0px;
}
.box-product .image img {
	padding: 3px;
	border: 1px solid #E7E7E7;
}
.box-product .name a {
	color: #38B0E3;
	font-weight: bold;
	text-decoration: none;
	display: block;
	margin-bottom: 4px;
}
.box-product .price {
	display: block;
	font-weight: bold;
	color: #333333;
	margin-bottom: 4px;
}
.box-product .price-old {
	color: #F00;
	text-decoration: line-through;
}
.box-product .price-new {
	font-weight: bold;
}
.box-product .rating {
	display: block;
	margin-bottom: 4px;
}
/* box category */
.box-category {
	margin-top: -5px;
	margin-left: 10px;
}
.box-category ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
.box-category > ul > li {
	padding: 8px 8px 8px 0px;
}
.box-category > ul > li + li {
	border-top: 1px solid #EEEEEE;
}
.box-category > ul > li > a {
	text-decoration: none;
	color: #FF0000;
display:block;
padding:10px;
font-weight:bold;
}
.box-category > ul > li ul {
	display: block;
}
.box-category > ul > li a.active {
	font-weight: bold;
}
.box-category > ul > li a.active + ul {
	display: block;
}
.box-category > ul > li ul > li:hover a {
    color: #0000FF;
}
.box-category > ul > li ul > li {
	padding: 5px 5px 0px 10px;
}
.box-category > ul > li ul > li > a {
	text-decoration: none;
	display: block;
}
.box-category > ul > li ul > li > a.active {
	font-weight: bold;
}
/* content */
#content .content {
	padding: 10px;
	overflow: auto;
	margin-bottom: 20px;
	border: 1px solid #EEEEEE;
}
#content .content .left {
	float: left;
	width: 49%;
}
#content .content .right {
	float: right;
	width: 49%;
}
/* category */
.category-info {
	overflow: auto;
	margin-bottom: 20px;
}
.category-info .image {
	float: left;
	padding: 5px;
	margin-right: 15px;
	border: 1px solid #E7E7E7;
}
.category-list {
	overflow: auto;
	margin-bottom: 20px;
}
.category-list ul {
	float: left;
	width: 18%;
}
.category-list .div a {
	text-decoration: underline;
	font-weight: bold;
}
/* manufacturer */
.manufacturer-list {
	border: 1px solid #DBDEE1;
	padding: 5px;
	overflow: auto;
	margin-bottom: 20px;
}
.manufacturer-heading {
	background: #F8F8F8;
	font-size: 15px;
	font-weight: bold;
	padding: 5px 8px;
	margin-bottom: 6px;
}
.manufacturer-content {
	padding: 8px;
}
.manufacturer-list ul {
	float: left;
	width: 25%;
	margin: 0;
	padding: 0;
	list-style: none;
	margin-bottom: 10px;
}
/* product */
.product-filter {
	border-bottom: 1px solid #EEEEEE;
	padding-bottom: 5px;
	overflow: auto;
}
.product-filter .display {
	margin-right: 15px;
	float: left;
	padding-top: 4px;
	color: #333;
}
.product-filter .display a {
	font-weight: bold;
}
.product-filter .sort {
	float: right;
	color: #333;
}
.product-filter .limit {
	margin-left: 15px;
	float: right;
	color: #333;
}
.product-compare {
	padding-top: 6px;
	margin-bottom: 25px;
	font-weight: bold;
}
.product-compare a {
	text-decoration: none;
	font-weight: bold;
	font-size: 20px;
}
.product-list > div {
	overflow: auto;
	margin-bottom: 15px;
}
.product-list .right {
	float: right;
	margin-left: 15px;
}
.product-list > div + div {
	border-top: 1px solid #EEEEEE;
	padding-top: 16px;
}
.product-list .image {
	float: left;
	margin-right: 10px;
}
.product-list .image img {
	padding: 3px;
	border: 1px solid #E7E7E7;
}
.product-list .name {
	margin-bottom: 3px;
}
.product-list .name a {
	color: #0000CC;
	font-weight: bold;
	text-decoration: none;
}
.product-list .description {
	line-height: 15px;
	margin-bottom: 5px;
	color: #4D4D4D;
}
.product-list .rating {
	color: #7B7B7B;
}
.product-list .price {
	float: right;
	height: 50px;
	margin-left: 8px;
	text-align: right;
	color: #FF0A0A;
	font-size: 26px;
	font-weight: bold;
}
.product-list .price-old {
	color: #F00;
	text-decoration: line-through;
}
.product-list .price-new {
	font-weight: bold;
}
.product-list .price-tax {
	font-size: 12px;
	font-weight: normal;
	color: #BBBBBB;
}
.product-list .cart {
	margin-bottom: 3px;
}
.product-list .wishlist, .product-list .compare {
	margin-bottom: 3px;
}
.product-list .wishlist a {
	color: #333333;
	text-decoration: none;
	padding-left: 18px;
	display: block;
	background: url('../image/add.png') left center no-repeat;
}
.product-list .compare a {
	color: #333333;
	text-decoration: none;
	padding-left: 18px;
	display: block;
	background: url('../image/add.png') left 60% no-repeat;
}
.product-grid {
	width: 100%;
	overflow: auto;
}
.product-grid > div {
	width: 130px;
	display: inline-block;
	vertical-align: top;
	margin-left: 10px;
	margin-bottom: 15px;
	text-align: center;
}
.product-grid .image {
	display: block;
	margin-bottom: 0px;
}
.product-grid .image img {
	padding: 3px;
	border: 1px solid #E7E7E7;
}
.product-grid .name a {
	color: #333;
	font-weight: bold;
	text-decoration: none;
	display: block;
	margin-bottom: 4px;
}
.product-grid .description {
	display: none;
}
.product-grid .rating {
	display: block;
	margin-bottom: 4px;
}
.product-grid .price {
	display: block;
	font-weight: bold;
	color: #92cb5b;
	margin-bottom: 4px;
	font-size: 16px;
}
.product-grid .price-old {
	color: #F00;
	text-decoration: line-through;
}
.product-grid .price-new {
	font-weight: bold;
}
.product-grid .price .price-tax {
	display: none;
}
.product-grid .cart {
	margin-bottom: 3px;
}
.product-grid .wishlist, .product-grid .compare {
	margin-bottom: 3px;
}
.product-grid .wishlist a {
	color: #333333;
	text-decoration: none;
	padding-left: 18px;
	display: block;
	background: url('../image/add.png') left center no-repeat;
}
.product-grid .compare a {
	color: #333333;
	text-decoration: none;
	padding-left: 18px;
	display: block;
	background: url('../image/add.png') left center no-repeat;
}
.product-grid .compare a:hover, .product-grid .wishlist a:hover {
    color: #000;
	font-weight: bold;
}
.product-list .compare a:hover, .product-list .wishlist a:hover {
    color: #000;
}
/* Product */
.product-info {
	overflow: auto;
	margin-bottom: 20px;
}
.product-info > .left {
	float: left;
	margin-right: 15px;
}
.product-info > .left + .right {
	margin-left: 265px;
}
.product-info .image {
	border: 1px solid #E7E7E7;
	float: left;
	margin-bottom: 20px;
	padding: 10px;
	text-align: center;
}
.product-info .image-additional {
	width: 260px;
	margin-left: -10px;
	clear: both;
	overflow: hidden;
}
.product-info .image-additional img {
	border: 1px solid #E7E7E7;
}
.product-info .image-additional a {
	float: left;
	display: block;
	margin-left: 10px;
	margin-bottom: 10px;
}
.product-info .description {
	border-top: 1px solid #E7E7E7;
	border-bottom: 1px solid #E7E7E7;
	padding: 5px 5px 10px 5px;
	margin-bottom: 10px;
	line-height: 20px;
	color: #006600;
}
.product-info .description span {
	color: #000;
}
.product-info .description a {
	color: #009900;
	text-decoration: none;
}
.product-info .price {
	overflow: auto;
	border-bottom: 1px solid #E7E7E7;
	padding: 0px 5px 10px 5px;
	margin-bottom: 10px;
	font-size: 21px;
	font-weight: bold;
	color: #333333;
}
.product-info .price-old {
	color: #F00;
	text-decoration: line-through;
}
.product-info .price-new {
	
}
.product-info .price-tax {
	font-size: 12px;
	font-weight: normal;
	color: #999;
}
.product-info .price .reward {
	font-size: 12px;
	font-weight: normal;
	color: #999;
}
.product-info .price .discount {
	font-weight: normal;
	font-size: 17px;
	color: #FF0A0A;
}
.product-info .options {
	border-bottom: 1px solid #E7E7E7;
	padding: 0px 5px 10px 5px;
	margin-bottom: 10px;
	color: #000000;
}
.product-info .cart {
	border-bottom: 1px solid #E7E7E7;
	padding: 0px 5px 10px 5px;
	margin-bottom: 20px;
	color: #4D4D4D;
	overflow: auto;
}
.product-info .cart div {
	float: left;
	vertical-align: middle;
}
.product-info .cart div > span {
	padding-top: 7px;
	display: block;
	color: #999;
}
.product-info .cart .minimum {
	padding-top: 5px;
	font-size: 11px;
	color: #999;
	clear: both;
}
.product-info .review {
	color: #4D4D4D;
	border-top: 1px solid #E7E7E7;
	border-left: 1px solid #E7E7E7;
	border-right: 1px solid #E7E7E7;
	margin-bottom: 10px;
}
.product-info .review > div {
	padding: 8px;
	border-bottom: 1px solid #E7E7E7;
	line-height: 20px;
}
.product-info .review > div > span {
	color: #38B0E3;
}
.product-info .review .share {
	overflow: auto;
	line-height: normal;
}
.product-info .review .share a {
	text-decoration: none;
}
.attribute {
	border-collapse: collapse;
	width: 100%;
	border-top: 1px solid #DDDDDD;
	border-left: 1px solid #DDDDDD;
	margin-bottom: 20px;
}
.attribute thead td, .attribute thead tr td:first-child {
	color: #000000;
	font-size: 14px;
	font-weight: bold;
	background: #F7F7F7;
	text-align: left;
}
.attribute tr td:first-child {
	color: #000000;
	font-weight: bold;
	text-align: right;
	width: 20%;
}
.attribute td {
	padding: 7px;
	color: #4D4D4D;
	text-align: center;
	vertical-align: top;
	border-right: 1px solid #DDDDDD;
	border-bottom: 1px solid #DDDDDD;
}
.compare-info {
	border-collapse: collapse;
	width: 100%;
	border-top: 1px solid #DDDDDD;
	border-left: 1px solid #DDDDDD;
	margin-bottom: 20px;
}
.compare-info thead td, .compare-info thead tr td:first-child {
	color: #000000;
	font-size: 14px;
	font-weight: bold;
	background: #F7F7F7;
	text-align: left;
}
.compare-info tr td:first-child {
	color: #000000;
	font-weight: bold;
	text-align: right;
}
.compare-info td {
	padding: 7px;
	width: 20%;
	color: #4D4D4D;
	text-align: center;
	vertical-align: top;
	border-right: 1px solid #DDDDDD;
	border-bottom: 1px solid #DDDDDD;
}
.compare-info .name a {
	font-weight: bold;
}
.compare-info .price-old {
	font-weight: bold;
	color: #F00;
	text-decoration: line-through;
}
.compare-info .price-new {
	font-weight: bold;
}
/* wishlist */
.wishlist-product table {
	width: 100%;
	border-collapse: collapse;
	border-top: 1px solid #DDDDDD;
	border-left: 1px solid #DDDDDD;
	border-right: 1px solid #DDDDDD;
	margin-bottom: 20px;
}
.wishlist-product td {
	padding: 7px;
}
.wishlist-product thead td {
	color: #4D4D4D;
	font-weight: bold;
	background-color: #F7F7F7;
	border-bottom: 1px solid #DDDDDD;
}
.wishlist-product thead .remove, .wishlist-product thead .image, .wishlist-product thead .cart {
	text-align: center;
}
.wishlist-product thead .name, .wishlist-product thead .model, .wishlist-product thead .stock {
	text-align: left;
}
.wishlist-product thead .quantity, .wishlist-product thead .price, .wishlist-product thead .total {
	text-align: right;
}
.wishlist-product tbody td {
	vertical-align: top;
	border-bottom: 1px solid #DDDDDD;
}
.wishlist-product tbody .remove {
	vertical-align: middle;
}
.wishlist-product tbody .remove, .wishlist-product tbody .image, .wishlist-product tbody .cart {
	text-align: center;
}
.wishlist-product tbody .name, .wishlist-product tbody .model, .wishlist-product tbody .stock {
	text-align: left;
}
.wishlist-product tbody .quantity, .wishlist-product tbody .price, .wishlist-product tbody .total {
	text-align: right;
}
.wishlist-product tbody .price s {
	color: #F00;
}
.login-content {
	margin-bottom: 20px;
	overflow: auto;
}
.login-content .left {
	float: left;
	width: 48%;
}
.login-content .right {
	float: right;
	width: 48%
}
.login-content .left .content, .login-content .right .content {
	min-height: 190px;
}
/* orders */
.order-list {
	margin-bottom: 10px;
}
.order-list .order-id {
	width: 49%;
	float: left;
	margin-bottom: 2px;
}
.order-list .order-status {
	width: 49%;
	float: right;
	text-align: right;
	margin-bottom: 2px;
}
.order-list .order-content {
	padding: 10px 0px;
	display: inline-block;
	width: 100%;
	margin-bottom: 20px;
	border-top: 1px solid #EEEEEE;
	border-bottom: 1px solid #EEEEEE;
}
.order-list .order-content div {
	float: left;
	width: 33.3%;
}
.order-list .order-info {
	text-align: right;
}
.order-detail {
	background: #EFEFEF;
	font-weight: bold;
}
/* returns */
.return-list {
	margin-bottom: 10px;
}
.return-list .return-id {
	width: 49%;
	float: left;
	margin-bottom: 2px;
}
.return-list .return-status {
	width: 49%;
	float: right;
	text-align: right;
	margin-bottom: 2px;
}
.return-list .return-content {
	padding: 10px 0px;
	display: inline-block;
	width: 100%;
	margin-bottom: 20px;
	border-top: 1px solid #EEEEEE;
	border-bottom: 1px solid #EEEEEE;
}
.return-list .return-content div {
	float: left;
	width: 33.3%;
}
.return-list .return-info {
	text-align: right;
}
.return-product {
	overflow: auto;
	margin-bottom: 20px;
}
.return-name {
	float: left;
	width: 33.3%;
}
.return-model {
	float: left;
	width: 33.3%;
}
.return-quantity {
	float: left;
	width: 33.3%;
}
.return-detail {
	overflow: auto;
	margin-bottom: 20px;
}
.return-reason {
	float: left;
	width: 33.3%;
}
.return-opened {
	float: left;
	width: 33.3%;
}
.return-opened textarea {
	width: 98%;
	vertical-align: top;
}
.return-remove {
	float: left;
	width: 33.3%;
	padding-top: 90px;
	text-align: center;
	vertical-align: middle;
}
.return-additional {
	overflow: auto;
	margin-bottom: 20px;
}
.return-comment {
	float: left;
	width: 49%;
}
.return-captcha {
	float: right;
	width: 49%;
}
.download-list {
	margin-bottom: 10px;
}
.download-list .download-id {
	width: 49%;
	float: left;
	margin-bottom: 2px;
}
.download-list .download-status {
	width: 49%;
	float: right;
	text-align: right;
	margin-bottom: 2px;
}
.download-list .download-content {
	padding: 10px 0px;
	display: inline-block;
	width: 100%;
	margin-bottom: 20px;
	border-top: 1px solid #EEEEEE;
	border-bottom: 1px solid #EEEEEE;
}
.download-list .download-content div {
	float: left;
	width: 33.3%;
}
.download-list .download-info {
	text-align: right;
}
/* cart */
.cart-info table {
	width: 100%;
	margin-bottom: 20px;
	border-collapse: collapse;
	border-top: 1px solid #DDDDDD;
	border-left: 1px solid #DDDDDD;
	border-right: 1px solid #DDDDDD;
}
.cart-info td {
	padding: 7px;
}
.cart-info thead td {
	color: #4D4D4D;
	font-weight: bold;
	background-color: #F7F7F7;
	border-bottom: 1px solid #DDDDDD;
}
.cart-info thead .remove, .cart-info thead .image {
	text-align: center;
}
.cart-info thead .name, .cart-info thead .model {
	text-align: left;
}
.cart-info thead .quantity, .cart-info thead .price, .cart-info thead .total {
	text-align: right;
}
.cart-info tbody td {
	vertical-align: top;
	border-bottom: 1px solid #DDDDDD;
}
.cart-info tbody .remove {
	vertical-align: middle;
}
.cart-info tbody .remove, .cart-info tbody .image {
	text-align: center;
}
.cart-info tbody .name, .cart-info tbody .model {
	text-align: left;
}
.cart-info tbody .quantity, .cart-info tbody .price, .cart-info tbody .total {
	text-align: right;
}
.cart-info tbody span.stock {
	color: #F00;
	font-weight: bold;
}
.cart-module .cart-heading {
	border: 1px solid #DBDEE1;
	padding: 8px 8px 8px 22px;
	font-weight: bold;
	font-size: 13px;
	color: #555555;
	margin-bottom: 15px;
	cursor: pointer;
	background: #F8F8F8 url('../image/arrow-right.png') 10px 50% no-repeat;
}
.cart-module .active {
	background: #F8F8F8 url('../image/arrow-down.png') 7px 50% no-repeat;
}
.cart-module .cart-content {
	padding: 0px 0px 15px 0px;
	display: none;
	overflow: auto;
}
.cart-total {
	border-top: 1px solid #DDDDDD;
	overflow: auto;
	padding-top: 8px;
	margin-bottom: 15px;
}
.cart-total table {
	float: right;
}
.cart-total td {
	padding: 3px;
	text-align: right;
}
/* checkout */
.checkout-heading {
	background: #F8F8F8;
	border: 1px solid #DBDEE1;
	padding: 8px;
	font-weight: bold;
	font-size: 13px;
	color: #555555;
	margin-bottom: 15px;
}
.checkout-heading a {
	float: right;
	margin-top: 1px;
	font-weight: normal;
	text-decoration: none;
}
.checkout-content {
	padding: 0px 0px 15px 0px;
	display: none;
	overflow: auto;
}
.checkout-content .left {
	float: left;
	width: 48%;
}
.checkout-content .right {
	float: right;
	width: 48%;
}
.checkout-content .buttons {
	clear: both;
}
.checkout-product table {
	width: 100%;
	border-collapse: collapse;
	border-top: 1px solid #DDDDDD;
	border-left: 1px solid #DDDDDD;
	border-right: 1px solid #DDDDDD;
	margin-bottom: 20px;
}
.checkout-product td {
	padding: 7px;
}
.checkout-product thead td {
	color: #4D4D4D;
	font-weight: bold;
	background-color: #F7F7F7;
	border-bottom: 1px solid #DDDDDD;
}
.checkout-product thead .name, .checkout-product thead .model {
	text-align: left;
}
.checkout-product thead .quantity, .checkout-product thead .price, .checkout-product thead .total {
	text-align: right;
}
.checkout-product tbody td {
	vertical-align: top;
	border-bottom: 1px solid #DDDDDD;
}
.checkout-product tbody .name, .checkout-product tbody .model {
	text-align: left;
}
.checkout-product tbody .quantity, .checkout-product tbody .price, .checkout-product tbody .total {
	text-align: right;
}
.checkout-product tfoot td {
	text-align: right;
	border-bottom: 1px solid #DDDDDD;
}
.contact-info {
	overflow: auto;
}
.contact-info .left {
	float: left;
	width: 48%;
}
.contact-info .right {
	float: left;
	width: 48%;
}
.sitemap-info {
	overflow: auto;
	margin-bottom: 40px;
}
.sitemap-info .left {
	float: left;
	width: 48%;
}
.sitemap-info .right {
	float: left;
	width: 48%;
}
/* footer */ 
#footer {
	clear: both;
	overflow: auto;
	min-height: 100px;
	padding: 20px;
	border: 1px solid #fff;
	background:  url("../image/bgfooter.png") top center no-repeat;

}
#footer h3 {
    
    margin-left: 45px;
	color: #003DF5;
	font-size: 17px;
	margin-top: 0px;
	margin-bottom: 8px;
}
#footer .column {
	float: left;
	width: %;
	min-height: 150px;
	border-right: 3px solid #FFFFFF;
	margin-left: 10px;
}
#footer .column ul {
    
    margin-left: 35px;
	margin-top: 0px;
	padding-left: 12px;
	list-style: url('../image/bullet.png');
}
#footer .column ul li {
	margin-bottom: 3px;
}
#footer .column a {
	text-decoration: none;
	color: #000000;
	font-weight: bold;
}
#footer .column a:hover {
	color: #000;
}
#powered {
	margin-top: 35px;
	margin-left: 45px;
}
/* banner */
.banner div {
	text-align: center;
	width: 100%;
}
.banner div img {
	margin-bottom: 0px;
}
.back  
{  
  position:absolute;  
  top:0;left:0;  
  border: 10px solid #ddd;
}  
.wimg  
{  
  width:170px;  
  height:170px;  
  position:relative;  
  margin:auto;  
  overflow:hidden;  
}  
  
.comment  
{  
  position:absolute;  
  width:170px;  
  top:180px;  
  left:0px;    
  color: white; font: 24px/45px Berlin Sans FB, Sans-Serif;  
  background: url('../image/bbg.png') repeat;  
  line-height: 90%;  
  text-align: center;
  padding-top: 10px;
} 
/*New classes */
#firstnav { 
    width: 100%;
	height: 40px;
}
.navlinks {
    float: left;
	margin-top: 10px;
}
.navlinks a {
	text-decoration: none;
	font-size: 13px;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 10px;
	padding-bottom: 7px;
	color: #fff;
	border-right: 1px solid #bbb;
}
.navlinks a:hover {
    background: #000;
	color: #fff;
}
.micad,
a.micad:visited {
	margin-top: 3px;
	background: url('../image/micad.png') no-repeat left center transparent;
	padding: 5px 14px;;
	text-decoration: none;
	cursor:pointer;
}
a.micad:hover {
    background: url('../image/micada.png') no-repeat left center transparent;
}
.box-info {
	margin-top: -5px;
	margin-left: 10px;
}
.box-info ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
.box-info > ul > li {
	padding: 8px 8px 8px 0px;
	border-top: 1px dotted #bbb;
}
.box-info > ul > li > a {
	text-decoration: none;
	color: #111;
}
.box-info > ul > li > a:hover {
    color: #006600;
}


















.container-menu-footer {
    float: left;
    margin-top: 25px;
    width: 940px;
}
.footer-left {
    float: left;
    margin-right: 10px;
    width: 690px;
}
.institucional {
    border-right: 1px dotted #93490B;
    float: left;
    height: 290px;
    margin-bottom: 10px;
    margin-right: 32px;
    padding-right: 10px;
    width: 150px;
}
.institucional a {
color:#FFFFFF;
}
p {
    margin: 0 0 10px;
}
img {
    border: 0 none;
    vertical-align: top;
}
.footer ul {
    float: left;
}
.footer li {
    font-size: 11px;
    padding: 0 5px 2px 0;
}
.footer a {
    color: #FFFFFF;
    font-size: 12px;
    text-decoration: none;
}
.ajuda-suporte {
    border-right: 1px dotted #93490B;
    float: left;
    height: 290px;
    margin-bottom: 10px;
    margin-right: 20px;
    padding-right: 10px;
    width: 150px;
}
.ajuda-suporte a {
color:#FFFFFF;
}
.payforms {
    border-right: 1px dotted #93490B;
    float: left;
    height: 290px;
    margin-bottom: 10px;
    padding-right: 20px;
    width: 288px;
}
.footer-right {
    background-color: #FFFFFF;
    float: right;
    height: 290px;
    width: 237px;
}
.news-footer {
    background: none repeat scroll 0 0 #FFFFFF;
    height: 292px;
    margin: 0 auto;
    padding: 0;
    width: 239px;
}
element.style {
    border: medium none;
    height: 292px;
    overflow: hidden;
    width: 239px;
}
#errorPageContainer {
    -moz-padding-start: 30px;
    background-attachment: scroll;
    background-clip: border-box;
    background-color: -moz-field;
    background-image: url("chrome://global/skin/icons/warning-large.png");
    background-origin: content-box;
    background-position: left 0;
    background-repeat: no-repeat;
    background-size: auto auto;
    border: 1px solid threedshadow;
    border-radius: 10px 10px 10px 10px;
    margin: 4em auto;
    max-width: 52em;
    min-width: 13em;
    padding: 3em;
    position: relative;
}
#errorTitle {
    -moz-margin-start: 80px;
}
h1 {
    border-bottom: 1px solid threedlightshadow;
    font-size: 160%;
    margin: 0 0 0.6em;
}
#errorLongContent {
    -moz-margin-start: 80px;
}
#errorShortDesc > p {
    border-bottom: 1px solid threedlightshadow;
    font-size: 130%;
    overflow: auto;
    padding-bottom: 1em;
    white-space: pre-wrap;
}
#errorTryAgain {
    -moz-margin-start: 80px;
    margin-top: 2em;
}
.redes_center {
    background-color: #F5F5F5;
    border-radius: 6px 6px 6px 6px;
    color: #666666;
    float: left;
    font-size: 12px;
    font-weight: bold;
    line-height: 12px;
    margin-top: 10px;
    padding-left: 40px;
    width: 199px;
}
.redes_center a img {
    float: left;
    margin-top: -8px;
}
.div-aviso-legal {
    float: left;
    margin-top: 25px;
    width: 940px;
}
.div-aviso-legal span {
    color: #504F4F;
    font-family: Tahoma,Geneva,sans-serif;
    font-size: 12px;
    font-weight: bold;
}
.div-aviso-legal p {
    color: #FFFFFF;
    font-family: Tahoma,Geneva,sans-serif;
    font-size: 12px;
    margin: 0;
}
.container-menu-footer {
    float: left;
    margin-top: 25px;
    width: 940px;
}

Re: Colocar produtos em grade (ajuda) [Resolvido]#15424

Por Renato Frota - 12 Fev 2012, 17:45

- 12 Fev 2012, 17:45 #15424

Então como você diz que alterou e não funcionou se foram essas as 2 propriedades que eu indiquei?

http://www.w3schools.com/css

Atendimento TI - Módulos e Extensões para OpenCart
EU NÃO DOU SUPORTE GRÁTIS POR MP! NÃO INSISTA!

Re: Colocar produtos em grade (ajuda) [Resolvido]#15429

Por cesario678 - 12 Fev 2012, 18:23

- 12 Fev 2012, 18:23 #15429

Renato Frota escreveu:Então como você diz que alterou e não funcionou se foram essas as 2 propriedades que eu indiquei?

http://www.w3schools.com/css

Voce me indicou um link,ai fui la e fiz tudo.
E falou para min alterar o padding/margin para dar espaço entre os produtos.

mais te falei, que fazendo oque estava naquele link, que voce me indicou.
nao deu certo e que os produtos nao estavam em grade.
foi isso.

Re: Colocar produtos em grade (ajuda) [Resolvido]#15440

Por Renato Frota - 13 Fev 2012, 00:18

- 13 Fev 2012, 00:18 #15440

Mas o tutorial do link faz uma coisa, e o CSS faz a outra.

Você conseguiu fazer ficar em grade seguindo o tutorial do link?

Não misture as bolas, como se o link não tivesse ajudado a resolver o segundo problema.

Você precisa esclarecer melhor as coisas que tá querendo, parceiro... fico perdido desse jeito.

Atendimento TI - Módulos e Extensões para OpenCart
EU NÃO DOU SUPORTE GRÁTIS POR MP! NÃO INSISTA!

Re: Colocar produtos em grade (ajuda) [Resolvido]#15462

Por cesario678 - 13 Fev 2012, 13:07

- 13 Fev 2012, 13:07 #15462

Renato Frota escreveu:Mas o tutorial do link faz uma coisa, e o CSS faz a outra.

Você conseguiu fazer ficar em grade seguindo o tutorial do link?

Não misture as bolas, como se o link não tivesse ajudado a resolver o segundo problema.

Você precisa esclarecer melhor as coisas que tá querendo, parceiro... fico perdido desse jeito.

Mais eu nao estou misturando,La em cima eu falei que nao consegui colocar em grade,mesmo seguindo o tutorial e tambem fiz um arquivo xml, que tambem nao funcionou.
entao é isso,nao consegui colocar em grade.

Fórum OpenCart Brasil