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


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

Автор alexsiling, 17 дек. 2012 18:59

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

#1 alexsiling

alexsiling

    Новичок

  • Пользователи
  • Pip
  • 7 сообщений
  • Городпермь

Отправлено 17 Декабрь 2012 - 18:59

Помогите растянуть размер блока подкатегории товаров.
Ссылка на страницу сайта.

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

#2 Vaccina

Vaccina

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

  • Модераторы
  • 24 353 сообщений

Отправлено 17 Декабрь 2012 - 21:52

Для изменения размеров блоков с категориями - вам необходимо изменить значения width, height, padding в классах

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

.content_catalog_nested_categories li .withBorder {
  height: 150px;
}

данные классы находятся в вашем файле стилей main.css

#3 alexsiling

alexsiling

    Новичок

  • Пользователи
  • Pip
  • 7 сообщений
  • Городпермь

Отправлено 18 Декабрь 2012 - 15:17

Спасибо большое.
Скажите а есть возможность сделать для блоков с категориями первого уровня один размер, а во вложенной категории - другой размер блоков.

#4 Koderhan

Koderhan

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

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

Отправлено 18 Декабрь 2012 - 15:36

В файле "HTML".
Найти код:
<a href="{catalog.URL}"
						 {% IF catalog.LEVEL>0%}style="padding-left:{catalog.LEVEL | multiply("20")}px;"{% ENDIF %}
						 {% IF catalog.CURRENT %}class="selected"{% ENDIF %}
					 >{catalog.NAME}</a>
Заменить:
<a href="{catalog.URL}"
						 {% IF catalog.LEVEL>0%}style="padding-left:{catalog.LEVEL | multiply("20")}px;font-size:10px;"{% ENDIF %}
						 {% IF catalog.CURRENT %}class="selected"{% ENDIF %}
					 >{catalog.NAME}</a>
Код font-size:10px устанавливает размер текста для подкатегорий. http://htmlbook.ru/css/font-size

#5 Serg83

Serg83

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

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

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

Просмотр сообщенияVaccina (17 Декабрь 2012 - 21:52) писал:

Для изменения размеров блоков с категориями - вам необходимо изменить значения width, height, padding в классах

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

.content_catalog_nested_categories li .withBorder {
height: 150px;
}

данные классы находятся в вашем файле стилей main.css

та же необходимость - нужно изменить размер Подкатегорий по ширине и высоте.

приведенный выше код меняет только Категории товаров, а ПОДкатегории остаются в старом размере.
нашел рекомендацию по изменению стилей таблицы с товарами (правда 2011 года), но с товарами проблем нет и на Подкатегории эти стили тоже не влияют.

подскажите как быть

на всякий случай кусок кода со страницы "Товары":


{% IF IS_FULL_CATALOG %}
	<!-- Блок навигации по категориям, вложенным в текущую категорию (страница: КАТАЛОГ ТОВАРОВ) -->
	<ul class="content_catalog_nested_categories">
	  {% FOR nested_categories_list %}
		<li>
		  <div class="imagem"><a href="{nested_categories_list.URL}" title="Перейти к категории «{nested_categories_list.NAME}»">
		  <img {% IF nested_categories_list.IMAGE_EMPTY %}src="{ASSETS_IMAGES_PATH}no-photo-small.png" 
		  width="170"{% ELSE %}src="{nested_categories_list.IMAGE_MEDIUM}"{% ENDIF %} alt="{nested_categories_list.NAME}" /></a></div>
		  <h4><a href="{nested_categories_list.URL}" title="Перейти к категории «{nested_categories_list.NAME}»">{nested_categories_list.NAME}</a></h4>
		</li>
	  {% ENDFOR %}
	</ul>
	<br clear="all"/>
  {% ELSE %}

и ссылка на проблемную страницу.


заодно еще вопрос, по которому тоже не нашел ответа на форуме:
в боковом меню подкатегории по умолчанию скрыты. А когда открываешь категорию с вложенными подкатегориями - они сливаются с основным меню. Как немного сдвинуть вправо подкатегории в боковом меню?

#6 Koderhan

Koderhan

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

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

Отправлено 23 Январь 2013 - 19:07

В файле "HTML".
Найти примерно такой код:
<li class="cat-item">
							<a href="{catalog.URL}"
							  {% IF catalog.LEVEL>0%}style="padding-left:{catalog.LEVEL | multiply("20")}px"{% ENDIF %}
							  {% IF catalog.CURRENT %}class="selected"{% ENDIF %}
							>{catalog.NAME}</a>
						  </li>
