Перейти к содержанию
Форум поддержки пользователей VamShop
VamShop Смотреть Скачать Купить

Вкладки в админке

darkdragon19

Автор darkdragon19,
в Проблемы и решения

 Share Подписчики 1

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

darkdragon19

darkdragon19 0

Опубликовано
Опубликовано

Хотелось бы  вкладки как и в админке на главной разместить на странице товара.

<script type="text/javascript" src="................."></script>
<link rel="stylesheet" href="......................" TYPE="text/css" MEDIA="screen">
<link rel="stylesheet" href="......................" TYPE="text/css" MEDIA="print">[/code]



[code]<div class="........">
<div class="...........">
<h3>Вкладка1</h3>
&nbsp; 1</div>
<div class="............">
<h3>Вкладка2</h3>
&nbsp; 2</div>
</div>

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

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

darkdragon19 0

Опубликовано
  • Автор
Опубликовано

Не получается

у вас на странице в отдельной таблице вот этот кусок 

<div class="pagecontent">
  <script type="text/javascript" src="//yandex.st/share/share.js" charset="utf-8"></script>
<link type="text/css" href="jscript/jquery/plugins/ui/css/smoothness/jquery-ui-1.7.2.custom.css" rel="stylesheet" />	
		<script type="text/javascript" src="jscript/jquery/plugins/ui/jquery-ui-1.7.2.custom.min.js"></script>



<div id="tabs">

			<ul>
				<li><a href="#description">Описание</a></li>
				<li><a href="#screenshots">Картинки</a></li>
				<li><a href="#demo">Демо</a></li>
				<li><a href="#payment-shipping">Оплата</a></li>
				<li><a href="#themes">Стили</a></li>
			</ul>

        </div>[/code]
Ссылка на сообщение
Поделиться на другие сайты
darkdragon19

darkdragon19 0

Опубликовано
  • Автор
Опубликовано 

<link type="text/css" href="../jscript/jquery/plugins/ui/css/smoothness/jquery-ui-1.7.2.custom.css" rel="stylesheet" />	
		<script type="text/javascript" src="../jscript/jquery/jquery.js"></script>
		<script type="text/javascript" src="../jscript/jquery/plugins/ui/jquery-ui-1.7.2.custom.min.js"></script>

         <link rel="stylesheet" type="text/css" href="includes/stylesheet.css">[/code]



[code]		<div id="tabs">
			<ul>
				<li><a href="#orders">Заказы</a></li>
				<li><a href="#customers">Покупатели</a></li>
				<li><a href="#products">Товары</a></li>
				<li><a href="#stat">Статистика</a></li>
			</ul>
		  <div id="stat"></div>
		</div>

Ткните пожалуйста носом как котенка

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

support 447

Опубликовано
Опубликовано

Так у Вас код же не полный для закладок, нет самого содержимого закладок.

Вот начните отсюда - http://jqueryui.com/demos/tabs/

С раздела examples.

Вы не весь код закладок скопировали, если коротко.

и проверьте пути подключения js файлов, правильно ли они указаны.

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

darkdragon19 0

Опубликовано
  • Автор
Опубликовано 

<script type="text/javascript">
			$(function(){
				// Tabs
				$('#tabs').tabs();
				//hover states on the static widgets
				$('#dialog_link, ul#icons li').hover(
					function() { $(this).addClass('ui-state-hover'); }, 
					function() { $(this).removeClass('ui-state-hover'); }
				);

			});
		</script>
	<style type="text/css">
			/*demo page css*/
			body{ font: 62.5% "Trebuchet MS", sans-serif; margin: 50px;}
			.demoHeaders { margin-top: 2em; }
			#dialog_link {padding: .4em 1em .4em 20px;text-decoration: none;position: relative;}
			#dialog_link span.ui-icon {margin: 0 5px 0 0;position: absolute;left: .2em;top: 50%;margin-top: -8px;}
			ul#icons {margin: 0; padding: 0;}
			ul#icons li {margin: 2px; position: relative; padding: 4px 0; cursor: pointer; float: left;  list-style: none;}
			ul#icons span.ui-icon {float: left; margin: 0 4px;}
		</style>[/code]
На компе работает
На странице вылазит синтаксическая ошибка вот из за этих строк
Ссылка на сообщение
Поделиться на другие сайты
darkdragon19

darkdragon19 0

Опубликовано
  • Автор
Опубликовано

Не понимаю я как избавиться от ошибки Помогите

Пути к файлам верные

Fatal error: Smarty error: [in vamshop/module/product_info/product_info_v1.html line 6]: syntax error: unrecognized tag: // Tabs $('#tabs').tabs(); //hover states on the static widgets $('#dialog_link, ul#icons li').hover( function() { $(this).addClass('ui-state-hover'); (Smarty_Compiler.class.php, line 446) in ,,,,,,,,,,,/includes/external/smarty/Smarty.class.php on line 1113

