Перейти к содержанию
Официальный форум поддержки Simpla

Табы на странице товара, как лучше реализовать?


Рекомендуемые сообщения

На странице товара нужны табы "Описание", "Фото", "Параметры".
Как это лучше реализовать? Сторонние скрипты в темплейт товара вставлять?
Админку тоже придется допиливать под табы на странице товара?

Ссылка на сообщение
Поделиться на другие сайты
  • 2 месяца спустя...

Ребята..помогите вставить табы! мне они жизненно необходимы на сайте! Описание товара очень большое..а табы сократят место на странице. Так что помогайте...Сам додуматься не могу как вставить

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

Хмм, если табы делать, то тогда часть контента не проиндексируется...
Так ли они нужны, эти табы такой ценой?
И ладно бы оно там было, так ещё и в движке ковыряться...

Разве что описания полностью стандартные и такими и останутся, плюс трафик с поисковиков не интересует. Ну или если заказчик вредный требует :(

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

ребята...либо я в танке (скорее всего) либо просто не дано!))

помогите пожалуйста...прям для дураков расскидайте.
есть табы...пример http://ruseller.com/lessons.php?rub=32&id=287



Вот код, в отдельной странице работают..
куда что вставить в симпле чтобы нормально фунциклировало все)

<html>
<head>
<script src='jquery.js' type='text/javascript'></script>

<link rel="stylesheet" type="text/css" href="style.css"/>


</head>
<body>
<ul class="tabs">
<li><a href="#">1-ая вкладка</a></li>
<li><a href="#">2-ая вкладка</a></li>
<li><a href="#">3-я вкладка</a></li>
<li><a href="#">4-ая вкладка</a></li>
<li><a href="#">5-ая вкладка</a></li>
</ul>

<!-- tab "panes" -->
<div class="panes">
<div><h2>Первая вкладка.</h2>
<p>
Содержимое первой вкладки.
</p>
</div>

<div class="les"><h2>Вторая вкладка.</h2>
<p>
Содержимое второй вкладки.
</p>

</div>
<div class="les"><h2>Третья вкладка.</h2>
<p>
Содержимое третьей вкладки.
</p>
</div>

<div class="les"><h2>Четвертая вкладка.</h2>
<p>
<p>
Содержимое четвертой вкладки.
</p>
</div>

<div class="les"><h2>Пятая вкладка.</h2>
<p>
Содержимое пятой вкладки.
</p>
</div>

</div>


<script>
$(function() {

$("ul.tabs").tabs("div.panes > div");
});
</script>
</body>
</html>

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

<head>

<script src='design/{$settings->theme}/css/jquery.js' type='text/javascript'></script>
<link rel="stylesheet" type="text/css" href="design/{$settings->theme}/css/style.css"/>

jquery.js и style.css скопируй в папку css.
В style.css измини путь к картинкам ../

Скрипт в конце спрячь в {literal}

{literal}
<script>
$(function() {

$("ul.tabs").tabs("div.panes > div");
});
</script>
{/literal}

</head>
<body>

<ul class="tabs">
<li><a href="#">1-ая вкладка</a></li>
<li><a href="#">2-ая вкладка</a></li>
<li><a href="#">3-я вкладка</a></li>
<li><a href="#">4-ая вкладка</a></li>
<li><a href="#">5-ая вкладка</a></li>
</ul>

<!-- tab "panes" -->
<div class="panes">
<div><h2>Первая вкладка.</h2>
<p>
Содержимое первой вкладки.
</p>
</div>

<div class="les"><h2>Вторая вкладка.</h2>
<p>
Содержимое второй вкладки.
</p>

</div>
<div class="les"><h2>Третья вкладка.</h2>
<p>
Содержимое третьей вкладки.
</p>
</div>

<div class="les"><h2>Четвертая вкладка.</h2>
<p>
<p>
Содержимое четвертой вкладки.
</p>
</div>

<div class="les"><h2>Пятая вкладка.</h2>
<p>
Содержимое пятой вкладки.
</p>
</div>

</div>
</body>




Если не будет работать значит путь неправильно прописан, либа css ругаеться...

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

RUS если Вы не знаете html верстки, то я Вам советую обратится к специалисту, чтобы он сделал Вам табы.
Обратитесь к Mart-у с этого форума.
Сами не разберетесь.



Так и хочется блог завести да набросать туда много чего по симпле=)

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

Делал вкладки по этой статье http://pcvector.net/scripts/tabs/191-vkladki-so-skoshennymi-uglami.html

не отображается описание, характеристики и комментарии

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

Блин, маразм крепчал...

В ЭТОМ самый СМЫСЛ табов: ОДНА вкладка АКТИВНА, остальные - style="display: none;

Если вы СМЫСЛ не понимаете, то обьяснять вам нюансы РЕАЛИЗАЦИИ - это бред...

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

Блин, маразм крепчал...

В ЭТОМ самый СМЫСЛ табов: ОДНА вкладка АКТИВНА, остальные - style="display: none;

Если вы СМЫСЛ не понимаете, то обьяснять вам нюансы РЕАЛИЗАЦИИ - это бред...

Я забыл, что здесь царит меркантильность

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

Слышь, ДЕБИЛ, ты вообще в курсе, ЧТО такое МЕРКАНТИЛЬНОСТЬ?

Или просто красивое слово увидел???

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

Присоединяйтесь к обсуждению

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

Гость
Ответить в этой теме...

×   Вставлено с форматированием.   Вставить как обычный текст

  Разрешено использовать не более 75 эмодзи.

×   Ваша ссылка была автоматически встроена.   Отображать как обычную ссылку

×   Ваш предыдущий контент был восстановлен.   Очистить редактор

×   Вы не можете вставлять изображения напрямую. Загружайте или вставляйте изображения по ссылке.

Загрузка...
×
×
  • Создать...