Не правильное отображение товаров

[andreyseo]

В чем проблема? Как исправить?

[templater]

У вас в CSS блоки с товарами организованы через float: left. Из-за разной высоты блоков получается смещение.

Выходы:

а) display: inline (я бы так сделал)

б) таблицей переверстать вывод

[andreyseo]

У вас в CSS блоки с товарами организованы через float: left. Из-за разной высоты блоков получается смещение.

Выходы:

а) display: inline (я бы так сделал)

б) таблицей переверстать вывод

Спасибо, поподробнее можно? С движком только вчера познакомился

[templater]

чтобы подробнее - ссылку на сайт плз

[andreyseo]

чтобы подробнее - ссылку на сайт плз

Сайт на локалке, где именно нужно изменять в каком файле и какие переменные например отвечают за вывод на главной в этом движке...

[templater]

Извините, но я не могу вслепую ответить точно. Скорее всего - файл stylesheet.css. Переменные никакие трогать не нужно.

[andreyseo]

Извините, но я не могу вслепую ответить точно. Скорее всего - файл stylesheet.css. Переменные никакие трогать не нужно.

[andreyseo]

Тут надо изменять?

/*--------------------------center content--------------------------*/
.center_content {
	width:600px;
	float:left;
	padding:5px 10px 5px 15px;
}
.center_title_bar {
	width:575px;
	height:31px;
	float:left;
	padding:0 0 0 10px;
	margin:0 0 0 5px;
	line-height:31px;
	font-size:12px;
	color:#159DCC;
	font-weight:bold;
	background:url('../image/bar_bg.gif') no-repeat center;
}
/*----------------------right content-------------------*/
.right_content {
	width:180px;
	float:left;
	padding:0px;
	margin-bottom:10px;
}
/*-------------------------prod_box----------------------*/
.prod_box {
	width:173px;
	height:auto;
	float:left;
	padding:10px 10px 10px 11px;
}
.center_prod_box {
	width:173px;
	height: auto;
	float:left;
	text-align:center;
	padding:0px;
	margin:0px;
	border:1px #F0F4F5 solid;
}
.prod_details_tab {
	width:173px;
	height:31px;
	float:left;
	margin:3px 0 0 0;
}
a.prod_details, a.prod_buy {
	width:75px;
	height:24px;
	display:block;
	background:url('../image/link_bg.gif') no-repeat center;
	text-align:center;
	line-height:24px;
	text-decoration:none;
	cursor:pointer;
}
a.prod_details {
	float:right;
	margin:2px 5px 0 0;
	color:#159dcc;
}
a.prod_compare {
	float:left;
	margin:2px 0 0 5px;
	color:#159dcc;
}
a.prod_buy {
	float:left;
	margin:2px 0 0 5px;
	color: #006600;
}
/*--------------------prod_box_big---------------------*/
.prod_box_big {
	width:570px;
	height:auto;
	float:left;
	padding:10px;
}
.center_prod_box_big {
	width:570px;
	height: auto;
	float:left;
	text-align:center;
	padding:0px;
	margin:0px;
	border:1px #F0F4F5 solid;
}
.product_title_big {
	color:#ff8a00;
	padding:5px 0 5px 0;
	font-weight:bold;
	font-size:14px;
}
span.blue {
	color:#159DCC;
}

[templater]

Не знаю я ))) выставьте магазин куда-нить посмотреть, или хотя бы скажите, что это за модуль, темплейт.

Если хотите, чтобы вам помогли - дайте достаточно исходной информации, никто ведь не будет заниматься угадыванием.

[andreyseo]

Не знаю я ))) выставьте магазин куда-нить посмотреть, или хотя бы скажите, что это за модуль, темплейт.

Если хотите, чтобы вам помогли - дайте достаточно исходной информации, никто ведь не будет заниматься угадыванием.

https://opencartforum.com/topic/2328-tool-shop/ этот шаблон...)

[templater]

это другое дело.

1. открываете /catalog/view/theme/tool_shop/stylesheet/stylesheet.css

2. в строке 307 (у вас уже может отличаться) находите фрагмент:

.prod_box {
width: 173px;
height: auto;
float: left;
padding: 10px 10px 10px 11px;
}

3. в нем заменяете float: left; на display: inline-block;

готово.

[andreyseo]

это другое дело.

1. открываете /catalog/view/theme/tool_shop/stylesheet/stylesheet.css

2. в строке 307 (у вас уже может отличаться) находите фрагмент:

.prod_box {
width: 173px;
height: auto;
float: left;
padding: 10px 10px 10px 11px;
}

3. в нем заменяете float: left; на display: inline-block;

готово.

Спасибо, теперь все гуд)