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


Выделение Категории

Автор Lion, 20 авг. 2011 23:35

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

#1 Lion

Lion

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

  • Пользователи
  • PipPipPipPip
  • 337 сообщений
  • ГородMoscow

Отправлено 20 Август 2011 - 23:35

Можно ли визуально выделить определенную категорию в каталоге. Для размещения в этой категории бесплатных подарков клиентам. Ну вроде бантик прикрепить или ленту подарочную ???

Спасибо, Сергей

#2 Vaccina

Vaccina

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

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

Отправлено 22 Август 2011 - 18:42

Можно, для этого вам нужно в шаблоне "HTML" редактора тем, найти следующую строку 

<li class="cat-item">

далее заменить её на 

<li class="cat-item{%IF catalog.NAME=Название категории которую нужно использовать%} cat_free{%ENDIF%}">

далее в файле стилей main.csstemplate найти

.leftmenu li li {
	display: inline;
}

заменить на 

.leftmenu li li.cat_free {
	background: #333;
}

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

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

.leftmenu li li.cat_free a {
	color:#333;
}

#3 medisan

medisan

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

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

Отправлено 22 Август 2011 - 19:49


<!-- Каталог товаров -->  {%IFNOT catalog_full_empty%}
   <ul class="leftmenu">
    <li style="padding-bottom: 10px;">
{%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>{catalog_full.NAME}</span></a>
      {% IF catalog_full.ISSET_SUB=0 %}</li>{% ENDIF %}
      {% IF catalog_full.LAST %}{%FOR out%}</ul>{%IFNOT catalog_full.out.LAST%}

Код изменен, как в таком случае изменить цвет или картинку добавить?

#4 Vaccina

Vaccina

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

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

Отправлено 23 Август 2011 - 20:28

Это будет выглядеть так 

<!-- Каталог товаров --> {%IFNOT catalog_full_empty%}
<ul class="leftmenu">
<li style="padding-bottom: 10px;">
{%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 %} cat-item{%IF catalog.NAME=Название категории которую нужно использовать%} cat_free{%ENDIF%}">
<a href="{catalog_full.URL}"><span>{catalog_full.NAME}</span></a>
{% IF catalog_full.ISSET_SUB=0 %}</li>{% ENDIF %}
{% IF catalog_full.LAST %}{%FOR out%}</ul>{%IFNOT catalog_full.out.LAST%}

#5 medisan

medisan

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

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

Отправлено 24 Август 2011 - 17:06

А стили какие корректировать Изображение

И еще вопрос. Возможно ли  одну категорию сделать выпадающей? как модификации или поле сортировки?

#6 Vaccina

Vaccina

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

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

Отправлено 25 Август 2011 - 10:01

Стили останутся такие же как и выше.

Цитата

И еще вопрос. Возможно ли одну категорию сделать выпадающей? как модификации или поле сортировки?

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

#7 medisan

medisan

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

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

Отправлено 25 Август 2011 - 19:11

Цитата

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

Цитата

Думаю что попробовать такое реализовать можно, вот только как это будет выглядеть все. Ну т.е категории под категории. Попробуйте изложить более детально вопрос.
Так как нет возможности вывести фильтр на главную (а он очень нужен) возник вопрос а можно ли сделать то что надо из категории.  Вот пример  
Окошко  "choose a brаnd"  над каталогом. Возможно сделать так же? На данный момент есть просто категория, но она довольно длинная. Целиком только при открытом каталоге отображается. Моя ссылка

#8 Vaccina

Vaccina

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

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

Отправлено 25 Август 2011 - 20:35

Цитата

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

Попробуйте добавить к свойству color высший приоритет (!important). Это будет примерно так

.test {
 color:#000 !important;
}

Цитата

Так как нет возможности вывести фильтр на главную (а он очень нужен) возник вопрос а можно ли сделать то что надо из категории. Вот пример
Окошко "choose a brаnd" над каталогом. Возможно сделать так же? На данный момент есть просто категория, но она довольно длинная. Целиком только при открытом каталоге отображается. Моя ссылка

Предлагаю вам сделать следующее: Тем категориям что должны быть именами брендов выставляется скрытие на сайте (это делается в редакторе категории)
Далее немного модернизируется код каталога в итоге получим

Было так 

<!-- Каталог -->
			  <div class="pad-box">
				<ul class="leftmenu"> 
				  <li class="categories"><h2><a href="{CATALOG_URL}" class="indexPage">Каталог товаров</a></h2>
					<ul>
					{%IFNOT catalog_empty %}
					  {% FOR catalog %}
						{% IFNOT catalog.HIDE %}
						  <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>
						{% ENDIF %}
					  {% ENDFOR %}
					{% ENDIF %}
					</ul><br />
				  </li>

Стало так 

<!-- Каталог -->
			  <div class="pad-box">
				<ul class="leftmenu">
				  <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 value="{catalog_full.URL}">{catalog_full.NAME}</option>
						{% ENDIF %} 
					  {% ENDFOR %}
					</select>   
					{% ENDIF %} 
				  </li>
				  <li class="categories"><h2><a href="{CATALOG_URL}" class="indexPage">Каталог товаров</a></h2>
					<ul>
					{%IFNOT catalog_empty %}
					  {% FOR catalog %}
					  {% IFNOT catalog.HIDE %}
						  <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>
						{% ENDIF %}
					  {% ENDFOR %}
					{% ENDIF %}
					</ul><br />
				  </li>

#9 medisan

medisan

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

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

Отправлено 26 Август 2011 - 17:54

Близко но не совсем то.

У меня код каталога выглядит так


<!-- Каталог товаров -->
  {%IFNOT catalog_full_empty%}
   <ul class="leftmenu">
	 	<li style="padding-bottom: 10px;"><a href="http://nutritionsport54.ru/page/%D0%A1%D0%BA%D0%B8%D0%B4%D0%BA%D0%B8"target="_blank"><img src="{ASSETS_IMAGES_PATH}catalog.gif" alt="банер" /></a></li>
	{%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 %}
		{% IF catalog_full.HIDE %}hide{% ENDIF %} cat-item{%IF catalog.NAME=Хиты продаж%} cat_free{%ENDIF%}">
		<a href="{catalog_full.URL}"><span>{catalog_full.NAME}</span></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%}
 	<script type="text/javascript" src="//yandex.st/share/share.js" charset="utf-8"></script>
