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


Как Подсветить Буквы В Меню


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

#1 1egi0n

1egi0n

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

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

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

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

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

  • Untitled-1.jpg


#2 Danil

Danil

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

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

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

Просмотр сообщения1egi0n (18 Октябрь 2014 - 15:56) писал:

Для удобства чтения категорий задался такой идеей. Как сделать подсветку первой буквы в наименовании категории.
Здравствуйте.
В main.css добавьте код
.left-sidebar .parent ul li a:first-letter {
color: red;/*Цвет*/
font-size: 26px;/*Размер шрифта*/
font-family:Times New Roman;/*Шрифт*/
}


#3 1egi0n

1egi0n

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

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

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

Этот способ слишком прост, посмотрите фото, поймете в чем загвоздка.

#4 Danil

Danil

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

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

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

Просмотр сообщения1egi0n (18 Октябрь 2014 - 16:15) писал:

Этот способ слишком прост, посмотрите фото, поймете в чем загвоздка.
Если Вам нужно изменять стиль первой буквы у определенных подкатегорий, то воспользуйтесь таким способом
в шаблоне html найдите код
		 <!-- Каталог товаров -->
						 {%IFNOT catalog_full_empty%}
							 {%FOR catalog_full%}
								 {% IF catalog_full.FIRST %}<ul class="accordion accordionMain">{% 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 %}">
										 <span class="oneList"><a href="{catalog_full.URL}"{% IF catalog_full.CURRENT %} class="selected" {% ENDIF %}>{catalog_full.NAME}</a></span>
										 {% 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 accordionMain">{% 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 %}">
										 <span class="oneList"><a href="{catalog_full.URL}"{% IF catalog_full.CURRENT %} class="selected" {% ENDIF %}{% IF catalog_full.NAME = Название подкатегории || другое название || и т.д.%}class="pervaya"{% ENDIF %}>{catalog_full.NAME}</a></span>
										 {% 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%}
						 <!-- /Каталог товаров -->
Далее в main.css добавляем
.pervaya:first-letter {
color:red;/*Цвет*/
font-size:20px;/*Размер шрифта*/
font-family:Arial;/*Шрифт*/
}


#5 1egi0n

1egi0n

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

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

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

То есть мне в ручную каждый раз нужно указывать категории к которым я хочу добавить класс "первая"
IF catalog_full.NAME = Название подкатегории || другое название || и т.д.%

#6 Danil

Danil

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

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

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

Просмотр сообщения1egi0n (18 Октябрь 2014 - 17:28) писал:

То есть мне в ручную каждый раз нужно указывать категории к которым я хочу добавить класс "первая"
IF catalog_full.NAME = Название подкатегории || другое название || и т.д.%
Если Вы хотите применять стили только к выборочным категориям, то прописывать нужно вручную.

#7 1egi0n

1egi0n

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

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

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

Я хочу ко всем категориям, но только к первым из них категориях

Скопировал ваш код, прописал категории. {% IF catalog_full.NAME = 'Armani' || 'Breitling' || 'Calvin Klein' ;%}
Теперь вся гармошка выглядит открыто и никаких цветовых изменений

#8 Danil

Danil

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

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

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

Просмотр сообщения1egi0n (18 Октябрь 2014 - 17:34) писал:

Я хочу ко всем категориям, но только к первым из них категориях
Из вашего сообщение, не совсем понятно какое должно быть условие, например на присланном Вами скриншоте первая буква выделена рандомно(т.е. очередности нет).

#9 1egi0n

1egi0n

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

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

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

http://swisspiterwatch.ru/ вот пример реализации на стороннем ресурсе, или вот вариант http://leowatch.ru

#10 Danil

Danil

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

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

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

Просмотр сообщения1egi0n (18 Октябрь 2014 - 17:40) писал:

http://swisspiterwatch.ru/ вот пример реализации на стороннем ресурсе, или вот вариант http://leowatch.ru
К сожалению у нас нет автоматической сортировки каталога. Реализовать подобную идею можно, только прописывая условие из сообщения 4 и вписывать название первой категории.

#11 1egi0n

1egi0n

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

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

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

Я понял, спасибо. Но ваш способ почему то не работает, посмотрите пжлст в чем проблема.

#12 Danil

Danil

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

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

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

Просмотр сообщения1egi0n (18 Октябрь 2014 - 17:58) писал:

Я понял, спасибо. Но ваш способ почему то не работает, посмотрите пжлст в чем проблема.
Изменения внесены.
При добавлении новой категории используйте следующую структуру (код находится на 210 строке)
{% IF catalog_full.NAME = Мужские часы || catalog_full.NAME = Breitling || catalog_full.NAME = Название без кавычек %}class="pervaya"{% ENDIF %}


#13 1egi0n

1egi0n

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

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

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

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

#14 Danil

Danil

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

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

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

Просмотр сообщения1egi0n (18 Октябрь 2014 - 18:18) писал:

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

#15 1egi0n

1egi0n

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

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

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

) Спасибо, спасибо. Я уже сам все вернул, работает) .Костыль , но работает :)

#16 1egi0n

1egi0n

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

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

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

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

#17 Danil

Danil

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

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

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

Просмотр сообщения1egi0n (18 Октябрь 2014 - 19:15) писал:

Возникла проблема, в категории женские часы и мужские часы есть одинаковые названия, но в  этих категориях разные подкатегории, соотвественно выделяются не те буквы. Надеюсь понятно объяснил. Видимо по логике нужно условие по родителю, тобишь по главной категории.
Здравствуйте.
В категории "женские часы"  в ручную перенесите подкатегорию, например Michael Kors.

#18 1egi0n

1egi0n

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

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

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

Не понял вашего совета.

#19 Danil

Danil

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

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

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

Просмотр сообщения1egi0n (19 Октябрь 2014 - 18:56) писал:

Не понял вашего совета.
Вы вручную отсортировали категорию "Мужские часы", тоже самое сделайте с категорией "Женские часы".

#20 1egi0n

1egi0n

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

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

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

НЕ в этом фишка. Проблема в том, что в категории женские часы и мужские часы разные не идентичные подкатегории.




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

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