TopRaN

Урок CSS (4) Красим элементы категории (topic_id)

Recommended Posts

5 минут назад, TopRaN сказал:

Это вы делаете подкатегории, так и должно быть.

Это целый модуль, и такой модуль есть. Только вы сами  баннер и указываете ему параметры (тип, город, район). Могу Вам его установить, была платная-частная разработка.

P.S. Не надо в данной теме флудить другими вопросами! В данном топике только то что касается в название темы, а именно уроки для пользователей.

Банер ?? хм банер он создается статический а вот его вывод в зависимости от города и категории выводится-так что надо писать именно через условие , иначе как в карточке или в GRID вывести именно нужный банер если не ставить условие
Нас интересует именно описание вывода через условие
так как просто поставив {$Baner} ничего не выведится по условиям, или мы не правильно и не доходчиво обозначили суть либо вы не поняли нас

На счет оффтопа? и флуда? хм интересный форум :) задаешь вопрос конкретно по теме не отвечают и игнорят, задали сопутствующий вопрос-уже флуд :)) мда
факты? вот факты -где ответы на них ?
 

вот еще 
 




 

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах
7 минут назад, doma сказал:

Банер ?? хм банер он создается статический а вот его вывод в зависимости от города и категории выводится-так что надо писать именно через условие , иначе как в карточке или в GRID вывести именно нужный банер если не ставить условие
Нас интересует именно описание вывода через условие
так как просто поставив {$Baner} ничего не выведится по условиям, или мы не правильно и не доходчиво обозначили суть либо вы не поняли нас

Я доходчиво вас понял. Объясняю еще раз. есть модуль который позволяет выводить банеры в зависимости от условий

1. Заходим в модуль, нажимаете добавить

2. Через загрузчик загружаете картинку

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

4. присваивате время и дату когда и сколько ему отображаться

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах
В 01.04.2016 в 11:47, doma сказал:

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

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

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах
4 минуты назад, abushyk сказал:

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

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

главное то чтобы наши ID 1 или 5  или 6  или 100 не стали отображаться на чужих сайтах :)) а на нашем чтобы не отображались  чужие. Помнился был такой серьезный глюк как
например есть раздел продажа квартир там 4 категории продажа 1 -2 -3 -4 комнатных квартир, мы решили доавить еще продажа секционок и понеслось :))
зашли на сайт смотрим у нас стало 5 категории (4старых и 1 новая итого 4+1) жмем F5  уже 6 категорий, жмем еще раз уже 7,ж мем еще уже 8 и так до 20 дошли :))
ладно скопом их удалили сразу заметв такой глюк, и дальше вроде как не поползло

а как решить то "расцветку категорий" описанных выше ? если краски придаешь-вроде нормально, стоит зайти в ЛК -краски меняются
 

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах
Цитата

жмем F5  уже 6 категорий, жмем еще раз уже 7,ж мем еще уже 8 и так до 20 дошли :))

если в админке после добавления жать Ф5, то естественно, что будет повторяться последняя операция. Ф5 - собственно всегда это и делала и для этого и была придумана)

Цитата

стоит зайти в ЛК -краски меняются

Если там нет промаха по месту расположения скрипта и стилей, то проблема скорее всего в следующем. $('#topic_id') обращается к элементу с ИД=topic_id. По правилам такой элемент на странице может быть только один. По факту их может быть несколько. Но скрипт возьмет только первый из них забив на остальные. Выходом может быть только отвязка скрипта от ИД и привязка на какой-то другой признак, если таковой вообще существует.

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах
15 минут назад, abushyk сказал:

если в админке после добавления жать Ф5, то естественно, что будет повторяться последняя операция. Ф5 - собственно всегда это и делала и для этого и была придумана)

