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


Помогите Растянуть Размер Подкатегории


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

#21 Serg83

Serg83

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

  • Пользователи
  • PipPipPipPip
  • 530 сообщений
  • Городсанкт-петербург

Отправлено 26 Январь 2013 - 15:32

Просмотр сообщенияsupport 2.0 (26 Январь 2013 - 15:22) писал:

Сейчас на Вашем сайте я не вижу изменений, которые были предложены в моем последнем сообщении. Поверьте сохранили ли Вы файл main.css после его редактирования

кончено, уверен.
меня тоже удивило, что вообще ничего не изменилось....
могу дать доступ к админке, сами посмотрите

#22 Serg83

Serg83

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

  • Пользователи
  • PipPipPipPip
  • 530 сообщений
  • Городсанкт-петербург

Отправлено 26 Январь 2013 - 15:49

также не понятно почему все Подкатегории разного размера.....
попробовал загрузить в раздел "кастрюли" фото разных размеров, но увы на размерах подкатегории это не отразилось :huh:

#23 support 2.0

support 2.0

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

  • Модераторы
  • 4 950 сообщений

Отправлено 26 Январь 2013 - 15:53

Просмотр сообщенияSerg83 (26 Январь 2013 - 15:49) писал:

также не понятно почему все Подкатегории разного размера.....
попробовал загрузить в раздел "кастрюли" фото разных размеров, но увы на размерах подкатегории это не отразилось :huh:

Зайдите на Ваш сайт через другой браузер. Так получилось, что и у Вас и у меня одновременно заполнился кэш и нужного его почистить в настройках браузера

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

  • ScreenShot 77.jpg


#24 support 2.0

support 2.0

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

  • Модераторы
  • 4 950 сообщений

Отправлено 26 Январь 2013 - 16:29

Просмотр сообщенияSerg83 (26 Январь 2013 - 15:02) писал:

увы, ничего не изменилось :(

Теперь осталось еще немного подкорректировать стили в файле main.css
1. найдите блок
.withBorder, #primaryContent > .content_catalog_nested_categories li {
		border: 1px solid #E5E5E5 !important;
		height:190px;
}

замените на
.withBorder, #primaryContent > .content_catalog_nested_categories li {
		border: 1px solid #E5E5E5 !important;
		height: 270px;
}

2. теперь найдите блок
.goodsListItemImage				 {height:142px;margin-top:1em}
.goodsListItemName				  {line-height:1.2em;padding:0px 2px 0px 2px;margin:0px;max-height:70px;overflow:hidden;}

замените на
.goodsListItemImage				 {height: 125px;margin-top:1em}
.goodsListItemName				  {line-height:1.2em;padding:20px 2px 0px 2px;margin:0px;max-height:70px;overflow:hidden;}

3. теперь найдите блок
#primaryContent table .content_catalog_nested_categories li {
   height: 210px;
   width: 200px;
}

замените его на
#primaryContent table .content_catalog_nested_categories li {
   height: 290px;
   width: 200px;
}


#25 Serg83

Serg83

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

  • Пользователи
  • PipPipPipPip
  • 530 сообщений
  • Городсанкт-петербург

Отправлено 27 Январь 2013 - 10:57

Просмотр сообщенияsupport 2.0 (26 Январь 2013 - 15:53) писал:

Зайдите на Ваш сайт через другой браузер. Так получилось, что и у Вас и у меня одновременно заполнился кэш и нужного его почистить в настройках браузера

:D Вы правы. утром зашел на сайт и вид подкатегорий изменился. сорри...

#26 Serg83

Serg83

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

  • Пользователи
  • PipPipPipPip
  • 530 сообщений
  • Городсанкт-петербург

Отправлено 27 Январь 2013 - 11:04

Просмотр сообщенияsupport 2.0 (26 Январь 2013 - 16:29) писал:

.goodsListItemImage				 {height: 125px;margin-top:1em}
.goodsListItemName				 {line-height:1.2em;padding:20px 2px 0px 2px;margin:0px;max-height:70px;overflow:hidden;}

а подскажите, пожалуйста, за что отвечает значение "125"? это размер картинки в блоке подкатегории/категории/товара в каталоге?

большое спасибо за подсказки, далее думаю настрою размеры как  нужно.
остался только 1 вопрос - как растояние между подкатегориями (отступ по горизонтали, в частности) сделать меньше?

#27 Koderhan

Koderhan

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

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

Отправлено 27 Январь 2013 - 11:20

Это размер высоты блока с изображением.
height: 125px


#28 Serg83

Serg83

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

  • Пользователи
  • PipPipPipPip
  • 530 сообщений
  • Городсанкт-петербург

Отправлено 27 Январь 2013 - 12:45

Просмотр сообщенияsupport 2.0 (26 Январь 2013 - 16:29) писал:

Теперь осталось еще немного подкорректировать стили в файле main.css
1. найдите блок
.withBorder, #primaryContent > .content_catalog_nested_categories li {
	 border: 1px solid #E5E5E5 !important;
	 height:190px;
}

по умолчанию в данном блоке нет параметра "height:190px".
если здесь задавать высоту, то она меняется сразу и у Категорий и у Товаров (при просмотре каталога). Оптимальное среднее значение найти нельзя.... либо категории слишком большие, либо блок товаров - маленький.

при удалении этого параметра - выравниваются и категории и товары.

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

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

  • Снимок экрана 2013-01-27 в 13.46.54.png


#29 Koderhan

Koderhan

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

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

Отправлено 27 Январь 2013 - 13:12

В файл "main.csstemplate".
Добавить код:
.content_catalog_nested_categories .withBorder, #primaryContent > .content_catalog_nested_categories li {
		border: 1px solid #E5E5E5 !important;
		height:190px;
}
Данный код будет применяться только к категориям.

#30 Kasenka

Kasenka

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 86 сообщений
  • ГородТверь

Отправлено 20 Февраль 2013 - 10:13

Здравствуйте! у меня почему-то изображение подкатегории выходит за рамки www.nilovashop.ru

#31 Koderhan

Koderhan

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

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

Отправлено 20 Февраль 2013 - 10:48

Просмотр сообщенияKasenka (20 Февраль 2013 - 10:13) писал:

Здравствуйте! у меня почему-то изображение подкатегории выходит за рамки www.nilovashop.ru
Пожалуйста, не могли бы привести пример.

#32 Eugie89

Eugie89

    Продвинутый пользователь

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

Отправлено 29 Июль 2013 - 23:59

Подскажите, пожалуйста, а как уменьшить расстояние между иконками каталога?

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

  • каталог.png


#33 Сake

Сake

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

  • Модератоpы
  • 5 979 сообщений

Отправлено 30 Июль 2013 - 01:19

Найдите в вашем файле стилей main.css

.content_catalog_nested_categories li {
	background: none repeat scroll 0 0 transparent !important;
	float: left;
	height: 200px;
	list-style-type: none;
	margin: 0;
	overflow: hidden;
	padding: 1em;
	text-align: center;
	width: 185px;
}

и замените на

.content_catalog_nested_categories li {
	background: none repeat scroll 0 0 transparent !important;
	float: left;
	height: 180px;
	list-style-type: none;
	margin: 0;
	overflow: hidden;
	text-align: center;
	width: 160px;
}





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

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