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


ecco

Регистрация: 29 Jun 2011
Offline Активность: Dec 30 2014 12:46 PM
-----

Мои сообщения

В теме: Табы (вкладки) на странице товара

07 April 2012 - 08:23 PM

ой.. поменял на 1.7.2

В теме: Табы (вкладки) на странице товара

07 April 2012 - 07:56 PM

а cdn имхо гугловский нужно - поживее и встречается чаще, в чем и соль.


Почитал про особенности Google CDN и изменил код во втором примере.

В теме: Табы (вкладки) на странице товара

07 April 2012 - 06:39 PM

Пример 2.

В файле core/tpl/user/ВАШ_ШАБЛОН/product_detailed.tpl.html в нужном месте вставьте код

<style type="text/css">
div.tabs{width:100%}
ul.navi {list-style:none; margin:0; padding:0;}
ul.navi li {display: inline;}
ul.navi li a {padding: 3px 9px; text-decoration: none;}
ul.navi li a.selected,ul.navi li a.selected:hover,ul.navi li a:hover{background: #ccc;color: #000;}
div.tabs div {padding: 5px;margin-top: 3px;border: 1px solid #CCC;background: #FFF;}
</style>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script type="text/javascript">
{literal}
$(function () {
  var tabs = $('div.tabs > div');
  tabs.hide().filter(':first').show();
  $('div.tabs ul.navi a').click(function () {
   tabs.hide();
   tabs.filter(this.hash).show();
   $('div.tabs ul.navi a').removeClass('selected');
   $(this).addClass('selected');
   return false;
  }).filter(':first').click();
});
{/literal}
</script>
<div class="tabs">
	<ul class="navi">
		<li><a class="first" href="#tab1">Вкладка 1</a></li>
		<li><a href="#tab2">Вкладка 2</a></li>
		<li><a class="last" href="#tab3">Вкладка 3</a></li>
	</ul>
	<div id="tab1">
		Содержимое вкладки 1
	</div>
	<div id="tab2">
		Содержимое вкладки 2
	</div>
	<div id="tab3">
		Содержимое вкладки 3
	</div>
</div>


Этот код вроде не тормозит - подтягивает библиотеку Jquery - при желании файл jquery-1.7.2.min.js можно скачать в шаблон и подключить локально.
* Не помню подключен ли по умолчанию Jquery в ShopCMS, если да то подредактирую код в примере.

Скриншот: Прикрепленный файл  2.png   2.93К   160 Количество загрузок:

В теме: Табы (вкладки) на странице товара

07 April 2012 - 12:13 AM

PS. вызов yui-min.js в этом же TPL-файле, вставлять его в head.tpl.html не надо. Более того, вредно :).


Ну я вставил в head - туда, где остальные js-файлы подключены , там же написано {* подключение скриптов *} :)
.... в принипе я замечал что обычно стараются выносить в отдельные страницы js-файлы, которые работают только на этих страницах, особенно в крупных проектах.

Замечено что периодически сайт притормаживает когда подгружает js-файлик с ресурса Yahoo - видимо когда ресурс Yahoo подтормаживает. Думаю может его в шаблон лучше забрать?

В теме: Живой поиск (с картинками)

30 March 2012 - 07:16 PM

У меня сложилось впечатление (именно впечатление, еще со времен, когда я перестал быть программистом и стал... эээ... бизнесьменом), что ALT= это заместитель картинки. Т.е. если клиент у себя запретил показ картинок (например, интернет помегабайтный и медленный, через свисток), то ему выводится текст из ALT вместо картинки. Но вот что писать в ALT наиболее правильно - хрен его знает. В большинстве случаев (поубивал бы) там название картинки, а оно вообще ни о чем. А вот выбор между кодом или названием... хм... ИМХО, логичнее туда писать и то, и другое :).

В данном же случае, когда рядом и так есть название товара с ценой я даже не знаю, что же правильно будет писать в ALT. Возможно, что и вообще ничего.


Все верно, человек с отключенными картинками там и должен прочитать о том что нарисовано на этой картинке - поэтому наименованию товара, обычно , как раз там и место (без лишнего мусора). А когда вы ищете картинки в поисковике он как раз по альтам вам их и подсовывает - а еще много полезного про опимазацию картинок можно прочитать в статье продвижение картинками
P.S как под хайд ссылки класть теперь ?