6 строчка начинается с  $(function(){

Весь код

{config_load file="$language/lang_$language.conf" section="product_info"}
		<link type="text/css" href="js/css/ui-lightness/jquery-ui-1.8.9.custom.css" rel="stylesheet" />	
		<script type="text/javascript" src="js/jquery-1.4.4.min.js"></script>
		<script type="text/javascript" src="js/jquery-ui-1.8.9.custom.min.js"></script>
		<script type="text/javascript">
			$(function(){
				// Tabs
				$('#tabs').tabs();
				//hover states on the static widgets
				$('#dialog_link, ul#icons li').hover(
					function() { $(this).addClass('ui-state-hover'); }, 
					function() { $(this).removeClass('ui-state-hover'); }
				);

			});
		</script>
		<style type="text/css">
			/*demo page css*/
			body{ font: 62.5% "Trebuchet MS", sans-serif; margin: 50px;}
			.demoHeaders { margin-top: 2em; }
			#dialog_link {padding: .4em 1em .4em 20px;text-decoration: none;position: relative;}
			#dialog_link span.ui-icon {margin: 0 5px 0 0;position: absolute;left: .2em;top: 50%;margin-top: -8px;}
			ul#icons {margin: 0; padding: 0;}
			ul#icons li {margin: 2px; position: relative; padding: 4px 0; cursor: pointer; float: left;  list-style: none;}
			ul#icons span.ui-icon {float: left; margin: 0 4px;}
		</style>	[/code]




[code]<!-- Tabs -->
<h2 class="demoHeaders">Tabs</h2>
		<div id="tabs">
			<ul>
				<li><a href="#tabs-1">First</a></li>
				<li><a href="#tabs-2">Second</a></li>
				<li><a href="#tabs-3">Third</a></li>
			</ul>
			<div id="tabs-1">1111111111111</div>
			<div id="tabs-2">2222222222222</div>
			<div id="tabs-3">3333333333333</div>
		</div>

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

support 447

Опубликовано
Опубликовано

Вот теперь html-код более-менее поход на правильный.

Что б не было смарти ошибки, используйте literal тэг при подключении js.

Вот так примерно:


{literal}
      <link type="text/css" href="js/css/ui-lightness/jquery-ui-1.8.9.custom.css" rel="stylesheet" />   
      <script type="text/javascript" src="js/jquery-1.4.4.min.js"></script>
      <script type="text/javascript" src="js/jquery-ui-1.8.9.custom.min.js"></script>
      <script type="text/javascript">
         $(function(){
            // Tabs
            $('#tabs').tabs();
            //hover states on the static widgets
            $('#dialog_link, ul#icons li').hover(
               function() { $(this).addClass('ui-state-hover'); },
               function() { $(this).removeClass('ui-state-hover'); }
            );
            
         });
      </script>
{/literal}
      <style type="text/css">
         /*demo page css*/
         body{ font: 62.5% "Trebuchet MS", sans-serif; margin: 50px;}
         .demoHeaders { margin-top: 2em; }
         #dialog_link {padding: .4em 1em .4em 20px;text-decoration: none;position: relative;}
         #dialog_link span.ui-icon {margin: 0 5px 0 0;position: absolute;left: .2em;top: 50%;margin-top: -8px;}
         ul#icons {margin: 0; padding: 0;}
         ul#icons li {margin: 2px; position: relative; padding: 4px 0; cursor: pointer; float: left;  list-style: none;}
         ul#icons span.ui-icon {float: left; margin: 0 4px;}
      </style>
[/code]
Ссылка на сообщение
Поделиться на другие сайты
darkdragon19

darkdragon19 0

Опубликовано
  • Автор
Опубликовано

Помогло

Сталкивался уже с этим но почемут забыл про literal

а через добавление в админке почему не выводит

этот кусок можно его там использовать (В поле описания)?

		<div id="tabs">
			<ul>
				<li><a href="#tabs-1">Общая информация</a></li>
				<li><a href="#tabs-2">Производство</a></li>

			</ul>
			<div id="tabs-1">1111111111111</div>
			<div id="tabs-2">2222222222222</div>

		</div>[/code]
tabber.js работает) но он подругому чутка через теги заголовков.
Ссылка на сообщение
Поделиться на другие сайты
support

support 447

Опубликовано
Опубликовано

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

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

darkdragon19 0

Опубликовано
  • Автор
Опубликовано

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

А чудеса бывают, иногда по пятницам!!!

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

support 447

Опубликовано
Опубликовано

Вы ж не даёте ссылку на страницу, наугад я ничего сказать не могу.

Но в чём обычно проблема - я написал, либо не подключили правильно js файлы, либо например jQuery на странице подключён два раза.

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

support 447

Опубликовано
Опубликовано

У меня выводится три закладки.

Общая информаци, производство, бой.

Ну и ниже тоже закладки через tabber

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

darkdragon19 0

Опубликовано
  • Автор
Опубликовано

да верно а в самом низу после

1111111

я вставил этиже закладки через админку описание

и там выводится только текст без оформления закладки

    * Общая информация
    * Производство
    * Бой

1111111111111
2222222222222
3333333333333[/code]

вот в таком виде

Скажите как сделать чтобы этот js выводил закладки в нормальном виде из полей админки описание товара.
Когда я вставляю туда

[code]      <div id="tabs">
         <ul>
            <li><a href="#tabs-1">Общая информация</a></li>
            <li><a href="#tabs-2">Производство</a></li>
            
         </ul>
         <div id="tabs-1">1111111111111</div>
         <div id="tabs-2">2222222222222</div>
         
      </div>

Ссылка на сообщение
Поделиться на другие сайты
 Share
Подписчики 1
Перейти к списку тем
×
×
  • Создать...