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


Как Сделать Полностью Раскрытым Каталог

Автор Екатерина, 20 февр. 2013 19:01

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

#21 Koderhan

Koderhan

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

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

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

Просмотр сообщенияЕкатерина (27 Февраль 2013 - 11:42) писал:

Где можно скопировать, исходный текст(который был изначально) на html странице Товар,  а то я что то наделала там, а снова переустанавливать шаблон не хочу.
Исходный код файла "Товар" для шаблона "Мокко".

Прикрепленные файлы

  • Прикрепленный файл  товар.zip   7,51К   73 Количество загрузок:

#22 miyako

miyako

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

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

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

Просмотр сообщенияЕкатерина (27 Февраль 2013 - 11:42) писал:

Где можно скопировать, исходный текст(который был изначально) на html странице Товар,  а то я что то наделала там, а снова переустанавливать шаблон не хочу.

Прикрепила к сообщению шаблон Товары (Мокко - тема):

Прикрепленные файлы


#23 Екатерина

Екатерина

    Пользователь

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

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

Спасибо!!! а то накуралесила там ого..го

#24 Serg83

Serg83

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

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

Отправлено 05 Март 2013 - 17:48

Каталог раскрыть у меня получается по советам в данной теме.
а как сдвинуть категории низшего уровня относи верхнего? а то у меня получаются все практически в 1 столбик.... :unsure:

#25 mikola

mikola

    Good soo good

  • Модератоpы
  • 1 550 сообщений
  • Городгород Нижний Новгород

Отправлено 05 Март 2013 - 18:37

Просмотр сообщенияSerg83 (05 Март 2013 - 17:48) писал:

Каталог раскрыть у меня получается по советам в данной теме.
а как сдвинуть категории низшего уровня относи верхнего? а то у меня получаются все практически в 1 столбик.... :unsure:
Можно адрес вашего сайта...или номер аккаунта...

#26 Serg83

Serg83

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

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

Отправлено 05 Март 2013 - 20:12

Просмотр сообщенияMikola (05 Март 2013 - 18:37) писал:

Можно адрес вашего сайта...или номер аккаунта...

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

#27 Vaccina

Vaccina

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

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

Отправлено 05 Март 2013 - 23:30

Найдите в вашем шаблоне "HTML"

padding-left:20px

и замените на

padding-left:35px

так же добавьте в ваш файл стилей main.css

.content_catalog_nested_categories > li > div {
   height: 190px;
}
.content_catalog_nested_categories > li > div > div {
   height: 115px;
}

#28 Serg83

Serg83

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

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

Отправлено 06 Март 2013 - 09:11

Просмотр сообщенияVaccina (05 Март 2013 - 23:30) писал:

Найдите в вашем шаблоне "HTML"

padding-left:20px

и замените на

padding-left:35px

так же добавьте в ваш файл стилей main.css

.content_catalog_nested_categories > li > div {
height: 190px;
}
.content_catalog_nested_categories > li > div > div {
height: 115px;
}

спасибо за наводку :)

1) правда код у меня другой немного:


<!-- Каталог -->
	   <h4 class="contentTbodyCatalogHeader"><a href="{CATALOG_URL}">Категории</a></h4>
			  <ul id="subNavigation">
		 {%IFNOT catalog_empty %}
				  {% FOR catalog %}
					{% IFNOT catalog.HIDE %}
					  <li>
						<a href="{catalog.URL}" 
						  {% IF catalog.LEVEL>0%}style="padding-left:{catalog.LEVEL | multiply("45")}px"{% ENDIF %}
						  {% IF catalog.CURRENT %}class="selected"{% ENDIF %}
						>{catalog.NAME}</a>
					  </li>
					{% ENDIF %}
				  {% ENDFOR %}
				{% ENDIF %}
	   </ul>
	   <!-- end Каталог -->

поставил значение "45" вместо "20".  Названия внутренних категорий сдвинулись. А можно еще немного значки подкатегорий сдвинуть?
А в идеале конечно, сделать их другими, ну хотя бы поменьше.

2) и второй вопрос.

.content_catalog_nested_categories > li > div {
   height: 190px;
}
.content_catalog_nested_categories > li > div > div {
   height: 115px;
}
этот код к отображению категорий же относится?  не увидел разницы почему-то с данным кодом и без...

3) еще есть вопрос, не совсем по теме правда...
здесь видно, что категории 2-го уровня перекосились.... нельзя их сделать ровненькими как основные категории в каталоге?

#29 miyako

miyako

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

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

Отправлено 06 Март 2013 - 09:16

Просмотр сообщенияSerg83 (06 Март 2013 - 09:11) писал:

спасибо за наводку :)

1) правда код у меня другой немного:


<!-- Каталог -->
<h4 class="contentTbodyCatalogHeader"><a href="{CATALOG_URL}">Категории</a></h4>
<ul id="subNavigation">
{%IFNOT catalog_empty %}
{% FOR catalog %}
{% IFNOT catalog.HIDE %}
<li>
<a href="{catalog.URL}"
{% IF catalog.LEVEL>0%}style="padding-left:{catalog.LEVEL | multiply("45")}px"{% ENDIF %}
{% IF catalog.CURRENT %}class="selected"{% ENDIF %}
>{catalog.NAME}</a>
</li>
{% ENDIF %}
{% ENDFOR %}
{% ENDIF %}
</ul>
<!-- end Каталог -->