И изменить значение у multiply("20") например на multiply("30") .
В этом случае, под категории будут смещаться направо.

#7 Serg83

Serg83

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

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

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

Просмотр сообщенияKoderhan (23 Январь 2013 - 19:07) писал:

В файле "HTML".
Найти примерно такой код:
<li class="cat-item">
						 <a href="{catalog.URL}"
							 {% IF catalog.LEVEL>0%}style="padding-left:{catalog.LEVEL | multiply("20")}px"{% ENDIF %}
							 {% IF catalog.CURRENT %}class="selected"{% ENDIF %}
						 >{catalog.NAME}</a>
						 </li>
И изменить значение у multiply("20") например на multiply("30") .
В этом случае, под категории будут смещаться направо.

так цель не сдвинуть Подкатегории.
а  1) изменить размер и 2) сделать по 3 в ряд (как товары и категории).

по ссылке на сайт в прошлом сообщении можно увидеть безобразие, которое нужно исправить

#8 support 2.0

support 2.0

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

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

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

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

так цель не сдвинуть Подкатегории.
а  1) изменить размер и 2) сделать по 3 в ряд (как товары и категории).

по ссылке на сайт в прошлом сообщении можно увидеть безобразие, которое нужно исправить

То, что у Вас разных размеров категории, это так и должно быть или быть может нужно сделать их одинаковыми?

Для того, чтобы немного подкорректировать размер и сделать по 3 в ряд, нужно:
зайти в файл main.css и найти следующий блок
th, td {
  font-size: 1em;
  margin: 0.8333em 0px 0.8333em 0px;
  text-align: left;
  padding: 3px 10px 3px 0;
}

изменить его на 
th, td {
  font-size: 1em;
  margin: 0.8333em 0px 0.8333em 0px;
  text-align: left;
  padding: 3px 0px 3px 0;
}

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

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

#9 Serg83

Serg83

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

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

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

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

То, что у Вас разных размеров категории, это так и должно быть или быть может нужно сделать их одинаковыми?


честно говоря не знаю почему они разные.... :unsure:  я тоже считал что они одинаковыми должны быть )))

вот код из css по категориям (если я все верно понимаю):


/* Каталог навигации по категориям на странице списка товаров */
.content_catalog_nested_categories li {
	background: none repeat scroll 0 0 transparent !important;
	float: left;
	height: 160px;
	list-style-type: none;
	margin: 5px;
	overflow: hidden;
	padding: 1em;
	text-align: center;
	width: 200px;
}

.content_catalog_nested_categories .imagem {
  height: 90px;
  padding: 5px;
  width: 190px;
}

#primaryContent table .content_catalog_nested_categories li {
   height: 190px;
   width: 200px;
}

попробую пока Ваш вариант реализовать

#10 Serg83

Serg83

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

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

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

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


Для того, чтобы немного подкорректировать размер и сделать по 3 в ряд, нужно:
зайти в файл main.css и найти следующий блок


по 3 получилось, спасибо :)
правда сами подкатегории кривоваты.... вот как выглядят. их же можно выровнять загрузив картинки Подкатегорий одного размера, верно?

а реально ли сделать их вид как у основных категорий?

#11 support 2.0

support 2.0

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

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

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

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

по 3 получилось, спасибо :)
правда сами подкатегории кривоваты.... вот как выглядят. их же можно выровнять загрузив картинки Подкатегорий одного размера, верно?

а реально ли сделать их вид как у основных категорий?

Возможно, у Вас указаны разные размеры у изображений для категорий и подкатегорий. Это Вы можете посмотреть в разделе Настройки -> Основные -> Изображения категорий -> Максимальный размер по высоте/ширине в пикселях для иконок и Максимальный размер по высоте/ширине в пикселях для списка категорий внутри категории

#12 Serg83

Serg83

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

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

Отправлено 24 Январь 2013 - 17:22

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


Возможно, у Вас указаны разные размеры у изображений для категорий и подкатегорий. Это Вы можете посмотреть в разделе Настройки -> Основные -> Изображения категорий -> Максимальный размер по высоте/ширине в пикселях для иконок и Максимальный размер по высоте/ширине в пикселях для списка категорий внутри категории
была разница в 10 пикселей.
поставил одинаковые размеры, но в глобальном плане пролблема не решилась.

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

К сожалению это нельзя сделать.

то есть получается вообще никак не настроить вид подкатегорий?
ведь где-то же задан их внешний вид, цвета, оступы, шрифты....  а значит и размер можно настроить. но вот как? <_<
иначе получается у всех должна быть проблема с Подкатегориями, потому как получается, что они выводятся хаотично и без каких-либо правил

