Пример мегаотстойного чанка...

Николай Ланец
Николай Ланец
Jul 28, 2013

Блин, не часто я публикую примеры из области «как не надо делать», но под катом очень достойный образец… А ведь это только чанк HEADER… Особое внимание обратите на кучу IF-ов, и жестко прописанные ID-шники. Это полнй ппц…

[[!If? &subject=[[*id]] &operator=ia &operand=1,7 &then= `

&else= 

<script src="/assets/evropa/js/m0_searching.js"></script>

` ]]

[[!If? &subject=[[*id]] &operator=ia &operand=3 &then= ` 

<script src="/assets/evropa/colorbox-master/jquery.colorbox-min.js"></script>
<script src="/assets/evropa/js/modernizr_2_6_1.js"></script>

<script>

$(document).ready(function () {
$("img").lazyload({effect : "fadeIn"});
$("a[rel='colorbox']").colorbox();

	$('#left_podmenu1').hide();
	$('#left_podmenu2').hide();
	$('#left_podmenu3').hide();
	$('#left_podmenu4').hide();
	$('#left_podmenu5').hide();
	$('#left_podmenu6').hide();
	$('#left_podmenu7').hide();
	$('#left_podmenu8').hide();
	$('#left_podmenu9').hide();
	$('#left_podmenu10_1').hide();
	$('#left_podmenu10').hide();
	$('#left_podmenu11').hide();


});
</script>

&else=

` ]]

[[*pagetitle]]

