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


Реализация Выбора По Бренду В Шаблоне Осень

Автор Flor@@, 08 нояб. 2013 13:23

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

#1 Flor@@

Flor@@

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

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

Отправлено 08 Ноябрь 2013 - 13:23

в старом шаблоне выглядело как на скрине, код этой функции на данный момент реализован в Аккаунте SL-245786 (В тестовом магазине).

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

  • вид сайта 16.jpg

#2 Flor@@

Flor@@

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

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

Отправлено 08 Ноябрь 2013 - 13:29

вот мой код каталога на сейчас в старом шаблоне:
<!-- Каталог -->
<a href="{CATALOG_URL}" class="indexPage"></a>
<ul id="subNavigation">
<li>
{%IFNOT catalog_empty %}
<select name="brand" onchange="javascript:if(this.value!=-1&&this.value){window.location=this.value;}">
<option value="-1"> Выберите бренд</option>
{% FOR catalog_full %}
{% IF catalog_full.HIDE %}
<option style="width: 145px; font-size:14px" value="{catalog_full.URL}">{catalog_full.NAME}</option>
{% ENDIF %}
{% ENDFOR %}
</select>
{% ENDIF %}
</li>
{%IFNOT catalog_full_empty%}
{%FOR catalog_full%}
{% IF catalog_full.FIRST %}<ul id="nav">{% ENDIF %}
<li class="
level{catalog_full.LEVEL}
nav-{catalog_full.index}
{% IF catalog_full.CURRENT %}active{% ELSEIF catalog_full.CURRENT_PARENT %}active{% ENDIF %}
{% IF catalog_full.ISSET_SUB %}parent{% ENDIF %}
{% IF catalog_full.HIDE %}hide{% ENDIF %}
">
<a href="{catalog_full.URL}">
<span style="display: inline;">{catalog_full.NAME}</span>
{% IF catalog_full.NAME=Матрасы Лонакс%}<img style="vertical-align: middle;" src="http://otdyh-i-son.ru/web/upload/assets/images/21/20306/стрелка11-1.gif" />{% ENDIF %}
{% IF catalog_full.NAME=Матрасы Александрия%}<img style="vertical-align: middle;" src="http://otdyh-i-son.ru/web/upload/assets/images/21/20306/стрелка11-1.gif" />{% ENDIF %}
{% IF catalog_full.NAME=Матрасы Magniflex%}<img style="vertical-align: middle;" src="http://otdyh-i-son.ru/web/upload/assets/images/21/20306/стрелка11-1.gif" />{% ENDIF %}
{% IF catalog_full.NAME=Матрасы Perrino%}<img style="vertical-align: middle;" src="http://otdyh-i-son.ru/web/upload/assets/images/21/20306/стрелка11-1.gif" />{% ENDIF %}
{% IF catalog_full.NAME=Матрасы Виртуоз%}<img style="vertical-align: middle;" src="http://otdyh-i-son.ru/web/upload/assets/images/21/20306/стрелка11-1.gif" />{% ENDIF %}
{% IF catalog_full.NAME=Матрасы DreamLine%}<img style="vertical-align: middle;" src="http://otdyh-i-son.ru/web/upload/assets/images/21/20306/стрелка11-1.gif" />{% ENDIF %}
{% IF catalog_full.NAME=Матрасы Аннита%}<img style="vertical-align: middle;" src="http://otdyh-i-son.ru/web/upload/assets/images/21/20306/стрелка11-1.gif" />{% ENDIF %}
{% IF catalog_full.NAME=Матрасы Дримпром%}<img style="vertical-align: middle;" src="http://otdyh-i-son.ru/web/upload/assets/images/21/20306/стрелка11-1.gif" />{% ENDIF %}
{% IF catalog_full.NAME=Матрасы Il Sogno%}<img style="vertical-align: middle;" src="http://otdyh-i-son.ru/web/upload/assets/images/21/20306/стрелка11-1.gif" />{% ENDIF %}
{% IF catalog_full.NAME=Мебель Интер-М%}<img style="vertical-align: middle;" src="http://otdyh-i-son.ru/web/upload/assets/images/21/20306/стрелка11-1.gif" />{% ENDIF %}
</a>
<!--{% IF catalog_full.GOODS_COUNT>0 %}
({catalog_full.GOODS_COUNT})
{% ENDIF %}-->
{% 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%}
{%ENDIF%}
<!-- /Каталог товаров -->
а как этоорганизовать  на новомшаблоне я не знаю...

Сообщение отредактировал otdyh-i-son.ru: 08 Ноябрь 2013 - 14:40

#3 Koderhan

Koderhan

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

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

Отправлено 08 Ноябрь 2013 - 15:32

Панель администратора, "Сайт"->"Редактор шаблонов".
В файле "HTML".
Найти код:
<!-- Каталог товаров -->
			{%IFNOT catalog_full_empty%}
			  {%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 %}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%}
			{%ENDIF%}
			<!-- /Каталог товаров -->