<div class="yashare-auto-init" data-yashareL10n="ru" data-yashareType="none" data-yashareQuickServices="yaru,vkontakte,facebook,twitter,odnoklassniki,moimir,lj,friendfeed"></div> 
  <!-- /Каталог товаров -->


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

#10 Vaccina

Vaccina

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

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

Отправлено 26 Август 2011 - 22:02

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

<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 value="{catalog_full.URL}">{catalog_full.NAME}</option>
						{% ENDIF %} 
					  {% ENDFOR %}
					</select>   
					{% ENDIF %} 
				  </li>

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

<!-- Каталог товаров -->
  {%IFNOT catalog_full_empty%}
   <ul class="leftmenu">
<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 value="{catalog_full.URL}">{catalog_full.NAME}</option>
						{% ENDIF %} 
					  {% ENDFOR %}
					</select>   
					{% ENDIF %} 
				  </li>
	 	<li style="padding-bottom: 10px;"><a href="http://nutritionsport54.ru/page/%D0%A1%D0%BA%D0%B8%D0%B4%D0%BA%D0%B8"target="_blank"><img src="{ASSETS_IMAGES_PATH}catalog.gif" alt="банер" /></a></li>
	{%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 %}
		{% IF catalog_full.HIDE %}hide{% ENDIF %} cat-item{%IF catalog.NAME=Хиты продаж%} cat_free{%ENDIF%}">
		<a href="{catalog_full.URL}"><span>{catalog_full.NAME}</span></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%}
 	<script type="text/javascript" src="//yandex.st/share/share.js" charset="utf-8"></script>
<div class="yashare-auto-init" data-yashareL10n="ru" data-yashareType="none" data-yashareQuickServices="yaru,vkontakte,facebook,twitter,odnoklassniki,moimir,lj,friendfeed"></div> 
  <!-- /Каталог товаров -->

#11 medisan

medisan

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

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

Отправлено 28 Август 2011 - 11:38

Окошко появилось и каталог остался на месте. В закрытом виде видна надпись "выберите производителя", когда его открываешь то там прописаны "производитель" "хиты продаж" и "спецпредложение". А в идеале надо чтоб при нажатии на стрелочку открывался (прям тут) список производителей (как на фото). Это возможно?
ИзображениеИзображение