Если там нет промаха по месту расположения скрипта и стилей, то проблема скорее всего в следующем. $('#topic_id') обращается к элементу с ИД=topic_id. По правилам такой элемент на странице может быть только один. По факту их может быть несколько. Но скрипт возьмет только первый из них забив на остальные. Выходом может быть только отвязка скрипта от ИД и привязка на какой-то другой признак, если таковой вообще существует.

у нас вот так написано
<script type="text/javascript" >
  $(document).ready(function() {
      $("#topic_id [value='2'],#topic_id [value='1'],#topic_id [value='5'],#topic_id [value='4'],#topic_id [value='6147'],#topic_id [value='6']").toggleClass("reder"); 
  });
</script>
<script type="text/javascript" >
  $(document).ready(function() {
      $("#topic_id [value='11'],#topic_id [value='6121'],#topic_id [value='40'],#topic_id [value='41']").toggleClass("reder1"); 
  });
</script>

то есть 2 скриптами -для того чтобы поэкспериментировать с разными  toggleClass("reder1");  стили у нас написаны разные
но мы и так писали в одном скрипте вроде тоже проблемы те же были, поэтому и решили 2 скриптами пока написать
а что если так считываться будет скрипт -может проблема все же когда то исчезнет?

<script type="text/javascript" >
  $(document).ready(function() {
      $("#topic_id [value='2'],#topic_id [value='1'],#topic_id [value='5'],#topic_id [value='4'],#topic_id [value='6147'],#topic_id [value='6']").toggleClass("reder"); 
      $("#topic_id [value='11'],#topic_id [value='6121'],#topic_id [value='40'],#topic_id [value='41']").toggleClass("reder1"); 
  });
</script>

сам скрипт расположен так в файле header.tpl

<script type="text/javascript">
$(document).ready(function(){
$(window).scroll(function(){
   if ($(this).scrollTop() > 100) {
     $('.scrollup').fadeIn();
      } else {
     $('.scrollup').fadeOut();
      }
   });
$('.scrollup').click(function(){
$("html, body").animate({ scrollTop: 0 }, 600);
return false;
});
});
</script>


<script type="text/javascript" >
  $(document).ready(function() {
      $("#topic_id [value='2'],#topic_id [value='1'],#topic_id [value='5'],#topic_id [value='4'],#topic_id [value='6147'],#topic_id [value='6']").toggleClass("reder"); 
  });
</script>
<script type="text/javascript" >
  $(document).ready(function() {
      $("#topic_id [value='11'],#topic_id [value='6121'],#topic_id [value='40'],#topic_id [value='41']").toggleClass("reder1"); 
  });
</script>

</head>
{assign var="lang_topic_name" value="name_{$smarty.session._lang}"}

и не связана ли проблема с файлом header? так как он без входа в ЛК как бы один , а уже при входе в ЛК файл как бы уже другой и принадлежит как бы пользователю, может используется 
{if $smarty.session.user_id eq ''}
не изза этого ?



 

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах

так как ни кто не ответил попробуем обратиться снова может кто все же подскажет
почему основные категории не подкрашиваются должен быть такой состав
1) продажа квартир и сдам жилье основные категории - для них задали цвет фона голубой а цвет текста красный
2) для категории на часы и сутки (являющейся подкатегорией раздела -сдам жилье) задали цвет фона черный а цвет текста белый

для этого в header.tpl  написали вот так 

<script type="text/javascript" >
  $(document).ready(function() {
      $("#topic_id [value='2'],#topic_id [value='1'],#topic_id [value='5'],#topic_id [value='4'],#topic_id [value='6147'],#topic_id [value='6']").toggleClass("reder21"); 
    $("#topic_id [value='11'],#topic_id [value='6121'],#topic_id [value='40'],#topic_id [value='41']").toggleClass("reder22");
  });
</script>

где
ID категории 2-продажа квартир, 1-сдам жилье главные категории
ID подкатегории 11-на часы и сутки

а в bootstrap.corrections.css написали

.reder21 {
background-color: blue;
    color: red;
}

