Jump to content
Sign in to follow this  

Не работает спойлер для описания категории

Recommended Posts

Нашол на форуме интересное ришение для описания категорий тут

Подключил все как описано, но описание полностью отображает, где я пропустил что то?

<?php echo $header; ?>
<?php echo $column_right; ?>

<div class="catalog-wrap">
	<div class="catalog"><a href="#">Каталог продукции</a>
	<div class="catalog-menu">
		<?php echo $column_left; ?>

 <div class="breadcrumb">
    <?php foreach ($breadcrumbs as $breadcrumb) { ?>
    <?php echo $breadcrumb['separator']; ?><a href="<?php echo $breadcrumb['href']; ?>"><?php echo $breadcrumb['text']; ?></a>
    <?php } ?>
<div id="catalog-page">

<div class="left-filter">
	<?php echo $content_top; ?>
<div id="content">
	<div class="info-blocks">
			<li><span class="calend">Контролируем срок годности</span></li>
			<li><span class="bags">Надежная упаковка при доставке</span></li>
			<li><span class="cash">Нет риска - оплата при получении</span></li>
			<li><span class="garant">Гарантия качества на весь товар</span></li>
  <?php if ($products) { ?>
  <div class="product-filter">
    <div class="limit"><b><?php echo $text_limit; ?></b>
	<div class="select-wrap">
      <select onchange="location = this.value;">
        <?php foreach ($limits as $limits) { ?>
        <?php if ($limits['value'] == $limit) { ?>
        <option value="<?php echo $limits['href']; ?>" selected="selected"><?php echo $limits['text']; ?></option>
        <?php } else { ?>
        <option value="<?php echo $limits['href']; ?>"><?php echo $limits['text']; ?></option>
        <?php } ?>
        <?php } ?>
	  <div class="bg"></div>
    <div class="sort"><b><?php echo $text_sort; ?></b>
	<div class="select-wrap">
      <select onchange="location = this.value;">
        <?php foreach ($sorts as $sorts) { ?>
        <?php if ($sorts['value'] == $sort . '-' . $order) { ?>
        <option value="<?php echo $sorts['href']; ?>" selected="selected"><?php echo $sorts['text']; ?></option>
        <?php } else { ?>
        <option value="<?php echo $sorts['href']; ?>"><?php echo $sorts['text']; ?></option>
        <?php } ?>
        <?php } ?>
	  <div class="bg"></div>
  <div class="product-list">
    <?php foreach ($products as $product) { ?>
    <div  class="product">
		<div class="left">
      <div class="name"><a href="<?php echo $product['href']; ?>"><?php echo $product['name']; ?></a></div>
	   <?php if ($product['rating']) { ?>
      <div class="rating"><img src="catalog/view/theme/default/image/stars-<?php echo $product['rating']; ?>.png" alt="<?php echo $product['reviews']; ?>" /></div>
      <?php } ?>
      <?php if ($product['thumb']) { ?>
      <div class="image"><a href="<?php echo $product['href']; ?>">
	  <?php if ($product['bonus']) { ?>
	  <img class="sticker" src="/catalog/view/theme/servis/image/<?php echo $product['bonus']; ?>.png" alt="" />
	  <?php } ?>
	  <img src="<?php echo $product['thumb']; ?>" title="<?php echo $product['name']; ?>" alt="<?php echo $product['name']; ?>" /></a></div>
      <?php } ?>
<div class="atribute-table"><div class="thead"><!--названия групп-->
<div class="tr">
<div class="td">Особенности:</div>
<div class="td">Описание</div>
		<?php if($product['attribute_groups']) { ?>
<?php foreach($product['attribute_groups'] as $attribute_group) { ?>
<div class="tbody">
<?php foreach($attribute_group['attribute'] as $attribute) { ?>
<div class="tr">
<div class="td"><?php echo $attribute['name']; ?></div>
<div class="td"><span class="border"><?php echo $attribute['text']; ?></span></div>
<?php } ?>
<?php } ?>
<?php } ?>

		<div class="right">
		<div class="description">
			<h3 class="title">Краткое описание</h3>
		<?php echo $product['description']; ?>
      <?php if ($product['price']) { ?>
      <div class="price">
	  <?php if (!$product['special']) { ?>
          <?php echo $product['price']; ?>
          <?php } else { ?>
		  <strike><?php echo $product['price']; ?></strike> <?php echo $product['special']; ?>
          <?php } ?>
      <?php } ?>
		<div class="cart product-info">
			<div class="qty-spinedit">
				<input type="button" onclick="minusQty(this)" value="-" class="qty-minus" />
				<input type="text" value="<?php echo $product['minimum']; ?>" size="2" class="quantity" name="quantity_<?php echo $product['product_id']; ?>">
				<input type="button" onclick="plusQty(this)" value="+" class="qty-plus" />
				<input type="button" value="<?php echo $button_cart; ?>" id="button-cart" onclick="addToCartQty('<?php echo $product['product_id']; ?>', this);" class="button" />
    <?php } ?>
  <!----начинается описание к категории---->
  	<?php if ($thumb || $description) { ?>
  <div class="category-info">
    <?php if ($thumb) { ?>
    <!---<div class="image"><img src="<?php echo $thumb; ?>" alt="<?php echo $heading_title; ?>" /></div>--->
    <?php } ?>
    <?php if ($description) { ?>
  <div id="tab-div">
  <div id="tab-description" class="tab-content"><?php echo $description; ?></div>
    <?php } ?>
  <?php } ?> 
  <?php } ?>
	<?php echo $content_bottom; ?>