поставил значение "45" вместо "20".  Названия внутренних категорий сдвинулись. А можно еще немного значки подкатегорий сдвинуть?
А в идеале конечно, сделать их другими, ну хотя бы поменьше.

2) и второй вопрос.

.content_catalog_nested_categories > li > div {
   height: 190px;
}
.content_catalog_nested_categories > li > div > div {
   height: 115px;
}
этот код к отображению категорий же относится?  не увидел разницы почему-то с данным кодом и без...

3) еще есть вопрос, не совсем по теме правда...
здесь видно, что категории 2-го уровня перекосились.... нельзя их сделать ровненькими как основные категории в каталоге?

Вы хотите выровнять пункты левого меню? Посмотрите скриншот.
как я поняла таким образом выделяются подкатегории.

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

  • категории и подкатегории.png

#30 Serg83

Serg83

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

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

Отправлено 06 Март 2013 - 09:24

Просмотр сообщенияmiyako (06 Март 2013 - 09:16) писал:

Вы хотите выровнять пункты левого меню? Посмотрите скриншот.
как я поняла таким образом выделяются подкатегории.

выше Vaccina подсказала как сдвинуть  категории 2-го уровня относительно 1-го. это получилось.
еще я хотел бы сдвинуть значки выделенных категорий 2-го уровня, а лучше заменить их такими же значками, но меньшего размера.

#31 miyako

miyako

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

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

Отправлено 06 Март 2013 - 09:36

Просмотр сообщенияSerg83 (06 Март 2013 - 09:24) писал:

выше Vaccina подсказала как сдвинуть  категории 2-го уровня относительно 1-го. это получилось.
еще я хотел бы сдвинуть значки выделенных категорий 2-го уровня, а лучше заменить их такими же значками, но меньшего размера.

Попробуйте так:
Заменить код:
<li>
<a href="{catalog.URL}"
{% IF catalog.LEVEL>0%}style="padding-left:{catalog.LEVEL | multiply("45")}px"{% ENDIF %}
{% IF catalog.CURRENT %}class="selected"{% ENDIF %}
>{catalog.NAME}</a>
</li>
на такой:
<li {% IF catalog.LEVEL>0%} style="background-position: 30px 7px; background-size: 7%;" {% ENDIF %}>
<a href="{catalog.URL}"
{% IF catalog.LEVEL>0%}style="padding-left:{catalog.LEVEL | multiply("45")}px"{% ENDIF %}
{% IF catalog.CURRENT %}class="selected"{% ENDIF %}
>{catalog.NAME}</a>
</li>

#32 Serg83

Serg83

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

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

Отправлено 06 Март 2013 - 15:11

Просмотр сообщенияmiyako (06 Март 2013 - 09:36) писал:

Попробуйте так:
Заменить код:
<li>
<a href="{catalog.URL}"
{% IF catalog.LEVEL>0%}style="padding-left:{catalog.LEVEL | multiply("45")}px"{% ENDIF %}
{% IF catalog.CURRENT %}class="selected"{% ENDIF %}
>{catalog.NAME}</a>
</li>
на такой:
<li {% IF catalog.LEVEL>0%} style="background-position: 30px 7px; background-size: 7%;" {% ENDIF %}>
<a href="{catalog.URL}"
{% IF catalog.LEVEL>0%}style="padding-left:{catalog.LEVEL | multiply("45")}px"{% ENDIF %}
{% IF catalog.CURRENT %}class="selected"{% ENDIF %}
>{catalog.NAME}</a>
</li>

спасибо! то, что нужно

Просмотр сообщенияSerg83 (06 Март 2013 - 09:11) писал:


3) еще есть вопрос, не совсем по теме правда...
здесь видно, что категории 2-го уровня перекосились.... нельзя их сделать ровненькими как основные категории в каталоге?

а по этому вопросу не подскажете?

и подскажите, пожалуйста, как выровнять картинки категорий по центру при открытии каталога?

#33 Koderhan

Koderhan

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

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

Отправлено 06 Март 2013 - 15:21

Просмотр сообщенияSerg83 (06 Март 2013 - 15:11) писал:

спасибо! то, что нужно



а по этому вопросу не подскажете?

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

#34 Serg83

Serg83

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

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

Отправлено 06 Март 2013 - 15:27

Просмотр сообщенияKoderhan (06 Март 2013 - 15:21) писал:

3 вопрос не понятен. что именно вы хотели бы перекрасить ?
ничего перекрашивать не надо ))

1) категории 1-го уровня ровные.
категории 2-го уровня - кривые (разных размеров)... как их выровнять и сделать такими же как категории 1-го уровня?

2) вопрос по "Товарам"
сейчас изображения сдвинуты к вернему краю. как сделать их по центру по вертикали?

