Jump to content
  • 0

Не могу разобраться с "условием"


kostun
 Share

Question

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

Есть код, которые генерирует на сайте каталог. Хотелось бы выделить названия отдельных позиций(в коде {{collection.title}}) каталога жирным шрифтом. Значение этих отдельных позиций известны. Возник вариант решения - прописать условие, если {{collection.title}}="заданному значению"(или {{collection.title}} содержит заданное значение), то <b></b>, иначе оставить без изменений. Не смог найти примеров решения такого вопроса. Помогите пожалуйста!

html

<li class="category-top"><span class="top-span"><a href="{{collection.url}}" class="category-top"><span class="{% if collection.current? %}category-subs-parent-selected{% else %}category-subs-parent{% endif %}">{{collection.title}}{% if collection.subcollections.size > 0 %}->{% endif %}</span></a></span></li>

css

.box-body ul {margin:0; padding:0; list-style:none;}

.box-body ul li {}

.box-body ul li a {

color:#000;

font-size:15px;

line-height:31px;

text-decoration:none;

display:block;

background:url(marker2.png) no-repeat 19px 14px;

border-top:1px solid #e7e8e8;

padding-left:34px

Link to comment
Share on other sites

2 answers to this question

Recommended Posts

  • 0

Работать не будет. Конструкций с использованием фигурных скобок в html нет.

Была подобная ситуация. Требовалось выделить один пункт меню другим цветом. Решить это простым указанием id возможности не было: отсутствовали уникальные ключи.

Реализовал с помощью jquery, но и тут без подводных камней не обошлось. Селектор :contains отказывался работать в Google Chrome. Пришлось делать выделение на основе url ссылки.

Демо

Link to comment
Share on other sites

  • 0

удалось решить вопрос вот так

<li class="category-top"><span class="top-span"><a href="{{collection.url}}" class="category-top"

{% if collection.title == 'вася'%} style="font-weight: bold;"{%endif%}

{% if collection.title == 'петя'%} style="font-weight: bold;"{%endif%}

{% if collection.title == 'коля'%} style="font-weight: bold;"{%endif%}>

<span class="{% if collection.current? %}category-subs-parent-selected{% else %}category-subs-parent{% endif %}">{{collection.title}}

{% if collection.subcollections.size > 0 %}->{% endif %}</span></a></span></li>

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

 Share

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy