Смена фото в Promo в зависимости от просматриваемого материала

голоса: 0

Есть идея: при открывании пользователем определённой страницы на моём сайте, хотелось бы выводить отдельную шапку для определённых страниц. То есть ID Promo или background, не знаю точно что будет правильней, должен меняться под стать странице, на которую перешёл пользователь. В автоматичсеком режиме.

Используемый шаблон: 1121

Закрыто с пометкой: Вопрос решен!
| Автор: | Категория: Дизайн сайта
Закрыт | | Автор: Yuri_Geruk

Ответов: 1

голоса: 0
 
Лучший ответ

Изучайте конструктор, например если нужно фото выводить для главной, заворачиваем код фото в условие:

<?if($URI_ID$='page1')?>здесь содержимое для главной<?endif?>

для другой страницы айди вместо page1 вы можете узнать с конструктора, смотрим на фото ниже:

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

  • В блоке промо ищем подобный код:

 <?if($URI_ID$='page1')?>
 <div id="promo">
 <div class="promo-img">
 <img src="/.s/t/1121/promo.jpg" alt="sample image">
 </div>
 </div>
 <?endif?>

Красное удалеяем, в итоге получится код:

 <div id="promo">
 <div class="promo-img">
<img src="<?if($URI_ID$='page1')?>/.s/t/1121/promo.jpg<?else?><?if($URI_ID$='page2')?>ссылка на фото для страницы 2<?else?><?if($URI_ID$='page3')?>ссылка на фото для страницы 3<?endif?><?endif?><?endif?>" alt="sample image"> </div>
 </div>

в примере выше я показал как легко сделать для 3 страниц, по той же аналогии делаем и для 10 и для 20.

| Автор:
Выбор ответа лучшим | | Автор: Ирина #6
Вы просто Космос uCozа))))
Где именно искать нужный мне блок Промо? Я ни как не могу разобраться!

Мой Блок Промо

 <div id="promo">  <div class="wrapper">  <span class="promo-ttl"><span>British Beauties Models</span></span>  </div>  </div>

 

Ирина #6,
Ссылку на сайт уточните.
http://glamourideal.net  Думаю, модераторы не пропустят ссылку на мой сайт. материал для взрослых. А тут, я думаю, много народу до 18 лет)
Ирина #6,

Ищите в стилях строку 51:

#promo {background:#131212 url(/.s/t/1201/promo.jpg) 50% 0 no-repeat;border-top:1px solid #403c38;border-bottom:1px solid #403c38;height:412px;line-height:600px;text-align:center;}

выделил красным, вот вместо этого http://glamourideal.net/.s/t/1201/promo.jpg фото пропишите свое.

Юрий, со строкой 51 и заменой стандартной картинки шапки, это давно мне было известно, методом "тыка". Вы лучше дораскажите, как мне используя 51 строку или Блок Промо - выводить отдельную шапку для каждой отдельной страницы. Понимаю, что ответ где то близко, но не могу догадаться как выполнить данное действие...
Ирина #6,
Предоставьте код блока промо http://glamourideal.net/panel/?a=tmpl;m=1;t=PROMO

<div id="promo">
 <div class="wrapper">
 <span class="promo-ttl"><span>British Beauties Models</span></span>
 </div>
 </div>

Ирина #6,

Чтобы был отдельный текст в шапке, вот данный код:

<span class="promo-ttl"><span>British Beauties Models</span></span>

как пример заменяем на:

<span class="promo-ttl"><span>
<?if($URI_ID$='page1')?>British Beauties Models<?else?>
<?if($URI_ID$='page1')?>British Beauties Models<?else?>
<?if($URI_ID$='page1')?>British Beauties Models<?else?>
<?if($URI_ID$='page1')?>British Beauties Models<?endif?><?endif?><?endif?><?endif?>
</span></span>

вместо выделенных красным page1 нужно прописать айди нужных вам страниц, узнать для нужной вам страницы их можно перейдя на нужную страницу и после используя панель инструментов смотрим вкладку в конструкторе http://joxi.ru/5mdB3d5TvKa8yA под номером 2 это айди, вот его копируем и устанавливаем для нужной вам страницы в условии выше.

Я навел пример как сделать для 4 страниц. Плюс стили с строки 51 удалите и сохраните изменения. После перейдите в блок промо и в самый низ вставьте подобный код:

<style>
#promo {background:#131212 url(<?if($URI_ID$='page1')?>/.s/t/1201/promo.jpg<?else?>
<?if($URI_ID$='page1')?>/.s/t/1201/promo.jpg<?else?>
<?if($URI_ID$='page1')?>/.s/t/1201/promo.jpg<?else?>
<?if($URI_ID$='page1')?>/.s/t/1201/promo.jpg<?endif?><?endif?><?endif?><?endif?>) 50% 0 no-repeat;border-top:1px solid #403c38;border-bottom:1px solid #403c38;height:412px;line-height:600px;text-align:center;}
</style>

выделил красным, аналогично для других страниц замените ссылки на фото выделенные красным и пропишите свои айди страниц вместо выделенных красным page1 вот как-то так и и делается.

Вся необходимая информация присутствует на странице профиля в тексте подпись 16 пункт.
...