#13 Serg83

Serg83

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

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

Отправлено 24 Январь 2013 - 17:47

вот например в файле "Товары" есть код:


{% IF IS_FULL_CATALOG %}
[b]	<!-- Блок навигации по категориям, вложенным в текущую категорию (страница: КАТАЛОГ ТОВАРОВ) -->[/b]
	<ul class="content_catalog_nested_categories">
	  {% FOR nested_categories_list %}
		<li>
		  <div class="imagem"><a href="{nested_categories_list.URL}" title="Перейти к категории «{nested_categories_list.NAME}»">
		  <img {% IF nested_categories_list.IMAGE_EMPTY %}src="{ASSETS_IMAGES_PATH}no-photo-small.png" 
		  width="170"{% ELSE %}src="{nested_categories_list.IMAGE_MEDIUM}"{% ENDIF %} alt="{nested_categories_list.NAME}" /></a></div>
		  <h4><a href="{nested_categories_list.URL}" title="Перейти к категории «{nested_categories_list.NAME}»">{nested_categories_list.NAME}</a></h4>
		</li>
	  {% ENDFOR %}
	</ul>
	<br clear="all"/>
  {% ELSE %}

подскажите за что он отвечает? и что обозначает  - width="170"?

#14 Koderhan

Koderhan

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

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

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

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

вот например в файле "Товары" есть код:


{% IF IS_FULL_CATALOG %}
[b] <!-- Блок навигации по категориям, вложенным в текущую категорию (страница: КАТАЛОГ ТОВАРОВ) -->[/b]
<ul class="content_catalog_nested_categories">
{% FOR nested_categories_list %}
<li>
<div class="imagem"><a href="{nested_categories_list.URL}" title="Перейти к категории «{nested_categories_list.NAME}»">
<img {% IF nested_categories_list.IMAGE_EMPTY %}src="{ASSETS_IMAGES_PATH}no-photo-small.png"
width="170"{% ELSE %}src="{nested_categories_list.IMAGE_MEDIUM}"{% ENDIF %} alt="{nested_categories_list.NAME}" /></a></div>
<h4><a href="{nested_categories_list.URL}" title="Перейти к категории «{nested_categories_list.NAME}»">{nested_categories_list.NAME}</a></h4>
</li>
{% ENDFOR %}
</ul>
<br clear="all"/>
{% ELSE %}

подскажите за что он отвечает? и что обозначает  - width="170"?
Данный блок выводится на странице если в текущей категории нет товаров а есть только другие категории.
width="170"  это ширина блока. В данном случае блока с изображением.

#15 Serg83

Serg83

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

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

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

Просмотр сообщенияKoderhan (24 Январь 2013 - 18:16) писал:

Данный блок выводится на странице если в текущей категории нет товаров а есть только другие категории. width="170" это ширина блока. В данном случае блока с изображением.

так значит именно этот блок мне и нужно поправить, только вот как не знаю... <_<
помогите задать блоку Подкатегорий нужную ширину  и высоту

и почему то изменение значения "170" ни к чему не приводит :(

#16 Koderhan

Koderhan

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

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

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

Цитата

и почему то изменение значения "170" ни к чему не приводит
Возможно, ширина уже назначена стилями.
Вы хотите вывести на странице "Каталог" все товары на сайте ?

#17 Serg83

Serg83

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

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

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

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

Возможно, ширина уже назначена стилями.
Вы хотите вывести на странице "Каталог" все товары на сайте ?
нет.
я хочу изменить размеры подкатегорий на странице (ссылка). например, сделать такими же как Категории. только никак не найду с помощью каких параметров задаются именно размеры Подкатегорий

#18 support 2.0

support 2.0

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

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

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

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

нет.
я хочу изменить размеры подкатегорий на странице (ссылка). например, сделать такими же как Категории. только никак не найду с помощью каких параметров задаются именно размеры Подкатегорий

в файле main.css найдите блок
.withBorder, #primaryContent > .content_catalog_nested_categories li {
	border: 1px solid #E5E5E5 !important;
}

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

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

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

#19 Serg83

Serg83

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

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

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

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

в файле main.css найдите блок
.withBorder, #primaryContent > .content_catalog_nested_categories li {
border: 1px solid #E5E5E5 !important;
}

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

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

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

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

#20 support 2.0

support 2.0

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

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

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

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

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

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


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

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

  1. Форум владельцев интернет-магазинов
  2. → Вопросы работы сервиса StoreLand
  3. → Дизайн
  4. → Шаблон Мокко
  5. → Каталог товаров
  6. Privacy Policy