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


Табы в полном описании товара "Краткое/Полное/Обсуждение/Есть вопросы?"


  • Вы не можете ответить в тему
Сообщений в теме: 4

#1 badisoft

    Продвинутый пользователь

  • Assistent vsupport.club
  • PipPipPip
  • 5075 сообщений
Репутация: 786
Мастер

Отправлено 23 August 2013 - 08:19 PM

Возникла надобность и я таки добил табы с дискуссией, чтобы оно всегда переходило куда надо. Даже при неверном вводе капчи в дискуссии, с чем ~год назад были проблемы :). Заодно сделал универсально, т.е. и штатная ссылка "Обсудить" нормально работает, и в табах подробного описания товара дискуссия по любому действию с сообщением (удалить, добавить, ошибка) возвращается в те же табы.

Посмотреть, как выглядит и работает можно тут - http://cpu.badisoft....ook-IQ-701.html

Постраничной навигации по дискуссии (в отличие от приведенной ссылки) в этом дополнении нет. Навигация никак не связана с табами и это дополнение публиковалось мной примерно тогда же, т.е. с год назад.

Выглядит примерно так:
Прикрепленный файл  1.JPG   75.35К   135 Количество загрузок:

Установка:
=========

1. в файл head.tpl.html добавляем загрузку jquery и jquery-ui, если их там (или в другом месте) еще нет.


<link rel="stylesheet" type="text/css" href="http://ajax.googleap...jquery-ui.css">
<script type="text/javascript" src="http://ajax.googleap...n.js"></script>
<script type="text/javascript" src="http://ajax.googleap...n.js"></script>


2. копируем файлы

product_brief_tab.tpl.html -> core\tpl\user\[шаблон]\
product_mail_tab.tpl.html -> core\tpl\user\[шаблон]\

3. в файле product_detailed.tpl.html

3.1 пeред строкой


<form action="index.php?productID={$product_info.productID}" method=post name="MainForm">


вставляем


{* BEGIN Tabs-in-product_detailed *}
<script type="text/javascript">
{literal}
$(function() {
$( "#tabs" ).tabs({selected:{/literal}{if $smarty.request.disc}3{elseif $smarty.get.sent || $smarty.get.nosent}2{else}0{/if}{literal}});
$( "#tabs" ).slideToggle(200);
});
{/literal}
</script>

<div style="border:0!important;display:none;" id="tabs">
<ul>
<li><a href="#tab1">Краткие хар-ки</a></li>
<li><a href="#tab2">Полные хар-ки</a></li>
{if $smarty.const.CONF_PRODUCT_MAIL eq 1}<li><a href="#tab3">Есть вопрос?</a></li>{/if}
{if $smarty.const.CONF_USE_DISCUSS eq 1}<li><a href="#tab4">{$smarty.const.DISCUSS_ITEM_LINK} ({$product_reviews_count})</a></li>{/if}
</ul>

<div id="tab1">
{* код вывода краткого описания *}
{include file="product_brief_tab.tpl.html"}
</div>

<div id="tab2">
{* код вывода полного описания *}
{* END Tabs-in-product_detailed *}


3.2 в строке


{if $product_info.description}{$product_info.description}{elseif $product_info.brief_description}{$product_info.brief_description}{/if} </td>


перед


</td>


вставляем


{* BEGIN Tabs-in-product_detailed *}
</div>

{if $smarty.const.CONF_PRODUCT_MAIL eq 1}
<div id="tab3">
{* вывод формы для отправки вопроса *}
{include file="product_mail_tab.tpl.html"}
</div>
{/if}

{if $smarty.const.CONF_USE_DISCUSS}
<div id="tab4">
{* вывод дискуссий *}
{include file="product_discussion.tpl.html"}
</div>
{/if}

</div>
{* END Tabs-in-product_detailed *}


3.3 убираем (или комментируем) нижележащий блок. Это форма отправки сообщения, которая теперь не нужна.


{if $smarty.const.CONF_PRODUCT_MAIL eq 1}
...
{if $sent eq NULL}
...
{/if}
{/if}


4. в файле product_detailed.php

вместо


if (isset($productID) && $productID>0 && !isset($_POST["add_topic"]) && !isset($_POST["discuss"]) )


вставляем


# BEGIN Tabs-in-product_detailed
#if (isset($productID) && $productID>0 && !isset($_POST["add_topic"]) && !isset($_POST["discuss"]) )
if (isset($productID) && $productID>0 && (!isset($_POST["add_topic"]) && !isset($_POST["discuss"]) || isset($_REQUEST["disc"])))
# END Tabs-in-product_detailed



5. в файле product_discussion.php заменяем аналогично откомментированному, либо переписываем поверх, если он не менялся.

6. в файле product_discussion.tpl.html заменяем аналогично откомментированному, либо переписываем поверх, если он не менялся.

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


  • 0
http://cpu.badisoft.ru (тестовый сайт), http://badisoft.ru (модули)

#2 jiykka

    Пользователь

  • Download User
  • PipPip
  • 29 сообщений
Репутация: 0
Начинающий

Отправлено 09 September 2013 - 08:16 PM

Скажите пожалуйста а где можно найти гайд по созданию непосредственно всех 4 табов - Краткое/Полное/Обсуждение/Есть вопросы - с уже вставленными описаниями характеристик и формой связи??? То я что то пытался сам "повставлять" - но после того как я вставил рекомендуемые товары - форма обратной связи у меня просто исчезла... Спасибо заранее :)
  • 0

#3 badisoft

    Продвинутый пользователь

  • Assistent vsupport.club
  • PipPipPip
  • 5075 сообщений
Репутация: 786
Мастер

Отправлено 10 September 2013 - 05:08 AM

Скажите пожалуйста а где можно найти гайд по созданию непосредственно всех 4 табов - Краткое/Полное/Обсуждение/Есть вопросы - с уже вставленными описаниями характеристик и формой связи?

Думаю, что нигде. Я делал вышеприведенную инструкцию для себя и врядли есть более полная.

но после того как я вставил рекомендуемые товары - форма обратной связи у меня просто исчезла...

Значит либо у меня где-то ошибка в инструкции, либо Вы что-то не так сделали.
  • 0
http://cpu.badisoft.ru (тестовый сайт), http://badisoft.ru (модули)

#4 jiykka

    Пользователь

  • Download User
  • PipPip
  • 29 сообщений
Репутация: 0
Начинающий

Отправлено 10 September 2013 - 11:15 AM

Уже в принципе все решил :) Глаза боятся, а руки лезут все ломать или наоборот)

Единственное не подскажите какой код нужно вставить в таб - для краткого описания(из product_brief.tpl) и для полного(product_detailed.tpl)? Буду очень признателен.
  • 0

#5 Dmitriy71

    Пользователь

  • Пользователи
  • PipPip
  • 19 сообщений
Репутация: 0
Начинающий

Отправлено 08 December 2015 - 01:20 PM

Добрый день!
А если добавлять только вкладку обсудить, то что надо убрать из Вашей инструкции по установке?
  • 0