Сообщений в теме: 55

[FusSheva]

PPS. Нашел косячок. Перезалил.

Не подскажите, что все таки означают иероглифы в строках:
201:

{* количество на складе. перенесено в табы

213 :

{* код товара. перенесено в табы

224 :

{* вывод "характеристик товара". убран нафиг

Судя из кода - это описания действий. Но почему они в кодировке utf-8 ?

[badisoft]

Не подскажите, что все таки означают иероглифы в строках:

Я давно уже не помню, что там и о чем оно. Думаю, что Вы вполне способны это прочитать.
Судя по незакрытости смарти-комментария там написано, за каким хреном я закомментировал нижеследующее.

Судя из кода - это описания действий. Но почему они в кодировке utf-8 ?

Потому, что я куда чаще пишу код в консоли сервера с кодировкой utf-8, чем на машине с кодировкой win1251.

[FusSheva]

Не, ну понятно что там ниже идет закомментированый код до знака *}
Напишу уж для ясности (чтобы другим было понятно что там написано):
Строка 201:

{* количество на складе. перенесено в табы

Строка 213:

{* код товара. перенесено в табы

Строка 224:

{* вывод "характеристик товара". убран нафиг

[Vert]

Доброго времени суток!
И все таки так и не решил вопрос... Я сделал табы в category.tpl.html . Под табы я завел a href = ' поиск в категории по различным характеристикам товара' . Пример одной вкладки:

<li >
<a  href="index.php?categoryID={$selected_category.categoryID}&amp search=1&amp;search_name=&amp;search_price_from=&amp;search_price_to=&amp;param_1=3&amp;search_in_subcategory=1&amp;advanced_search_in_category=1">ГЛОНАСС</a></li>

Но вот вопрос. Ни как не могу додумать как к текущей вкладке добавить class 'selected' , что бы она выделялась. Пробовал через java (как здесь описывалось выше) вкладка выделяется, но ссылка перестает работать. В java вообще не бум-бум. Подскажите люди добрые как реализовать??
Под java я имел ввиду следующее:

<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>

[FusSheva]

А у тебя случаем не конфликтуют jquery и mootools ?

А попробуй ка вот так прописать:

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script type="text/javascript">
{literal}
jQuery.noConflict();
jQuery(function () {
  var tabs =jquery('div.tabs > div');
  tabs.hide().filter(':first').show();
  jQuery('div.tabs ul.navi a').click(function () {
   tabs.hide();
   tabs.filter(this.hash).show();
  jQuery('div.tabs ul.navi a').removeClass('selected');
   jQuery(this).addClass('selected');
   return false;
  }).filter(':first').click();
});
{/literal}
</script>

[Vert]

Нет не помогло. Вообще ничего не произошло...Нет не помогло. Вообще ничего не произошло...
Я думаю, что вопрос в tabs.filter(this.hash).show(); потому как this.hash ищет в ссылке # , а у меня нет ссылки на якорь у меня ссылка на документ, что-то типа location.href или this.href Вообщем в java не шарю. Или надо как-то прописать ссылку с якорем href='#', но при этом оставить ссылку на документ. Вообщем б-р-р-р. Запутался. Помогите кто java понимает.

[Vert]

Решение нашел. Может кому будет интересно выкладываю

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script type="text/javascript">
{literal}
$(document).ready(function(){
/*Start DocumentReady*/
var url=document.location.href;
$.each($(".tabs a"),function(){
  if(this.href==url){$(this).addClass('selected');};
});
/*End DocumentReady*/
});
{/literal}
</script>

[badisoft]

Решение нашел. Может кому будет интересно выкладываю

Я так и не понял ни проблему, ни, соответственно, решение ЧЕГО выложено выше. Хотя бы к какому из трех или даже четырех выложенных в этой ветке реализаций табов это относится. Например, в табах на jquery-ui выбранная закладка и так подсвечивается, отличаясь от других. Если речь о подветке текущей закладки таба.

[Vert]

У меня была проблема пост №44 в этой ветке. И при стандартном решении, которое здесь предлагалось табы вкладки меняли свой класс и подсвечивались, но ссылка переставала работать. То что я выложил решило проблему. И вкладки подсвечиваются и ссылка с таба работает.

[FusSheva]

Сделал по примеру от ramshaus: http://vsupport.club...dpost__p__18452

Все работает, но не могу добиться чтобы возвращалось после поста отзыва назад во вкладку отзывы. Ну и тоже самое после поста в "Вопрос по товару"
Подскажите пожалуйста уважаемые форумчане, как реализовать это дело?

Вот именно тот кусок кода который у меня отвечает за "Отзывы" и "Вопрос по товару" (product_detailed.tpl.html)

Прикрепленные файлы

•  product_detailed.tpl.html   9.51К   7 Количество загрузок:

[boss]

FusSheva,
Использовал твой таб Отзывы.
У меня баг, если перейти по ссылке productID=1&discuss=yes
то можно прочитать все отзывы
но в табе пишет отзывов нет.
как исправить ??

[FusSheva]

FusSheva,
Использовал твой таб Отзывы.
У меня баг, если перейти по ссылке productID=1&discuss=yes
то можно прочитать все отзывы
но в табе пишет отзывов нет.
как исправить ??

Тему всю прочли? может быть в этом проблема... http://vsupport.club...dpost__p__25665

[Valentin]

Пример 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, если да то подредактирую код в примере.

Скриншот:

Подскажите а как сделать чтобы по умолчанию все вкладки были закрытые?А то по умолчанию открывается первая.И в какой строке можно менять номер открываемой по умолчанию вкладки?.Сколько не прослушивал этот короткий код, так и не смог определить нужные места.в самом начале есть строка где указанно first show показать первую.

[badisoft]

Подскажите а как сделать чтобы по умолчанию все вкладки были закрытые?А то по умолчанию открывается первая.И в какой строке можно менять номер открываемой по умолчанию вкладки?.Сколько не прослушивал этот короткий код, так и не смог определить нужные места.в самом начале есть строка где указанно first show показать первую.

Вместо этой строки, где first show поставьте две, они делают то же самое:

tabs.hide();
tabs[1].show();

Но при такой замене ответы на Ваши вопросы очевидны .

[mrTimex]

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

[badisoft]

Еще одни простенькие табы, из соседней ветки от SnowNutt. Не требуют никаких JS-библиотек, ну а оформление каждый делает себе сам. В приведенном примере минимум оформления.

<table cellspacing="0px">

    <tr>

	    <td align="center" valign="middle" class="tabs-gr tabs-t" id="t1" onclick="showTab(this.id)">Заголовок-1</td>

	    <td align="center" valign="middle" class="tabs-bl tabs-t" id="t2" onclick="showTab(this.id)">Название-2</td>

	    <td align="center" valign="middle" class="tabs-gr tabs-t" id="t3" onclick="showTab(this.id)">Тест-3</td>

	    <td align="center" valign="middle" class="tabs-gr tabs-t" id="t4" onclick="showTab(this.id)">Пупурука-4</td>

    </tr>

</table>



<div id="d1" class="of">

Содержимое блока-1

</div>

<div id="d2" class="on tabs-d">

Содержимое блока-2

</div>

<div id="d3" class="of">

Содержимое блока-3

</div>

<div id="d4" class="of">

Содержимое блока-4

</div>



<script type="text/javascript">

function showTab(id)

    {

    tab=document.getElementById(id);

    for(var i=1; i<5; i++)

	    {

	    if("t"+i==tab.id)

		    {    

			    tab.className="tabs-bl tabs-t";

			    document.getElementById("d"+i).className="on tabs-d";

		    }    

	    else

		    {

			    document.getElementById("t"+i).className="tabs-gr tabs-t";

			    document.getElementById("d"+i).className="of";    

		    }

	    }

    }

</script>



<style type="text/css">

.tabs-bl {color:white;background:red}

.tabs-gr {color:black;background:gray}

.on {display: block;}

.of {display: none;}

.tabs-t {padding: 10px 20px;cursor:pointer;font-weight: bold; border-left:1px solid black;}

#t1 {border-left:0px}

.tabs-d {border: 1px solid gray;padding: 10px 20px;}

</style>

Чтобы увидеть, как оно выглядит и работает достаточно сохранить этот код в tabs.html и запустить в браузере.