[[!If? &subject=[[*id]] &operator=ia &operand=1,7 &then= `

&else=

` ]]

	<script>
	$(document).ready(function() {

[[!If? &subject=[[*id]] &operator=ia &operand=2,9,10,11,12,13,14,72,73 &then= ` $(str_tre_left_podmenu1).attr('class','tre_down_img');

    $('#left_podmenu2').hide();
	$('#left_podmenu3').hide();
	$('#left_podmenu4').hide();
	$('#left_podmenu5').hide();
	$('#left_podmenu6').hide();
	$('#left_podmenu7').hide();
	$('#left_podmenu8').hide();
	$('#left_podmenu9').hide();
	$('#left_podmenu10').hide();
	$('#left_podmenu10_1').hide();
	$('#left_podmenu11').hide();

` ]]

[[!If? &subject=[[*id]] &operator=ia &operand=15,16,17,18,19,20,21,22,23 &then= `

$(str_tre_left_podmenu2).attr('class','tre_down_img');

	$('#left_podmenu1').hide();
	$('#left_podmenu3').hide();
	$('#left_podmenu4').hide();
	$('#left_podmenu5').hide();
	$('#left_podmenu6').hide();
	$('#left_podmenu7').hide();
	$('#left_podmenu8').hide();
	$('#left_podmenu9').hide();
	$('#left_podmenu10').hide();
	$('#left_podmenu10_1').hide();
	$('#left_podmenu11').hide();

` ]]

[[!If? &subject=[[*id]] &operator=ia &operand=24,25,26,27,28,29 &then= ` $(str_tre_left_podmenu3).attr('class','tre_down_img');

	$('#left_podmenu1').hide();
	$('#left_podmenu2').hide();
	$('#left_podmenu4').hide();
	$('#left_podmenu5').hide();
	$('#left_podmenu6').hide();
	$('#left_podmenu7').hide();
	$('#left_podmenu8').hide();
	$('#left_podmenu9').hide();
	$('#left_podmenu10').hide();
	$('#left_podmenu10_1').hide();
	$('#left_podmenu11').hide();

` ]]

[[!If? &subject=[[*id]] &operator=ia &operand=47,48,49,50,51 &then= ` $(str_tre_left_podmenu4).attr('class','tre_down_img');

	$('#left_podmenu1').hide();
	$('#left_podmenu2').hide();
	$('#left_podmenu3').hide();
	$('#left_podmenu5').hide();
	$('#left_podmenu6').hide();
	$('#left_podmenu7').hide();
	$('#left_podmenu8').hide();
	$('#left_podmenu9').hide();
	$('#left_podmenu10').hide();
	$('#left_podmenu10_1').hide();
	$('#left_podmenu11').hide();

` ]]

[[!If? &subject=[[*id]] &operator=ia &operand=30,31,32 &then= `

$(str_tre_left_podmenu5).attr('class','tre_down_img');

	$('#left_podmenu1').hide();
	$('#left_podmenu2').hide();
	$('#left_podmenu3').hide();
	$('#left_podmenu4').hide();
	$('#left_podmenu6').hide();
	$('#left_podmenu7').hide();
	$('#left_podmenu8').hide();
	$('#left_podmenu9').hide();
	$('#left_podmenu10').hide();
	$('#left_podmenu10_1').hide();
	$('#left_podmenu11').hide();

` ]]

[[!If? &subject=[[*id]] &operator=ia &operand=52,53,54 &then= `

$(str_tre_left_podmenu6).attr('class','tre_down_img');

	$('#left_podmenu1').hide();
	$('#left_podmenu2').hide();
	$('#left_podmenu3').hide();
	$('#left_podmenu4').hide();
	$('#left_podmenu5').hide();
	$('#left_podmenu7').hide();
	$('#left_podmenu8').hide();
	$('#left_podmenu9').hide();
	$('#left_podmenu10').hide();
	$('#left_podmenu10_1').hide();
	$('#left_podmenu11').hide();

` ]]

[[!If? &subject=[[*id]] &operator=ia &operand=55,56,57,58,59 &then= `

$(str_tre_left_podmenu7).attr('class','tre_down_img');

	$('#left_podmenu1').hide();
	$('#left_podmenu2').hide();
	$('#left_podmenu3').hide();
	$('#left_podmenu4').hide();
	$('#left_podmenu5').hide();
	$('#left_podmenu6').hide();
	$('#left_podmenu8').hide();
	$('#left_podmenu9').hide();
	$('#left_podmenu10').hide();
	$('#left_podmenu10_1').hide();
	$('#left_podmenu11').hide();

` ]]

[[!If? &subject=[[*id]] &operator=ia &operand=61,62,63,64 &then= `

$(str_tre_left_podmenu9).attr('class','tre_down_img');

	$('#left_podmenu1').hide();
	$('#left_podmenu2').hide();
	$('#left_podmenu3').hide();
	$('#left_podmenu4').hide();
	$('#left_podmenu5').hide();
	$('#left_podmenu6').hide();
	$('#left_podmenu7').hide();
	$('#left_podmenu8').hide();
	$('#left_podmenu10').hide();
	$('#left_podmenu10_1').hide();
	$('#left_podmenu11').hide();

` ]]

[[!If? &subject=[[*id]] &operator=ia &operand=65,66 &then= `

$(str_tre_left_podmenu10).attr('class','tre_down_img');

	$('#left_podmenu1').hide();
	$('#left_podmenu2').hide();
	$('#left_podmenu3').hide();
	$('#left_podmenu4').hide();
	$('#left_podmenu5').hide();
	$('#left_podmenu6').hide();
	$('#left_podmenu7').hide();
	$('#left_podmenu8').hide();
	$('#left_podmenu9').hide();
	$('#left_podmenu10_1').hide();
	$('#left_podmenu11').hide();

` ]]

[[!If? &subject=[[*id]] &operator=ia &operand=33 &then= `

$(str_tre_left_podmenu10_1).attr('class','tre_down_img');

	$('#left_podmenu1').hide();
	$('#left_podmenu2').hide();
	$('#left_podmenu3').hide();
	$('#left_podmenu4').hide();
	$('#left_podmenu5').hide();
	$('#left_podmenu6').hide();
	$('#left_podmenu7').hide();
	$('#left_podmenu8').hide();
	$('#left_podmenu9').hide();
	$('#left_podmenu10').hide();
	$('#left_podmenu11').hide();

` ]]

[[!If? &subject=[[*id]] &operator=ia &operand=37 &then= `

$(str_tre_left_podmenu11).attr('class','tre_down_img');

	$('#left_podmenu1').hide();
	$('#left_podmenu2').hide();
	$('#left_podmenu3').hide();
	$('#left_podmenu4').hide();
	$('#left_podmenu5').hide();
	$('#left_podmenu6').hide();
	$('#left_podmenu7').hide();
	$('#left_podmenu8').hide();
	$('#left_podmenu9').hide();
	$('#left_podmenu10_1').hide();
	$('#left_podmenu10').hide();

`

]]

[[!If? &subject=[[*parent]] &operator=ia &operand=2,15,24,47,30,52,55,60,61,65,33,36 &then=`` &else= ` //$('#left_podmenu1').hide(); $(str_tre_left_podmenu1).attr('class','tre_down_img'); $('#left_podmenu2').hide(); $('#left_podmenu3').hide(); $('#left_podmenu4').hide(); $('#left_podmenu5').hide(); $('#left_podmenu6').hide(); $('#left_podmenu7').hide(); $('#left_podmenu8').hide(); $('#left_podmenu9').hide(); $('#left_podmenu10_1').hide(); $('#left_podmenu10').hide(); $('#left_podmenu11').hide();

` ]]

	});

	</script>

  <div class="logo"><a href="http://evropa.klik-web.ru"><img  class="logo_img" src="/assets/evropa/img/logo.png"  alt="" /> </a></div>
  <div class="networks"> 
	<!--<img  class="networks_img" src="img/networks.png"  alt="" />	-->	
	<a href="http://instagram.com" target="_blank" class="tmenu_link"><img  class="like" src="/assets/evropa/img/in.png"  alt="" /></a>
	<a  href="http://twitter.com/home?status=" target="_blank" class="tmenu_link"><img  class="like" src="/assets/evropa/img/twitter.png"  alt="" /></a>
	<a href="http://www.livejournal.com/update.bml?subject=" target="_blank" class="tmenu_link"><img  class="like" src="/assets/evropa/img/lj.png"  alt="" /></a>

	<a href="http://www.facebook.com/sharer.php?u=http://evropa.klik-web.ru/" target="_blank" class="tmenu_link"><img  class="like" src="/assets/evropa/img/facebook.png"  alt="" /></a>

	<div  class="search" > 
	      <img  class="search_img" src="/assets/evropa/img/search.png"  alt="" />
		  

		  <form class="search-form" method="get" action="/[[~71]]" id="form">
		<input id="s_text" class="search-text" type="text" value="Поиск по сайту" onfocus="this.value=this.value=='Поиск по сайту'?'':this.value;" onblur="this.value=this.value==''?'Поиск по сайту':this.value" name="search"/>

	  </form>

	</div>











  </div>
  <div class="search"> 				</div>
  <div class="contacts"> 	<span class="phone">8 499 431-00-17 / 18 </span>
