Перейти к содержимому


Как Отредактировать Отображение Каталога?


  • Авторизуйтесь для ответа в теме
Сообщений в теме: 4

#1 defistaf

defistaf

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 235 сообщений

Отправлено 16 Август 2016 - 20:10

Добрый день, вопрос на фото, на данный момент каталог отображается кривовато, как привести его в порядок?

Прикрепленные изображения

  • 2016-08-17_00-07-29.png


#2 MikDark

MikDark

    Активный участник

  • Модераторы
  • 6 468 сообщений

Отправлено 16 Август 2016 - 20:50

Просмотр сообщенияdefistaf (16 Август 2016 - 20:10) писал:

Добрый день, вопрос на фото, на данный момент каталог отображается кривовато, как привести его в порядок?

В style.css найдите, пожалуйста:
#category_view_type.grid_view #product_list li {
	display: inline-block;
	display: -moz-inline-stack;
	position: relative;
	width: 200px;
	height: 250px;
	margin: 0 15px;
	padding: 0;
	border: 0;
	vertical-align: top;
	text-align: center;
	z-index: 100;
	box-shadow: 0 0 0 1px rgba(0,0,0,0.095) ,0 1.5px 1.5px 0 rgba(0,0,0,0.2),0 2px 1.5px 0 rgba(0,0,0,0.1);
	-moz-box-shadow: 0 0 0 1px rgba(0,0,0,0.095) ,0 1.5px 1.5px 0 rgba(0,0,0,0.2),0 2px 1.5px 0 rgba(0,0,0,0.1);
}

и замените на:

#category_view_type.grid_view #product_list li {
	display: inline-block;
	display: -moz-inline-stack;
	position: relative;
	width: 200px;
	margin: 0 15px;
	padding: 0;
	border: 0;
	vertical-align: top;
	text-align: center;
	z-index: 100;
	box-shadow: 0 0 0 1px rgba(0,0,0,0.095) ,0 1.5px 1.5px 0 rgba(0,0,0,0.2),0 2px 1.5px 0 rgba(0,0,0,0.1);
	-moz-box-shadow: 0 0 0 1px rgba(0,0,0,0.095) ,0 1.5px 1.5px 0 rgba(0,0,0,0.2),0 2px 1.5px 0 rgba(0,0,0,0.1);
}


#3 defistaf

defistaf

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 235 сообщений

Отправлено 19 Август 2016 - 12:18

Просмотр сообщенияMikDark (16 Август 2016 - 20:50) писал:

В style.css найдите, пожалуйста:
#category_view_type.grid_view #product_list li {
display: inline-block;
display: -moz-inline-stack;
position: relative;
width: 200px;
height: 250px;
margin: 0 15px;
padding: 0;
border: 0;
vertical-align: top;
text-align: center;
z-index: 100;
box-shadow: 0 0 0 1px rgba(0,0,0,0.095) ,0 1.5px 1.5px 0 rgba(0,0,0,0.2),0 2px 1.5px 0 rgba(0,0,0,0.1);
-moz-box-shadow: 0 0 0 1px rgba(0,0,0,0.095) ,0 1.5px 1.5px 0 rgba(0,0,0,0.2),0 2px 1.5px 0 rgba(0,0,0,0.1);
}

и замените на:

#category_view_type.grid_view #product_list li {
display: inline-block;
display: -moz-inline-stack;
position: relative;
width: 200px;
margin: 0 15px;
padding: 0;
border: 0;
vertical-align: top;
text-align: center;
z-index: 100;
box-shadow: 0 0 0 1px rgba(0,0,0,0.095) ,0 1.5px 1.5px 0 rgba(0,0,0,0.2),0 2px 1.5px 0 rgba(0,0,0,0.1);
-moz-box-shadow: 0 0 0 1px rgba(0,0,0,0.095) ,0 1.5px 1.5px 0 rgba(0,0,0,0.2),0 2px 1.5px 0 rgba(0,0,0,0.1);
}
только в товары тоже смещаются вверх.

#4 Danil

Danil

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 4 645 сообщений

Отправлено 19 Август 2016 - 12:27

Просмотр сообщенияdefistaf (19 Август 2016 - 12:18) писал:

только в товары тоже смещаются вверх.
В конец style.css добавьте
#category_view_type.grid_view .grid2#product_list li {
	height: 215px;
}


#5 defistaf

defistaf

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 235 сообщений

Отправлено 31 Август 2016 - 13:09

Спасибо всем!




Количество пользователей, читающих эту тему: 0

0 пользователей, 0 гостей, 0 анонимных