<script type="text/javascript"><!--
$(document).ready(function() {
		overlayClose: true,
		opacity: 0.5,
		rel: "colorbox"
<script type="text/javascript"><!--
$('#button-cart').bind('click', function() {
		url: 'index.php?route=checkout/cart/add',
		type: 'post',
		data: $('.product-info input[type=\'text\'], .product-info input[type=\'hidden\'], .product-info input[type=\'radio\']:checked, .product-info input[type=\'checkbox\']:checked, .product-info select, .product-info textarea'),
		dataType: 'json',
		success: function(json) {
			$('.success, .warning, .attention, information, .error').remove();
			if (json['error']) {
				if (json['error']['option']) {
					for (i in json['error']['option']) {
						$('#option-' + i).after('<span class="error">' + json['error']['option'][i] + '</span>');
                if (json['error']['profile']) {
                    $('select[name="profile_id"]').after('<span class="error">' + json['error']['profile'] + '</span>');
			if (json['success']) {
				$('#notification').html('<div class="success" style="display: none;">' + json['success'] + '<img src="catalog/view/theme/default/image/close.png" alt="" class="close" /></div>');
				var modPopupCart = window.modPopupCart || undefined;		if( modPopupCart ){		  modPopupCart.open();		}	
				$('html, body').animate({ scrollTop: 0 }, 'slow'); 

<!--свёрнутое описание для табов товара -->
<script type="text/javascript"><!--

$(document).ready(function() {
if ($('.tab-div')[0].scrollHeight > 135) {

$(".tab-div").after('<div id="obexpand" class="obertka"><button class="expand" type="button" id="expand"><span class="">Развернуть </span></button></div>');
$(".tab-div").after('<div id="obhide" class="obertka" style="display:none;"><button class="expand" type="button" id="hide"><span class="">Свернуть </span></button></div>');
$('.tab-div').append("<div class='hide'></div>");


$('#obexpand').css("display", "none");
$('.tab-div').animate({height: $('.tab-div')[0].scrollHeight}, 600);
$('#obhide').css("display", "block");
$('.hide').css("display", "none");


$('#obhide').css("display", "none");
$('.tab-div').animate({height: 120}, 600);
$('#obexpand').css("display", "block");
$('.hide').css("display", "block");



<style type="text/css">
.tab-div {
height: 120px;
overflow: hidden;}

.hide {
background: url('/catalog/view/theme/default/image/hide.png') repeat-x;

.obertka {
width: 100%;
text-align: center;
border-bottom: #ccc solid 1px;
height: 8px;
margin:0 auto;
margin-bottom: 20px;
.expand {
height: 18px;
padding: 0 .9em;
border-width: 1px;
border-style: solid;
outline: 0;
font-weight: normal;
font-size: 11px;
white-space: nowrap;
word-wrap: normal;
vertical-align: middle;
cursor: pointer;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;

.expand:hover {
border:#ccc solid 1px;

<!--свёрнутое описание для табов товара -->

<?php echo $footer; ?>

Share this post

Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

You are posting as a guest. If you have an account, please sign in.
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Sign in to follow this  

  • Similar Content

    • By louise170
      500.00 руб
      Скачать/Купить дополнение

      Новинки плюс
      Модуль "Новинки плюс" позволяет не только отображать новинки в отдельных блоках, но и выводит для просмотра отдельную страницу с новинками. В настройках, есть возможность указать максимальное кол-во новинок и кол-во дней, когда товар считать новинкой.

      Никакие системные файлы не затираются, модуль использует vqmod/ocmod.

      Модуль тестировался на Opencart 1.5.6
        Поддерживаемые языки:
      русский, английский
      Пример работы модуля:
      Демо админки:
      demo / demo
      Инструкция по установке и настройке находится в архиве модуля в файле readme.txt
      Добавил louise170 Добавлено 22.08.2014 Категория Модули Системные требования Сайт разработчика Старая цена Метод активации Без активации Ioncube Loader Нет OpenCart 3.0
      1.5.5 ocStore 2.3
      2.1 OpenCart.Pro, ocShop Opencart.pro 2.3
      Opencart.pro 2.1
      OcShop 2.0.3.х
      OcShopх Обращение к серверу разработчика  
    • By balukoff
      300.00 руб
      Скачать/Купить дополнение

      ocBase Дополнительные услуги(привязка к категориям)
      Модуль ocBase Дополнительные услуги(привязка к категориям) v.1.0(далее модуль) предназначен для вывода дополнительных(сопутствующих услуг) при заказе основного товара. Подробнее разберем пример:
      У вас есть магазин по продаже компьютерной техники с 10000 наименованиями товаров, с 1000 категорий. У вас есть сервисный центр, который оказывает некоторые дополнительные услуги в привязке к основному купленному товару. Допустим вы продаете комплектующие к ПК(категория "Комплектующие") на сумму 20000, но вы можете предложить клиенту ещё и ряд услуг: сборку, установку ПО, настройку и т.д. Автоматизацию бизнеса можно настроить таким образом, что к каждому товару привязать услуги и выводить эти опции в заказе. Тогда теряется гибкость, появляется необходимость каждый раз заходить в новые товары и проставлять нужные опции.
      Основной двигатель прогресса - Лень, поэтому модуль будет делать всю грязную работу за вас. Что может модуль:
      Эти действия осуществляются в административной части модуля.
      - делать привязку услуг к любой категории.
      Это значит, что вы заносите нужное количество услуг для категории: называете услугу/товар/опцию, проставляете цену, указываете новую цену(для скидки), прописываете в формате html описание.
      С этого момента, когда вы внесли данные - любой товар, принадлежащий этой категории и попадающий в корзину - будет снабжаться набором услуг из модуля(с возможностью выбора "галочками").
      - Делать привязку настроек "по-умолчанию" для всех категорий, которые не входят в список уже внесенных в модуль.
      Это значит, что если вы привязали услуги к категориям(Комплектующие, Программное обеспечение), но не привязали к другой категории(напр. Флеш-накопители), но, у вас есть услуги в категории "по-умолчанию" - для этой категории будут выводиться услуги, содержащиеся в настройках "по-умолчанию"
      - Отключать вывод услуг/товаров/опций в настройках дополнительных услуг в разделе "учитывать в заказе"
      Возможности модуля делают работу с дополнительными услугами гибкой и эффективной, пересчет итогов в корзине при выборе дополнительных услуг происходит "на лету", без перезагрузки страницы.
      Модуль не меняет файлы системы и выполнен только для opencart 2.x
      Установка и настройка:
      1. Копируем файлы проекта в систему. Замен при первой установке модуля быть не должно!
      2. В административной части устанавливаем модуль "Дополнительные услуги"(1) в разделе "модули" и "Дополнительные услуги"(2) в разделе "Учитывать в заказе".
      3. В настройках модуля (1) указываем название модуля, добавляем(если нужно) категорию. Добавляется категория с помощью автодополнения по первым введенным буквам. Затем, категория выбирается в левой части экрана и добавляются услуги в правой. Каждая услуга добавляется кнопкой "+" и удаляется кнопкой "-"(при отметке "галочки" рядом с услугой).
      4. Обязательно в настройках (1) указать, что модуль "Отключен" - это даст эффект работы с категориями, но не вывода на экран непосредственно на сайте(этим занимается модуль (2)). Сохраняем.
      5. В настройках модуля (2) указываем порядок сортировки, указываем что модуль включен и опционально работу с настройками категорий "по умолчанию"
      6. Чтобы вывести учет в заказе в корзину, нужно в разделе "Система->Дизайн->макеты" в схеме "Checkout" добавить модуль "Дополнительные услуги"
      7. Проверяем, что все работает :)
      Весь процесс установки и настройки выполнен на картинках во вложении
      Добавил balukoff Добавлено 11.02.2016 Категория Учет в заказе Системные требования Сайт разработчика http://balukoff.ru Старая цена Метод активации Ioncube Loader OpenCart ocStore OpenCart.Pro, ocShop Обращение к серверу разработчика  
    • By kv4nt
      Скачать/Купить дополнение

      Кнопка "Подняться наверх"
      Простая и удобная кнопка "Подняться наверх".
      Инструкция лежит в архиве.
      Добавил kv4nt Добавлено 03.02.2016 Категория Прочее  
    • By batov
      300.00 руб
      Скачать/Купить дополнение

      Smart Tables. Настройка панели управления, добавление отчетов

      Модуль "Smart Tables - кастомизация панели управления, добавление новых отчетов"

      Модуль предназначен, для создания новых отчетов (таблиц) для панели управления (главной страницы), так как считаю, что 10 последних заказов не самая полезная информация.
      Новые таблицы собираются по статусам. То есть, например, создаем таблицу "на отправку" и добавляем к ней все заказы со статусами "Подтвержден, готов к отправке" и "Оплачен, готов к отправке". Глобальная идея, в том что в наглядной форме на главной странице можно оценить обстановку за пару секунд. Нет необходимости заглядывать в "Заказы" и сортировать все заказы по статусам.
      Кастомные поля:
      Номер заказа
      Дата добавления
      Дата последнего изменения
      Сумма заказа
      Зона и город
      Метод доставки
      Метод оплаты
      Суток после последнего обновления
      Комментарий пользователя
      Последний комментарий менеджера

      Примеры использования:
      Готовы к отправке
      Требуют вмешательства менеджера
      Ждут на почте выкупа
      Ждут оплаты

      Логин: demo
      После покупки, надо получить ключ, написав мне в личку, который вводится в настройках.
      В запросе укажите ваш домен.
      Установка, для тех кто дружит с vqmod проходит автоматически.
      Для тех у кого нет этого дополнения, или он вообще не знает что это:
      В файл admin/controller/common/home.php
      после строчки $this->data['total_affiliate_approval'] = $this->model_sale_affiliate->getTotalAffiliatesAwaitingApproval();
      Вставить этот код:

      А в файл admin/view/template/common/home.tpl перед строкой <div class="latest"> вставить следующий код:
      Будут проблемы - пишите в личку.
      Модуль для тех, кто работает с Почтой России (почтовые бланки) - https://opencartforum.com/files/file/2516-%D0%BF%D0%BE%D1%87%D1%82%D0%B0-%D1%80%D0%BE%D1%81%D1%81%D0%B8%D0%B8-%D0%BF%D0%B5%D1%87%D0%B0%D1%82%D1%8C-%D0%BF%D0%BE%D1%87%D1%82%D0%BE%D0%B2%D1%8B%D1%85-%D0%B1%D0%BB%D0%B0%D0%BD%D0%BA%D0%BE%D0%B2%D0%B4%D0%BB%D1%8F-%D0%BE%D1%81-15/

      Добавил batov Добавлено 07.01.2016 Категория Прочее  
    • By devrvk
      300.00 руб
      Скачать/Купить дополнение

      Повторная отправка информации о заказе из Админки
      Модуль добавляет на странице просмотра информации о заказе две кнопки:
      Письмо Администратору и Письму покупателю
      с помощью, которых можно повторно отправить письмо с информацией о заказе.
      Используется VQMOD!!!
      ВНИМАНИЕ!!! Добавлена версия под ocStore. Тестировалась пока только на ocStore! OCMOD!
      Добавил devrvk Добавлено 04.12.2015 Категория Модули Системные требования Сайт разработчика Старая цена Метод активации Без активации Ioncube Loader Нет OpenCart 2.3
      1.5.5 ocStore 2.3 OpenCart.Pro, ocShop Обращение к серверу разработчика  
  • Recently Browsing   0 members

    No registered users viewing this page.


Important Information

On our site, cookies are used and personal data is processed to improve the user interface. To find out what and what personal data we are processing, please go to the link. If you click "I agree," it means that you understand and accept all the conditions specified in this Privacy Notice.