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


Каталог На Каждой Странице

Автор boktar, 03 окт. 2014 15:58

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

#1 boktar

boktar

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

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

Отправлено 03 Октябрь 2014 - 15:58

Здравствуйте!

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

#2 batta

batta

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

  • Пользователи
  • PipPipPipPip
  • 1 142 сообщений
  • ГородНижний Новгород

Отправлено 03 Октябрь 2014 - 16:31

Просмотр сообщенияboktar (03 Октябрь 2014 - 15:58) писал:

Здравствуйте!

Подскажите, как сделать каталог, что бы не было плюсов и минусов, при нажатии на категорию открывалась страница как сейчас и раскрывалась категория в каталоге на подкатегории, а каталог в таком виде висел на каждой странице.
Здравствуйте.
В main.css
.accordion em.open-close {
background: #87CEEB url('http://design.ru/back_toggle.png?design=spring') -2px -3px no-repeat;
width: 22px;
height: 22px;
position: absolute;
right: 4px;
top: 8px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
измените на
.accordion em.open-close {
background: #87CEEB url('http://design.ru/back_toggle.png?design=spring') -2px -3px no-repeat;
width: 22px;
height: 22px;
position: absolute;
right: 4px;
top: 8px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
display: none;
}

#3 boktar

boktar

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

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

Отправлено 03 Октябрь 2014 - 16:48

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

#4 batta

batta

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

  • Пользователи
  • PipPipPipPip
  • 1 142 сообщений
  • ГородНижний Новгород

Отправлено 03 Октябрь 2014 - 16:54

Просмотр сообщенияboktar (03 Октябрь 2014 - 16:48) писал:

Спасибо, плюсы и минусы исчезли
, а как сделать, что бы при нажатии на категорию раскрывались подкатегории и каталог в таком виде висел на каждой странице.
Воспользуйтесь инструкцией тут http://forum.storela...ог/#entry154601

#5 boktar

boktar

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

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

Отправлено 03 Октябрь 2014 - 18:39

Не получилось, теперь меню открыто постоянно со всеми подкатегориями, и указанные коды в main.css не нашёл
и открыто только на главной странице.

#6 boktar

boktar

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

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

Отправлено 03 Октябрь 2014 - 19:43

Уважаемые Модераторы, кто нибудь может объяснить, как сделать, что бы каталог выводился на каждой странице, и подкатегории открывались при нажатии на категорию?!
и соответственно при нажатии на категорию открывалась страница с товаром и каталог был открыт на этой странице с развёрнутыми подкатегориями только той категории на которую нажали.

#7 Vaccina

Vaccina

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

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

Отправлено 03 Октябрь 2014 - 19:47

можно сделать раскрытые подкатегории в момент нахождения их родительской категории.

В HTML найдите:
<div class="inner">
		<div id="column-left">
после него вставьте:
<!-- Каталог товаров -->  
{% IFNOT index_page %}		   
				  {%IFNOT catalog_full_empty%}
						<div class="box cat_box">
						  <div class="box-heading">Каталог</div>
						  <div class="box-content">
								<div class="box-category">
								  {%FOR catalog_full%}
										{% IF catalog_full.FIRST %}<ul class="accordion">{% ENDIF %}
										<li  {% IF catalog_full.HIDE %}style="display:none;" {% ENDIF %} class="{% IF catalog_full.ISSET_SUB %}parent{% ENDIF %} {% IF catalog_full.CURRENT %}selected{% ENDIF %} active">
										  <a href="{catalog_full.URL}"{% IF catalog_full.CURRENT %}class="selected"{% ENDIF %}>{catalog_full.NAME}</a>
										{% IF catalog_full.ISSET_SUB=0 %}</li>{% ENDIF %}
										{% IF catalog_full.LAST %}{%FOR out%}</ul>{%IFNOT catalog_full.out.LAST%}</li>{%ENDIF%}{%ENDFOR%}{% ENDIF %}
								  {%ENDFOR%}
								</div>
						  </div>
						</div>
				  {%ENDIF%}
{%ENDIF%}
<!-- /Каталог товаров -->

далее в main.css добавьте:
.cat_box .box-category > ul ul{
display:none;
}
.cat_box .box-category > ul li.selected ul{
display:block;
}

#8 boktar

boktar

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

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

Отправлено 03 Октябрь 2014 - 19:53

Спасибо за полезный ответ!
Каталог теперь открыт на каждой странице)
только наверное я раньше, что то поменял и он раскрыт полностью постоянно со всеми подкатегориями(

#9 boktar

boktar

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

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

Отправлено 03 Октябрь 2014 - 20:02

Вернул обратно плюсы((
но всё равно каждая страница открывается с полностью развёрнутым каталогом( при нажатии на плюс сворачивается

#10 Vaccina

Vaccina

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

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

Отправлено 03 Октябрь 2014 - 20:15

попробуйте:
.cat_box .box-category > ul ul{
display:none;
}
.cat_box .box-category > ul li.selected ul{
display:block;
}
заменить на:
.cat_box .box-category > ul ul{
display:none !important;
}
.cat_box .box-category > ul li.selected ul{
display:block !important;
}

#11 boktar

boktar

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

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

Отправлено 03 Октябрь 2014 - 20:19

к сожалению, каталог также отображается полностью развёрнутым

#12 Vaccina

Vaccina

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

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

Отправлено 03 Октябрь 2014 - 20:26

вы вставили стили нарушив синтаксис

найдите в main.css:
.cat_box .box-category > ul ul{
display:none !important;
}
.cat_box .box-category > ul li.selected ul{
display:block !important;
}
переместите его поставив после:
/* /END адаптивность шаблона ======================================================*/

#13 boktar

boktar

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

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

Отправлено 03 Октябрь 2014 - 20:33

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

#14 Vaccina

Vaccina

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

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

Отправлено 03 Октябрь 2014 - 20:42

чтобы спрятать плюсы\минусы в main.css найдите:
.accordion em.open-close {
background: url("http://design.ru/back_toggle.png?design=spring") no-repeat scroll -2px -3px #87ceeb;
border-radius: 5px;
height: 22px;
position: absolute;
right: 4px;
top: 8px;
width: 22px;
}
замените на:
.accordion em.open-close {
background: url("http://design.ru/back_toggle.png?design=spring") no-repeat scroll -2px -3px #87ceeb;
border-radius: 5px;
display: none;
height: 22px;
position: absolute;
right: 4px;
top: 8px;
width: 22px;
}

на счет открытого каталога на главной, в HTML найдите:
<!-- Каталог товаров -->			
				 <!-- Каталог товаров -->			
				 {%IFNOT catalog_full_empty%}
					 <div class="box">
						 <div class="box-heading">Каталог</div>
						 <div class="box-content">
							 <div class="box-category">
								 {%FOR catalog_full%}
									 {% IF catalog_full.FIRST %}<ul class="accordion">{% ENDIF %}
									 <li {% IF catalog_full.HIDE %}style="display:none;" {% ENDIF %} class="{% IF catalog_full.ISSET_SUB %}parent{% ENDIF %} active">
										 <a href="{catalog_full.URL}"{% IF catalog_full.CURRENT %}class="selected"{% ENDIF %}>{catalog_full.NAME}</a>
									 {% IF catalog_full.ISSET_SUB=0 %}</li>{% ENDIF %}
									 {% IF catalog_full.LAST %}{%FOR out%}</ul>{%IFNOT catalog_full.out.LAST%}</li>{%ENDIF%}{%ENDFOR%}{% ENDIF %}
								 {%ENDFOR%}
							 </div>
						 </div>
					 </div>
				 {%ENDIF%}
				 <!-- /Каталог товаров -->
	
		 {% ENDIF %}
		 <!-- /Главная страница -->
замените на:
		 <!-- Каталог товаров -->			
				 {%IFNOT catalog_empty%}
					 <div class="box">
						 <div class="box-heading">Каталог</div>
						 <div class="box-content">
							 <div class="box-category">
	 <ul class="accordion">
								 {%FOR catalog%}
									 <li {% IF catalog.HIDE %}style="display:none;" {% ENDIF %} class="{% IF catalog.ISSET_SUB %}parent{% ENDIF %} active">
										 <a href="{catalog.URL}"{% IF catalog.CURRENT %}class="selected"{% ENDIF %}>{catalog.NAME}</a>
									 </li>
								 {%ENDFOR%}
		 </ul>
							 </div>
						 </div>
					 </div>
				 {%ENDIF%}
				 <!-- /Каталог товаров -->
	
		 {% ENDIF %}
		 <!-- /Главная страница -->

#15 boktar

boktar

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

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

Отправлено 03 Октябрь 2014 - 20:57

Спасибо большое, заработало)
единственный момент при переходе на подкатегорию на другой странице на которую перешли в каталоге закрыта та подкатегория на которую перешли, как бы сделать, чтобы она оставалась открытой и выделялась цветом, как при наведением курсора

#16 Vaccina

Vaccina

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

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

Отправлено 03 Октябрь 2014 - 21:23 

<!-- Каталог товаров --> 
{% IFNOT index_page %}			
								  {%IFNOT catalog_full_empty%}
												<div class="box cat_box">
												  <div class="box-heading">Каталог</div>
												  <div class="box-content">
																<div class="box-category">
																  {%FOR catalog_full%}
																				{% IF catalog_full.FIRST %}<ul class="accordion">{% ENDIF %}
																				<li  {% IF catalog_full.HIDE %}style="display:none;" {% ENDIF %} class="{% IF catalog_full.ISSET_SUB %}parent{% ENDIF %} {% IF catalog_full.CURRENT %}selected{% ENDIF %} active">
																				  <a href="{catalog_full.URL}"{% IF catalog_full.CURRENT %}class="selected"{% ENDIF %}>{catalog_full.NAME}</a>
																				{% IF catalog_full.ISSET_SUB=0 %}</li>{% ENDIF %}
																				{% IF catalog_full.LAST %}{%FOR out%}</ul>{%IFNOT catalog_full.out.LAST%}</li>{%ENDIF%}{%ENDFOR%}{% ENDIF %}
																  {%ENDFOR%}
																</div>
												  </div>
												</div>
								  {%ENDIF%}
{%ENDIF%}
<!-- /Каталог товаров -->
замените на:
<!-- Каталог товаров --> 
{% IFNOT index_page %}			
								  {%IFNOT catalog_full_empty%}
												<div class="box cat_box">
												  <div class="box-heading">Каталог</div>
												  <div class="box-content">
																<div class="box-category">
																  {%FOR catalog_full%}
																				{% IF catalog_full.FIRST %}<ul class="accordion">{% ENDIF %}
																				<li  {% IF catalog_full.HIDE %}style="display:none;" {% ENDIF %} class="{% IF catalog_full.ISSET_SUB %}parent{% ENDIF %} {% IF catalog_full.CURRENT %}selected{% ENDIF %} {% IF catalog_full.CURRENT %} active{% ELSEIF catalog_full.CURRENT_PARENT %} active{% ENDIF %}">
																				  <a href="{catalog_full.URL}"{% IF catalog_full.CURRENT %}class="selected"{% ENDIF %}>{catalog_full.NAME}</a>
																				{% IF catalog_full.ISSET_SUB=0 %}</li>{% ENDIF %}
																				{% IF catalog_full.LAST %}{%FOR out%}</ul>{%IFNOT catalog_full.out.LAST%}</li>{%ENDIF%}{%ENDFOR%}{% ENDIF %}
																  {%ENDFOR%}
																</div>
												  </div>
												</div>
								  {%ENDIF%}
{%ENDIF%}
<!-- /Каталог товаров -->

и в main.css попробуйте удалить:
.cat_box .box-category > ul ul{
display:none !important;
}
.cat_box .box-category > ul li.selected ul{
display:block !important;
}

#17 boktar

boktar

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

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

Отправлено 03 Октябрь 2014 - 21:33

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

#18 Vaccina

Vaccina

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

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

Отправлено 03 Октябрь 2014 - 21:39

За шрифты в строке пути отвечают сл.блоки в main.css
.breadcrumb {
	color: #777777;
	font-size: 10px;
	margin-bottom: 5px;
}
.breadcrumb a {
	color: #999999;
	font-size: 10px;
}


на счет стилистика каталога как на страницах, немного не понятно, не могли бы вы привести пример?

#19 boktar

boktar

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

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

Отправлено 03 Октябрь 2014 - 21:57

на главной хотелось бы сделать, как на втором скрине

#20 Vaccina

Vaccina

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

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

Отправлено 03 Октябрь 2014 - 22:01

В main.css в самый конец добавьте:
.ll .box {
	background-color: #ffffff;
	border-bottom: 4px solid #e1e1e1;
	border-radius: 5px;
	box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1);
}
.ll .box .box-heading {
	border-bottom: 1px solid #e1e1e1;
	color: #666666;
	font-size: 20px;
	font-weight: normal !important;
	margin: 0 10px;
	padding: 15px 0;
}

Обратно в Каталог товаров


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

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

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