Заменить:
			<!-- Каталог товаров -->
			{%IFNOT catalog_full_empty%}
			  {%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 %}active{% ELSEIF catalog_full.CURRENT_PARENT %}active{% ENDIF %}">
				  <a href="{catalog_full.URL}"{% IF catalog_full.CURRENT %}class="selected"{% ENDIF %}>
				  <span style="display: inline;">{catalog_full.NAME}</span>
{% IF catalog_full.NAME=Матрасы Лонакс%}<img style="vertical-align: middle;" src="http://otdyh-i-son.ru/web/upload/assets/images/21/20306/стрелка11-1.gif" />{% ENDIF %}
{% IF catalog_full.NAME=Матрасы Александрия%}<img style="vertical-align: middle;" src="http://otdyh-i-son.ru/web/upload/assets/images/21/20306/стрелка11-1.gif" />{% ENDIF %}
{% IF catalog_full.NAME=Матрасы Magniflex%}<img style="vertical-align: middle;" src="http://otdyh-i-son.ru/web/upload/assets/images/21/20306/стрелка11-1.gif" />{% ENDIF %}
{% IF catalog_full.NAME=Матрасы Perrino%}<img style="vertical-align: middle;" src="http://otdyh-i-son.ru/web/upload/assets/images/21/20306/стрелка11-1.gif" />{% ENDIF %}
{% IF catalog_full.NAME=Матрасы Виртуоз%}<img style="vertical-align: middle;" src="http://otdyh-i-son.ru/web/upload/assets/images/21/20306/стрелка11-1.gif" />{% ENDIF %}
{% IF catalog_full.NAME=Матрасы DreamLine%}<img style="vertical-align: middle;" src="http://otdyh-i-son.ru/web/upload/assets/images/21/20306/стрелка11-1.gif" />{% ENDIF %}
{% IF catalog_full.NAME=Матрасы Аннита%}<img style="vertical-align: middle;" src="http://otdyh-i-son.ru/web/upload/assets/images/21/20306/стрелка11-1.gif" />{% ENDIF %}
{% IF catalog_full.NAME=Матрасы Дримпром%}<img style="vertical-align: middle;" src="http://otdyh-i-son.ru/web/upload/assets/images/21/20306/стрелка11-1.gif" />{% ENDIF %}
{% IF catalog_full.NAME=Матрасы Il Sogno%}<img style="vertical-align: middle;" src="http://otdyh-i-son.ru/web/upload/assets/images/21/20306/стрелка11-1.gif" />{% ENDIF %}
{% IF catalog_full.NAME=Мебель Интер-М%}<img style="vertical-align: middle;" src="http://otdyh-i-son.ru/web/upload/assets/images/21/20306/стрелка11-1.gif" />{% ENDIF %}

				  </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%}
			{%ENDIF%}
			<!-- /Каталог товаров -->

#4 Flor@@

Flor@@

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

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

Отправлено 08 Ноябрь 2013 - 15:46

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

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

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

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

  • вид сайта 16.jpg

Сообщение отредактировал otdyh-i-son.ru: 08 Ноябрь 2013 - 15:53

#5 Flor@@

Flor@@

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

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

Отправлено 08 Ноябрь 2013 - 16:05

вот еще баг по этой теме.

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

  • вид сайта 8.jpg

#6 Koderhan

Koderhan

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

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

Отправлено 08 Ноябрь 2013 - 16:41

В конец файла "style.css".
Добавить код:
/* бренды */
#brend-select {
width: 100%;
color: black;/* цвет текста */
background: #EEECE7; /* цвет фона */
}

В конец файла "main.js".
Добавить код:
$(function(){
  $('#brend-select').on('change', function(){
	var urlBrend = $('#brend-select option:selected').attr('rel');
	location.href= urlBrend
  });
});
В файле html после кода:
		<!-- /Главная страница -->
	   
	  </div>
	  <div class="column one-third">
		<div class="block2">
Добавить:
<div class="brends">
			<select id="brend-select">
			  {%IFNOT catalog_full_empty%}
				{%FOR catalog_full%}
				  {%IF catalog_full.HIDE=1 %}
					<option rel="{catalog_full.URL}" value="">{catalog_full.NAME}</option>
				  {%ENDIF%}
				{%ENDFOR%}
			  {%ENDIF%}
			</select>
		  </div>

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

  • ScreenShot 903.png
  • ScreenShot 904.png

#7 Flor@@

Flor@@

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

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

Отправлено 08 Ноябрь 2013 - 16:54

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

#8 Сake

Сake

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

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

Отправлено 09 Ноябрь 2013 - 02:45

Найдите ранее добавленный код

<div class="brends">
						<select id="brend-select">
						  {%IFNOT catalog_full_empty%}
								{%FOR catalog_full%}
								  {%IF catalog_full.HIDE=1 %}
										<option rel="{catalog_full.URL}" value="">{catalog_full.NAME}</option>
								  {%ENDIF%}
								{%ENDFOR%}
						  {%ENDIF%}
						</select>
				  </div>

и замените его на