#12 medisan

medisan

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

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

Отправлено 29 Август 2011 - 14:29

.test {
color:#000 !important; }

Так и не получается выделить категорию. Все перебрала и ни как.

#13 Vaccina

Vaccina

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

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

Отправлено 29 Август 2011 - 22:16

Цитата

Окошко появилось и каталог остался на месте. В закрытом виде видна надпись "выберите производителя", когда его открываешь то там прописаны "производитель" "хиты продаж" и "спецпредложение". А в идеале надо чтоб при нажатии на стрелочку открывался (прям тут) список производителей (как на фото). Это возможно?

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

Цитата

.test {
color:#000 !important; }

Так и не получается выделить категорию. Все перебрала и ни как.

По идее должно работать нормально. Т.е класс должен выглядеть так 

.leftmenu li li.cat_free a {
	color:#333 !important;
}

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

#14 medisan

medisan

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

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

Отправлено 30 Август 2011 - 16:21

Цитата

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

Сделалось. Спасибо.

Цитата

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

Не получается. Ерунда выходит. Выпадающие подкатегории заимели серый фон.

А хотела выделить всего одну категорию "хиты продаж" в красный  (при наведении жирный красный)

#15 Vaccina

Vaccina

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

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

Отправлено 30 Август 2011 - 22:44

Не выделяется потому что у вас по какой то причине не прописывается класс к элементу. Т.е у вас сейчас выглядит так 

<li class="level0 nav-1 cat-item">
 <a href="http://nutritionsport54.ru/catalog/Хиты-продаж-2"><span>Хиты продаж</span></a>
</li>

а должно быть так 

<li class="level0 nav-1 cat-item cat_free">
		<a href="http://nutritionsport54.ru/catalog/Хиты-продаж-2"><span>Хиты продаж</span></a>
</li>

и тогда сработает правило cat_free

проверьте верно ли вы ставили условие

<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 %} cat-item{%IF catalog.NAME=Название категории которую нужно использовать%} cat_free{%ENDIF%}">

#16 medisan

medisan

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

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

Отправлено 31 Август 2011 - 13:01

В хроме вижу что cat_free  не хватает

Сам код вроде верно 

<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 %} cat-item{%IF catalog.NAME=Хиты продаж%} cat_free{%ENDIF%}">

#17 Vaccina

Vaccina

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

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

Отправлено 31 Август 2011 - 20:57

Можете полностью показать исходный шаблон "HTML". Попробуем разобраться в чем может быть дело.

#18 medisan

medisan

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

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

Отправлено 01 Сентябрь 2011 - 06:49 

<!-- Каталог товаров -->
  {%IFNOT catalog_full_empty%}
   <ul class="leftmenu">
	<li style="padding-bottom: 10px;"><ahref="http://nutritionsport54.ru/page/%D0%A1%D0%BA%D0%B8%D0%B4%D0%BA%D0%B8"target="_blank"><img src="{ASSETS_IMAGES_PATH}catalog.gif" alt="банер" /></a></li>
	 <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 value="{catalog_full.URL}">{catalog_full.NAME}</option>
			   {% ENDIF %} 
			 {% ENDFOR %}
		   </select>   
		{% ENDIF %} 
	  </li> 
	{%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 %} cat-item{%IF catalog.NAME=Хиты продаж%} cat_free{%ENDIF%}">
		<a href="{catalog_full.URL}"><span>{catalog_full.NAME}</span></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%}
	<script type="text/javascript" src="//yandex.st/share/share.js" charset="utf-8"></script>
	   <div class="yashare-auto-init" data-yashareL10n="ru" data-yashareType="none" data-yashareQuickServices="yaru,vkontakte,facebook,twitter,odnoklassniki,moimir,lj,friendfeed"></div> 
  <!-- /Каталог товаров -->

#19 medisan

medisan

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

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

Отправлено 01 Сентябрь 2011 - 06:58

Код каталога, весь HTML не хочет вставляться

#20 Vaccina

Vaccina

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

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

Отправлено 01 Сентябрь 2011 - 22:56

Хм по идее все верно, быть может проблема в написании имени категории? Попробуйте выделить другую категорию. Если не получиться, то скиньте в ЛС доступ к вашему сайту.
Обратно в Каталог товаров


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

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

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