<span class="adress"> Москва, Ленинский проспект, 104	</span>		</div>
  <div class="top-menu"> 				
	<ul id="tmenu">


  [[!Wayfinder? 
		&startId=`0`
		&outerTpl=`MenuOuterTop` 
		&rowTpl=`MenuRowTop` 
      
		&hereClass=`active` 
		&firstClass=`` 
		&lastClass =``
		&level =`1`
		&limit = `6`
		]]  


	</ul>
 </div>

  <div class="line"><img  class="line_img" src="/assets/evropa/img/line.png"  alt="" /></div>
UPD: Собрал шаблон со всеми чанками в один Smarty-шаблон. Пока еще не переделал его до правильного состояния, и это все дело выглядит так: gist.github.com/Fi1osof/48060b508d802de92762 Особое внимание обратите на формирование бокового меню:
  • [[getResourceField? &id=`2`]]
    • [[$Left-Menu-1]]
    <li class="level1" id="left-punkt2" > 
<span class="left-menu-text"> [[getResourceField? &id=`15`]] </span> 
<img class="tre_right_img" src="{$template_url}img/0.png"  id="tre_down_img2"  alt="">
</li>
	<div id="left_podmenu2">[[$Left-Menu-2]]</div>



	         <li class="level1" id="left-punkt3" > 
	<span class="left-menu-text"> [[getResourceField? &id=`24`]] </span> 
	<img class="tre_right_img" src="{$template_url}img/0.png" id="tre_down_img3"  alt="">
</li>
	<div id="left_podmenu3">[[$Left-Menu-3]]</div>


<li class="level1" id="left-punkt5" > 
	<span class="left-menu-text"> [[getResourceField? &id=`30`]] </span> 
	<img class="tre_right_img"  src="{$template_url}img/0.png" id="tre_down_img5"  alt="">
</li>
	<div id="left_podmenu5">[[$Left-Menu-5]]</div>



			 <li class="level1" id="left-punkt10_1" > 
	<span class="left-menu-text"> [[getResourceField? &id=`33`]] </span> 
	<img class="tre_right_img"  src="{$template_url}img/0.png" id="tre_down_img10_1"  alt="">
</li>
	<div id="left_podmenu10_1">[[$Left-Menu-10-1]]</div>

			 <li class="level1" id="left-punkt11" > 
	<span class="left-menu-text"> [[getResourceField? &id=`36`]] </span> 
	<img class="tre_right_img" src="{$template_url}img/0.png"  id="tre_down_img11"  alt="">
</li>
	<div id="left_podmenu11">[[$Left-Menu-11]]</div>
То есть мало того, что это не Wayfinder и вообще нет динамики меню, так еще это и куча сниппетов getResourceField (и запросов к БД), плюс еще и куча чанков, в каждом из которых вот такие вызовы WF:
    [[!Wayfinder? &startId=`15` &outerTpl=`MenuOuterLeft` &rowTpl=`MenuRowLeft` &firstClass=`` &lastClass =`` &level =`1` &limit = `0` ]]
И да, под каждый пункт меню не вызов одного и того же чанка с передачей ID родителя, а десяток чанков с одинаковым меню. Резюме. В общем, героев надо знать в лицо. Чудо веб-студия, которая клепает такие мегашедевры, это klik-web.ru/ Правда у них и у самих-то по сути сайта нет, но тем не менее. Особенно мне нравятся тизеры типа «КЛИК» — грамотный выбор! и Качество Опыт Репутация. Мда… Клиенты, наткнетесь на таких, обходите за 3 версты! UPD: klik-web.ru извинились перед клиентом и компенсировали затраты, вину перед клиентом загладили. Основная версия этого неприятного инцидента — не повезло им с выбором фрилансера-исполнителя. Клиент претензий не имеет.