<div class="brends">
						<select id="brend-select">
		<option value="-1" selected="selected">Выберите бренд</option>
						  {%IFNOT catalog_full_empty%}
								{%FOR catalog_full%}
								  {%IF catalog_full.HIDE=1 %}
										<option rel="{catalog_full.URL}" value="">{catalog_full.NAME}</option>
								  {%ENDIF%}
								{%ENDFOR%}
						  {%ENDIF%}
						</select>
				  </div>

далее в main.js найдите

$(function(){
  $('#brend-select').on('change', function(){
		var urlBrend = $('#brend-select option:selected').attr('rel');
		location.href= urlBrend
  });
});

и замените на

$(function(){
  $('#brend-select').on('change', function(){
		var urlBrend = $('#brend-select option:selected').attr('rel');
		if(urlBrend)
		  location.href= urlBrend
  });
});

#9 Flor@@

Flor@@

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

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

Отправлено 09 Ноябрь 2013 - 08:10

спасибо большое, вы очень нас выручили..

#10 Flor@@

Flor@@

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

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

Отправлено 09 Ноябрь 2013 - 08:16

и как изменить сами слова "выбор по бренду"? как присвоить им цвет и увеличить шрифт?

#11 miyako

miyako

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

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

Отправлено 09 Ноябрь 2013 - 09:09

Просмотр сообщенияotdyh-i-son.ru (09 Ноябрь 2013 - 08:16) писал:

и как изменить сами слова "выбор по бренду"? как присвоить им цвет и увеличить шрифт?

Найдите код в шаблоне HTML - 
  <option value="-1" selected="selected">Выберите бренд</option>
и измените фразу


Далее добавьте в конец style.css код - 
#brend-select{background:red;font-size:18px;}
#brend-select option{background:blue;}
red,blue измените на Ваши цвета
18 - размер шрифта

#12 Flor@@

Flor@@

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

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

Отправлено 12 Ноябрь 2013 - 02:43

спасибо большое,
как поместить эту ссылку в рамочку вот так:

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

  • вид сайта 27.jpg

#13 ne_yana

ne_yana

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

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

Отправлено 12 Ноябрь 2013 - 09:25

Просмотр сообщенияotdyh-i-son.ru (12 Ноябрь 2013 - 02:43) писал:

спасибо большое,
как поместить эту ссылку в рамочку вот так:
Здравствуйте, перенесите код
<div class="brends">
												<select id="brend-select">
				<option value="-1" selected="selected">Выберите бренд</option>
												  {%IFNOT catalog_full_empty%}
																{%FOR catalog_full%}
																  {%IF catalog_full.HIDE=1 %}
																				<option rel="{catalog_full.URL}" value="">{catalog_full.NAME}</option>
																  {%ENDIF%}
																{%ENDFOR%}
												  {%ENDIF%}
												</select>
								  </div>
, вставив его после
<div class="block-title">

Если захотите, увеличить между ними расстояние, то в файл style.css вставьте
.brends {
padding-bottom: 10px;
}

#14 Flor@@

Flor@@

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

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

Отправлено 12 Ноябрь 2013 - 10:44

спасибо огромное, то что нужно)))))).

#15 Flor@@

Flor@@

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

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

Отправлено 22 Ноябрь 2013 - 02:12

помогите еще, пожалуйста: почему-то не во всех браузерах отображается цвет фона этого подменю "ВЫБРИТЕ БРЕНД", в большинстве браузеров, он почему-то белый... Как исправить??

#16 Vaccina

Vaccina

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

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

Отправлено 22 Ноябрь 2013 - 04:19

Проблема связана с градиентом. Замените код в файле стилей style.css

#brend-select{
background: #b5a642;
				background: -moz-linear-gradient(top, #b5a642 0%, #EEE8AA 100%);
				background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5ba4a4), color-stop(100%,#EEE8AA));
				background: -webkit-linear-gradient(top, #b5a642 0%,#EEE8AA 100%);
				background: -o-linear-gradient(top, #b5a642 0%,#EEE8AA 100%);
				background: -ms-linear-gradient(top, #b5a642 0%,#EEE8AA 100%);
				background: linear-gradient(top, #b5a642 0%,#EEE8AA 100%);
font-size:16px;
}

на

#brend-select{
	 background: #b5a642;
	 font-size:16px;
}

#17 Flor@@

Flor@@

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

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

Отправлено 22 Ноябрь 2013 - 16:00

так градиент мне нууууууужен.....

#18 Flor@@

Flor@@

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

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

Отправлено 27 Ноябрь 2013 - 03:45

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

#19 Сake

Сake

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

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

Отправлено 27 Ноябрь 2013 - 04:09

В данном случае вопрос идет о элементе select. Данный элемент является элементом браузера и не поддется полной стилизации так же как и большинство других элементов radio, checkbox и т.д

#20 Flor@@

Flor@@

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

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

Отправлено 27 Ноябрь 2013 - 04:20

то есть простой фон задать можно, а вот сложный с градиентом уже нельзя????
Обратно в Каталог товаров


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

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

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