.reder22 {
    background-color: black;
    color: white;
font-weight: bold;
}

но не смотря на многократное нажатие ни F5 ни на закрытие страницы ни при просмотре из другого браузера ничего не поменялось
Проблема "НЕ ОКРАСКИ фона" именно только с корневыми 
как быть? результат на скрине
 

категории.jpg

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах
В 29.03.2016 в 08:17, TopRaN сказал:

Недавно пользователи спрашивали как поменять цвет на определенной категории объекта.

для начала создадим стили в котором мы определим сам цвет заливки и шрифта

Открываем файл стилей (я предпочитаю этот bootstrap.corrections.css ) и в конец файла вставляем следующее содержимое:


.reder {
    background-color:#848080;
  	color:white;
  }

После открывает файл header.tpl и добавляем следующий код :


<script type="text/javascript" >
  $(document).ready(function() {
  	$("#topic_id [value='2'],#topic_id [value='11'],#topic_id [value='3']").toggleClass("reder"); 
  });
</script>

где value 2,11,3 это ID категорий типа недвижимости. Узнать ID можно в админке в разделе "структура"

В итоге мы получаем 

Безымянный.jpg

 

 

Все поставил как в первом посте.

Но все равно цвет не поменялся 0RTuoFYRrJc.thumb.jpg.5fd458d43555a2e6d6a120d14742ea51.jpg8UKmk4N9MG4.thumb.jpg.2cbe681c168d0d296f7d78bf465903e8.jpg

ZL5Sl5YdXXg.jpg

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах

Переместите скрипт перед закрывающимся тегом </head> т.к. вы пытаетесь вызвать скрипт раньше чем подключается библиотека jquery

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах
В 31.08.2017 в 16:27, TopRaN сказал:

Переместите скрипт перед закрывающимся тегом </head> т.к. вы пытаетесь вызвать скрипт раньше чем подключается библиотека jquery

Скажите пожалуйста, в real-spaces это должно работать?

А то, что то не выходит...

5a91a37da6ef9_.thumb.jpg.293f57e2e5bf29ad480dcf43136c7d6c.jpg

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах
18 часов назад, 72realty сказал:

Скажите пожалуйста, в real-spaces это должно работать?

А то, что то не выходит...

5a91a37da6ef9_.thumb.jpg.293f57e2e5bf29ad480dcf43136c7d6c.jpg

На данном шаблоне работать не будет, там другой подход формирования элементов. 

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах
2 часа назад, TopRaN сказал:

На данном шаблоне работать не будет, там другой подход формирования элементов. 

Понятно. Спасибо)

Не подскажите как?:)

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах

Создайте аккаунт или войдите для комментирования

Вы должны быть пользователем, чтобы оставить комментарий

Создать аккаунт

Зарегистрируйтесь для получения аккаунта. Это просто!

Зарегистрировать аккаунт

Войти

Уже зарегистрированы? Войдите здесь.

