Перейти до вмісту
Пошук в
  • Детальніше...
Шукати результати, які ...
Шукати результати в ...

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


andreyseo

Recommended Posts

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

Выходы:

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

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

Надіслати
Поділитися на інших сайтах


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

Выходы:

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

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

Спасибо, поподробнее можно? С движком только вчера познакомился
Надіслати
Поділитися на інших сайтах


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

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

Надіслати
Поділитися на інших сайтах


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

/*--------------------------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;
}
Надіслати
Поділитися на інших сайтах


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

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

  • +1 1
Надіслати
Поділитися на інших сайтах


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

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

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

Надіслати
Поділитися на інших сайтах


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

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;

готово.

  • +1 1
Надіслати
Поділитися на інших сайтах


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

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;

готово.

Спасибо, теперь все гуд)
Надіслати
Поділитися на інших сайтах


Створіть аккаунт або увійдіть для коментування

Ви повинні бути користувачем, щоб залишити коментар

Створити обліковий запис

Зареєструйтеся для отримання облікового запису. Це просто!

Зареєструвати аккаунт

Вхід

Уже зареєстровані? Увійдіть тут.

Вхід зараз
  • Зараз на сторінці   0 користувачів

    • Ні користувачів, які переглядиють цю сторінку

×
×
  • Створити...

Important Information

На нашому сайті використовуються файли cookie і відбувається обробка деяких персональних даних користувачів, щоб поліпшити користувальницький інтерфейс. Щоб дізнатися для чого і які персональні дані ми обробляємо перейдіть за посиланням . Якщо Ви натиснете «Я даю згоду», це означає, що Ви розумієте і приймаєте всі умови, зазначені в цьому Повідомленні про конфіденційність.