#35 Koderhan

Koderhan

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

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

Отправлено 06 Март 2013 - 15:36

Просмотр сообщенияSerg83 (06 Март 2013 - 15:27) писал:

ничего перекрашивать не надо ))

1) категории 1-го уровня ровные.
категории 2-го уровня - кривые (разных размеров)... как их выровнять и сделать такими же как категории 1-го уровня?

2) вопрос по "Товарам"
сейчас изображения сдвинуты к вернему краю. как сделать их по центру по вертикали?
Попробуйте.
В файле "HTML".
Найти код:
style="background-position: 30px 7px; background-size: 7%;"
Заменить:
style=""
Найти код:
style="padding-left:45px"
Заменить:
style=""

#36 Serg83

Serg83

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

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

Отправлено 06 Март 2013 - 15:59

Просмотр сообщенияKoderhan (06 Март 2013 - 15:36) писал:

Попробуйте.
В файле "HTML".
Найти код:
style="background-position: 30px 7px; background-size: 7%;"
Заменить:
style=""
Найти код:
style="padding-left:45px"
Заменить:
style=""

Нет, Вы меня не поняли.
меня не боковое меню интересует, а отображение самих категорий и товаров на страницах по ссылкам, приведенным выше

#37 Koderhan

Koderhan

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

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

Отправлено 06 Март 2013 - 17:17

В файле "main.csstemplate".
Найти код:
#primaryContent ul li {
  background: url(http://design.knife-for-life.ru/square_bullet.gif) no-repeat 0 0.4em;
  padding-left: 15px;
}
Заменить:
#primaryContent ul li {
  background: url(http://design.knife-for-life.ru/square_bullet.gif) no-repeat 0 0.4em;
}

Найти код:
.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: 195px;
}
Заменить:
.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;
	text-align: center;
	width: 195px;
}
Найти код:
#primaryContent table .content_catalog_nested_categories li {
   height: 210px;
   width: 200px;
}
Заменить:
#primaryContent table .content_catalog_nested_categories li {
   height: 216px;
   width: 208px;
}

#38 Serg83

Serg83

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

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

Отправлено 07 Март 2013 - 09:32

Просмотр сообщенияKoderhan (06 Март 2013 - 17:17) писал:

В файле "main.csstemplate". Найти код: 
 #primaryContent ul li { background: url(http://design.knife-for-life.ru/square_bullet.gif) no-repeat 0 0.4em; padding-left: 15px; }
Заменить: 
 #primaryContent ul li { background: url(http://design.knife-for-life.ru/square_bullet.gif) no-repeat 0 0.4em; }
Найти код: 
 .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: 195px; }
Заменить: 
 .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; text-align: center; width: 195px; }
Найти код: 
 #primaryContent table .content_catalog_nested_categories li { height: 210px; width: 200px; }
Заменить: 
 #primaryContent table .content_catalog_nested_categories li { height: 216px; width: 208px; }

спасибо.
частично помогло :)
но все же осталось несколько проблемок, помогите, плиз, а то боюсь своими экспериментами только хуже сделаю:
1) здесь подкатегори  стали все ровненькие. подскажите каким параметром задается высота блока?
1а)   Если не ошибаюсь, данный код задает как раз отступы между блоками подкатегорий, так?
padding-left: 15px;


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

3) картинки не отцентровались по центру блоков.

#39 miyako

miyako

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

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

Отправлено 07 Март 2013 - 09:45

Просмотр сообщенияSerg83 (07 Март 2013 - 09:32) писал:

спасибо.
частично помогло :)
но все же осталось несколько проблемок, помогите, плиз, а то боюсь своими экспериментами только хуже сделаю:
1) здесь подкатегори  стали все ровненькие. подскажите каким параметром задается высота блока?
1а)   Если не ошибаюсь, данный код задает как раз отступы между блоками подкатегорий, так?
padding-left: 15px;


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

3) картинки не отцентровались по центру блоков.

Найдите код:
.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;
text-align: center;
width: 195px;
}
и замените на:
.content_catalog_nested_categories li {
background: none repeat scroll 0 0 transparent !important;
float: left;
height: 190px; /*высота*/
list-style-type: none;
margin: 5px;
overflow: hidden;
text-align: center;
width: 195px;
}

#40 Serg83

Serg83

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

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

Отправлено 07 Март 2013 - 09:57

Просмотр сообщенияmiyako (07 Март 2013 - 09:45) писал:

Найдите код:
.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;
text-align: center;
width: 195px;
}
и замените на:
.content_catalog_nested_categories li {
background: none repeat scroll 0 0 transparent !important;
float: left;
height: 190px; /*высота*/
list-style-type: none;
margin: 5px;
overflow: hidden;
text-align: center;
width: 195px;
}

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

остался вопрос только с расположением картинок в товарах - ка сделать их по центру(по вертикали)?

и еще появился - как сделать названия категорий по нижнему краю блоков? а картинки категорий тоже бы по вертикали по центру расположить
Обратно в Каталог товаров


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

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

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