Войти сейчас

  • Похожие публикации

    • Автор: TopRaN
      В sitebill есть кластерная карта которую можно подключить через iframe
      <iframe src="{$estate_folder}/js/ajax.php?action=iframe_map&{$QUERY_STRING}" style="border: 0px;" border="0" width="100%" height="500px"></iframe> Карта просто замечательная.
      но в данной карте цена выводится целиком. Задача разделить саму цену на тысячи и добавить валюту.
      Решение.
      идем по адресу /apps/system/js файл activemap.js .  примерно 256 строка. находим содержимое
      block.find('.ActiveMapListBlock-item-price').text(data.price); и заменяем на 
      block.find('.ActiveMapListBlock-item-price').text(data.price.replace(/(\d)(?=(\d\d\d)+([^\d]|$))/g, '$1 ')); сразу после нее добавляем следующее
      block.find('.ActiveMapListBlock-item-currency').text(data.currency_name); теперь карта понимает валюту и делит цену на тысячи. Осталось все это вывести в шаблон
      идем по адресу /apps/system/template файл iframe_map.tpl
      содержимое 
      <a class="ActiveMapListBlock-item-link" target="_blank" href=""> <div class="ActiveMapListBlock-item-image"> <img src="{$estate_folder}/img/no_foto.jpg"> <div class="ActiveMapListBlock-item-id"></div> </div> <div class="ActiveMapListBlock-item-description"> <h3 class="ActiveMapListBlock-item-title"></h3> <div class="ActiveMapListBlock-item-price"></div> <div class="ActiveMapListBlock-item-address"></div> <div class="ActiveMapListBlock-item-text"></div> </div> </a> меняем на это
      <a class="ActiveMapListBlock-item-link" target="_blank" href=""> <div class="ActiveMapListBlock-item-image"> <img src="{$estate_folder}/img/no_foto.jpg"> <div class="ActiveMapListBlock-item-id"></div> </div> <div class="ActiveMapListBlock-item-description"> <h3 class="ActiveMapListBlock-item-title"></h3> <div class="ActiveBlockHalf"> <div class="ActiveMapListBlock-item-price"></div> <div class="ActiveMapListBlock-item-currency"></div> </div> <div class="ActiveMapListBlock-item-address"></div> <div class="ActiveMapListBlock-item-text"></div> </div> </a> далее в конце файла добавляем стили
      .ActiveMapListBlock-item-price, .ActiveMapListBlock-item-currency { float:left; } .ActiveBlockHalf { display:inline-block; font-size: 18px; font-weight: 700; } .ActiveMapListBlock-item-price { padding-right: 5px; } и все результатом будет
       

    • Автор: dmpress
      Друзья!
      Кто-нибудь выводил два текстовых поля в категории? Например, вверху и внизу страницы?
      Очень прошу помощи если вы такое реализовали.
      Саму вторую переменную я добавил, благодаря подсказкам техподдержки, но вывести её в шаблон не могу.
      В техподдержке наотрез отказываются даже просто подсказать в каких файлах можно посмотреть как реализуется вывод текущего поля description в структуре, не то что как вывести новую переменную((
      В main.php нет вывода текущего поля description, а я умею программировать только копированием кода по образу и подобию))
    • Автор: TopRaN
      Надеюсь админ создаст отдельный раздел для этого и создаст в ней (переименует мою тему)
      В данном разделе пользователи смогут подчеркнуть для себя интересные идеи которые смогут применить на своем сайте
      Первый урок (переворот картинки без использования Jquery)
       
      начнем
       
      1. Для начала создадим область (container)  в который поместим 2 блока с содержимым box-front и box-back
      <div class="container">    <div class="box-front">        Передняя сторона    </div>    <div class="box-back">        Задняя сторона    </div></div> 2. Когда мы прописали блоки приступим к написанию стилей и соответственно анимации.
      <style>.container{        perspective: 800px;        -webkit-perspective: 800px;        background: radial-gradient(#e0e0e0, #aaa);        width:100%;        height:300px;        border-radius:6px;        position:relative;        }.box-front,        .box-back{        transform-style: preserve-3d;        -webkit-transform-style: preserve-3d;         backface-visibility: hidden;        -webkit-backface-visibility: hidden;         width:50%;        height:80%;        position:absolute;        top:10%;        left:25%;        background:#476AF1;        transition:0.8s; text-align:center;        color:#FFF;        }.box-back{        transform:rotateY(180deg);        -webkit-transform:rotateY(180deg);        background-color:#7E0002;        }.container:hover .box-front{                /*пишем эффект при наведении мышкой*/        transform:rotateY(180deg);        -webkit-transform:rotateY(180deg);        }.container:hover .box-back{             /* эффект при убранной мышки*/        transform:rotateY(360deg);        -webkit-transform:rotateY(360deg);        }</style> Получаем переворачивающую картинку при наведении на нее мышкой
      index2.html