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


Товарная Карточка Как В "вечности"


  • Авторизуйтесь для ответа в теме
Сообщений в теме: 4

#1 tega4

tega4

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 599 сообщений
  • ГородМосква

Отправлено 03 Февраль 2014 - 18:41

Доброго времени. Подскажите как мне осуществить такую же товарную карточку с описанием/характеристиками/отзывами как в вечности на шаблон сияние?
Точнее мне будет необходимо использование только двух окон, описания и характеристики.
Заранее благодарю.
Аккаунт SL-268427

#2 tega4

tega4

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 599 сообщений
  • ГородМосква

Отправлено 04 Февраль 2014 - 07:50

Я нашла блок динамической карточки, но вставив его в шаблон, он просто отображает его списком и выдает ошибку, подскажите как корректно его внедрить можно?
<div class="tabbed_area">
                <ul class="tabs">
                  <!-- Если есть какое-либо описание товара -->
                  {% IF GOODS_DESCRIPTION_LARGE || GOODS_SEO_DESCRIPTION_SHORT || GOODS_SEO_DESCRIPTION_LARGE %}
                        <li><a href="javascript:tabSwitch(1);" id="tab_1">Описание</a></li>
                  {% ENDIF %}
                  <!-- Если есть характеристики товара -->
                  {% IFNOT goods_features_empty %}
                        <li class="hide"><a href="javascript:tabSwitch(2);" id="tab_2" >Характеристики</a></li>
                  {% ENDIF %}
                  <!-- Если есть информация о доставке товара -->
                  {% IFNOT goods_delivery_empty %}
                        <li><a href="javascript:tabSwitch(3);" id="tab_3">Доставка</a></li>
                  {% ENDIF %}
                  <!-- Если подключен модуль отзывов о товарах -->
                  {% IF TARIFF_FEATURE_GOODS_OPINION && SETTINGS_OPINION_DISABLE=0 %}
                        <li><a href="javascript:tabSwitch(4);" id="tab_4" class="active">Отзывы</a></li>
                  {% ENDIF %}
                </ul>
                <!-- Если есть какое-либо описание товара -->
                {% IF GOODS_DESCRIPTION_LARGE || GOODS_SEO_DESCRIPTION_SHORT || GOODS_SEO_DESCRIPTION_LARGE %}
                  <div id="content_1" class="content">
                        <!-- Блок описания товара. Показываем его есть описание товара -->
                        {% IF GOODS_DESCRIPTION_LARGE %}
                          <h3>Описание {GOODS_NAME}</h3>
                          <div class="htmlDataBlock" itemprop="description">
                                {GOODS_DESCRIPTION_LARGE}
                          </div>
                        {% ENDIF %}
                        <!-- END Блок описания товара. Показываем его есть описание товара -->
                        <!-- Короткое SEO-описание -->
                        {% IF GOODS_SEO_DESCRIPTION_SHORT %}
                          <p style="padding-top:1em;">{GOODS_SEO_DESCRIPTION_SHORT}</p>
                        {% ENDIF %}
                        <!-- END Короткое SEO-описание -->
                        <!-- Полное SEO-описание -->
                        {% IF GOODS_SEO_DESCRIPTION_LARGE %}
                          <div style="padding-top:1em;" class="htmlDataBlock">{GOODS_SEO_DESCRIPTION_LARGE}</div>
                        {% ENDIF %}
                        <!-- END Полное SEO-описание -->
                  </div>
                {% ENDIF %}
          
                <!-- Блок характеристик товара. Показываем его если указаны характеристики -->
                {% IFNOT goods_features_empty %}
                  <div id="content_2" class="content">
                        <h3>Характеристики {GOODS_NAME}</h3>
                        <table class="goodsDataFeatures">
                          <tr>
                                {% FOR goods_features%}
                                  <td>
                                        <p class="dotted"><span>{goods_features.NAME}</span></p>
                                  </td>
                                  <td>
                                        {goods_features.VALUE}
                                  </td>
                                  {% IFNOT goods_features.last %}{goods_features.index | is_divided("2","</tr><tr>","")}{% ENDIF %}
                                {% ENDFOR %}
                          </tr>
                        </table>
                  </div>
                {% ENDIF %}
                <!-- END Блок характеристик товара. Показываем его если указаны характеристики -->
                <!-- Блок с информацией о доставке товара -->
                {% IFNOT goods_delivery_empty %}
                  <div id="content_3" class="content">
                        <!-- Блок описания вариантов доставки -->
                        <h3>Условия доставки</h3>
                        {% FOR goods_delivery %}
                          <br /><h5 rel="{goods_delivery.ID}" class="goodsDataMainDeliveryItemHeader">Вариант {goods_delivery.index}: {goods_delivery.NAME}</h5>
                          <div class="goodsDataMainDeliveryItem" >
                                <p>{goods_delivery.DESC}</p>
                                {% IF goods_delivery.rules_empty %}
                                  Стоимость доставки: {goods_delivery.PRICE | money_format}
                                {% ELSE %}
                                  <div class="goodsDataMainDeliveryItemRules">
                                        <table>
                                          <thead>
                                                <tr>
                                                  <td colspan="2"><h5>Стоимость доставки зависит от суммы заказа</h5></td>
                                                </tr>
                                                <tr>
                                                  <td>Для заказов больше</td>
                                                  <td>Стоимость доставки</td>
                                                </tr>
                                          </thead>
                                          <tbody class="num">
                                                {% FOR rules %}
                                                  <tr>
                                                        <td><p><span>{goods_delivery.rules.SUM_MORE_PRICE | money_format}</span></p></td>
                                                        <td>{goods_delivery.rules.PRICE | money_format}</td>
                                                  </tr>
                                                {% ENDFOR %}
                                                  <tr>
                                                        <td><p><span>Для заказов меньше {goods_delivery.SUM_LESS_PRICE | money_format}</span></p></td>
                                                        <td>{goods_delivery.PRICE | money_format}</td>
                                                  </tr>
                                          </tbody>
                                        </table>
                                  </div>
                                {% ENDIF %}
                          </div>
                        {% ENDFOR %}
                  </div>
                {% ENDIF %}
                <!-- END Блок с информацией о доставке товара -->
                <!-- Если в тарифном плане подключен модуль отзывов о товаре и если не выключен модуль отзывов о товаре -->
                {% IF TARIFF_FEATURE_GOODS_OPINION && SETTINGS_OPINION_DISABLE=0 %}
                  <div id="content_4" class="content">
                        <div class="goodsDataOpinion">
                          <h3>Отзывы о {GOODS_NAME}</h3><br />
                          <!-- Если отзывов по товару вообще нет, ни положительных ни отрицательных -->
                          {% IF opinion_list_empty_without_filter %}
                                <div class="goodsDataOpinionMessage empty"><h2>Отзывов пока не было. Вы можете <a href="#goodsDataOpinionAdd" class="jsAction goodsDataOpinionShowAddForm">оставить его первым</a></h2></div>
                          <!-- Если по товару есть хотя бы один отзыв -->
                          {% ELSE %}
                                <table>
                                  <!-- Верхняя навигация (Фильтры и страницы) -->
                                  <thead>
                                        <tr class="goodsDataOpinionListNavigateTop">
                                          <td>
                                                <!-- Среднее значение по результатам всех отзывов об этом товаре -->
                                                {% IF GOODS_OPINION_RATING_VALUE_ROUND %}
                                                  <img src="{FORALL_IMAGES_PATH}stars/{GOODS_OPINION_RATING_VALUE_ROUND}.gif" alt="{GOODS_OPINION_RATING_VALUE_ROUND}" class="valignMiddle" style="padding-right:1em;" />
                                                {% ELSE %}
                                                  <img src="{FORALL_IMAGES_PATH}stars/10.gif" alt="Рейтинг не определён" class="valignMiddle" style="padding-right:1em;" />
                                                {% ENDIF %}
                                                <!-- Фильтры отзывов -->
                                                <span class="goodsDataOpinionAverageInfo">
                                                  {% IF GOODS_OPINION_GENERALLY_IS_GOOD=-1 %}
                                                        Все ({GOODS_OPINION_RATING_CNT_ALL}) |
                                                  {% ELSE %}
                                                        <a href="{GOODS_OPINION_ALL_URL}">Все ({GOODS_OPINION_RATING_CNT_ALL})</a> |
                                                  {% ENDIF %}
                                                  {% IF GOODS_OPINION_GENERALLY_IS_GOOD=1 %}
                                                        Положительные ({GOODS_OPINION_RATING_CNT_GOOD}) |
                                                  {% ELSE %}
                                                        <a href="{GOODS_OPINION_GOOD_URL}">Положительные ({GOODS_OPINION_RATING_CNT_GOOD})</a> |
                                                  {% ENDIF %}
                                                  {% IF GOODS_OPINION_GENERALLY_IS_GOOD=0 %}
                                                        Отрицательные ({GOODS_OPINION_RATING_CNT_BAD}) |
                                                  {% ELSE %}
                                                        <a href="{GOODS_OPINION_BAD_URL}">Отрицательные ({GOODS_OPINION_RATING_CNT_BAD})</a> |
                                                  {% ENDIF %}
                                                  <a href="#goodsDataOpinionAdd" class="jsAction goodsDataOpinionShowAddForm AddNewOpinionLinkAfterList">Оставить отзыв</a>
                                                </span>
                                          </td>
                                          <td>
                                                <!-- Страницы отзывов -->
                                                {% IF opinion_show_pages %}
                                                  <div class="square_pages">
                                                        <span>Страницы: </span>
                                                          {% FOR opinion_pages_list %}
                                                                {% IF opinion_pages_list.CURRENT %}
                                                                  <b>{opinion_pages_list.PAGE}</b>
                                                                {% ELSE %}
                                                                  <a href="{GOODS_OPINION_PAGINATE_URL}&page={opinion_pages_list.PAGE}">{opinion_pages_list.PAGE}</a>
                                                                {% ENDIF %}
                                                          {% ENDFOR %}
                                                  </div>
                                                {% ENDIF %}
                                          </td>
                                        </tr>
                                  </thead>
                                  <!-- END Верхняя навигация (Фильтры и страницы) -->
                                  <!-- Если отзывов по товару не было с учетом фильтра по настроению отзыва -->
                                  {% IF opinion_list_empty %}
                                        <tbody>
                                          <tr>
                                                <td colspan="2">
                                                  <div class="goodsDataOpinionMessage empty">
                                                        {% IF GOODS_OPINION_GENERALLY_IS_GOOD=1 %}
                                                          Положительных
                                                        {% ELSEIF GOODS_OPINION_GENERALLY_IS_GOOD=0 %}
                                                          Отрицательных
                                                        {% ENDIF %}
                                                        отзывов пока не было. Вы можете <a href="#goodsDataOpinionAdd" class="jsAction goodsDataOpinionShowAddForm">оставить его первым</a>
                                                  </div>
                                                </td>
                                          </tr>
                                        </tbody>
                                  <!-- Если отзывы по товару уже есть, покажем их список -->
                                  {% ELSE %}
                                        <!-- Список отзывов о товарах -->
                                        <tbody>
                                          <tr>
                                                <td colspan="2">
                                                  <table class="goodsDataOpinionListTable" itemprop="review">
                                                        <tbody>
                                                        {% FOR opinion_list %}
                                                          <tr class="{% IF opinion_list.GENERALLY_IS_GOOD %}good{% ELSE %}bad{% ENDIF %}">
                                                                <td class="ceil1 a-center" width="15%">
                                                                  <span class="goodsDataOpinionListTableClient {% IF opinion_list.CLIENT_ID %}auth{% ENDIF %}">{opinion_list.NAME}</span><br />
                                                                  <span class="goodsDataOpinionListTableDate"><b>{opinion_list.DATE}</b></span>
                                                                  <br />
                                                                  {% IF opinion_list.DELETE_URL %}
                                                                        <a href="{opinion_list.DELETE_URL}">Удалить</a>
                                                                  {% ENDIF %}
                                                                </td>
                                                                <td class="ceil2">
                                                                  {% IF opinion_list.TITLE %}<strong class="valignMiddle">{opinion_list.TITLE}</strong>{% ENDIF %}
                                                                  {% IF opinion_list.RATING %}<img class="valignMiddle" src="{FORALL_IMAGES_PATH}stars/{opinion_list.RATING}.gif"  alt="{opinion_list.RATING}"/>{% ENDIF %}<br />
                                                                  {% IF opinion_list.ACCOMPLISHMENTS %}<strong>Достоинства:</strong> {opinion_list.ACCOMPLISHMENTS | nl2br}<br />{% ENDIF %}
                                                                  {% IF opinion_list.LIMITATIONS %}<strong>Недостатки:</strong> {opinion_list.LIMITATIONS | nl2br}<br />{% ENDIF %}
                                                                  {% IF opinion_list.COMMENT %}<strong>Комментарий:</strong> {opinion_list.COMMENT | nl2br}<br />{% ENDIF %}
                                                                  {% IF opinion_list.ANSWER %}
                                                                        <div class="goodsDataOpinionListTableAnswer">
                                                                          {opinion_list.ANSWER | nl2br}<br />
                                                                        </div>
                                                                  {% ENDIF %}
                                                                </td>
                                                          </tr>
                                                        {% ENDFOR %}
                                                        </tbody>
                                                  </table>
                                                </td>
                                          </tr>
                                        </tbody>
                                        <!-- END Список отзывов о товаре -->
                                        <!-- Нижняя навигация (страницы) -->
                                        <tfoot>
                                          <tr class="goodsDataOpinionListNavigateBottom">
                                                <td colspan="2">
                                                  <!-- Страницы отзывов -->
                                                  {% IF opinion_show_pages %}
                                                        <div class="square_pages">
                                                          <span>Страницы: </span>
                                                                {% FOR opinion_pages_list %}
                                                                  {% IF opinion_pages_list.CURRENT %}
                                                                        <b>{opinion_pages_list.PAGE}</b>
                                                                  {% ELSE %}
                                                                        <a href="{GOODS_OPINION_PAGINATE_URL}&page={opinion_pages_list.PAGE}">{opinion_pages_list.PAGE}</a>
                                                                  {% ENDIF %}
                                                                {% ENDFOR %}
                                                        </div>
                                                  {% ENDIF %}
                                                </td>
                                          </tr>
                                        </tfoot>
                                        <!-- END Нижняя навигация (страницы) -->
                                  {% ENDIF %}
                                </table>
                          {% ENDIF %}
                          <!-- END Если по товару есть хотя бы один отзыв -->
                          <!-- Форма добавления нового отзыва о товаре -->
                          <form action="{CURRENT_URL}" method="post" class="goodsDataOpinionAddForm">
                                <div id="goodsDataOpinionAdd">
                                  {% IF FORM_NOTICE %}<div class="message {% IF FORM_NOTICE_IS_GOOD %}success-msg{% ELSE %}error-notice{% ENDIF %}">{FORM_NOTICE | nl2br}</div>{% ENDIF %}
                                  <div id="goodsDataOpinionAddBlock" {% IFNOT FORM_GOODS_ID %}style="display:none"{% ENDIF%}>
                                        <input type="hidden" name="hash" value="{HASH}" />
                                        <input type="hidden" name="form[{ANTISPAM_FORM_FIELD_NAME_GOODS_FROM}]" value="{GOODS_FROM}" />
                                        <input type="hidden" name="form[{ANTISPAM_FORM_FIELD_NAME_GOODS_ID}]" value="{GOODS_ID}" />
                                        <!-- Набор полей которые не видит пользователь, но видят боты. Когда они их заполняют мы точно знаем, что их прислал нам бот и мы не сохраняем подобный отзыв о товаре, а боту отправившему отзыв сообщаем, что отзыв добавлен успешно, но будет отображён здесь после прохождения модерации -->
                                        {ANTISPAM_CODE}
                                        <h3>Новый отзыв о &laquo;{GOODS_NAME}&raquo;</h3>
                                        <table class="goodsDataOpinionAddTable">
                                          {% IF TARIFF_FEATURE_CLIENT_ROOM %}
                                                {% IFNOT CLIENT_IS_LOGIN %}
                                                  <thead>
                                                        <tr>
                                                          <td colspan="2">
                                                                <div class="goodsDataOpinionMessage auth">Ваши знания будут оценены посетителями сайта, если Вы <a href="{USER_LOGIN_URL}">авторизируетесь</a> перед написанием отзыва.</div>
                                                          </td>
                                                        </tr>
                                                  </thead>
                                                {% ENDIF %}
                                          {% ENDIF %}
                                          <!-- Тело таблицы. Форма добавления отзыва о товаре -->
                                          <tbody>
                                                {% IFNOT CLIENT_IS_LOGIN %}
                                                <tr>
                                                  <td><label for="goods_opinion_name" class="required">Ваше имя</label></td>
                                                  <td><input type="text" id="goods_opinion_name" name="form[{ANTISPAM_FORM_FIELD_NAME_GOODS_OPINION_NAME}]"  value="{FORM_GOODS_OPINION_NAME}" maxlength="255" class="required cornerAll"/></td>
                                                </tr>
                                                {% ENDIF %}
                                                <tr>
                                                  <td><label for="goods_opinion_title">Заголовок</label></td>
                                                  <td><input type="text" id="goods_opinion_title" name="form[{ANTISPAM_FORM_FIELD_NAME_GOODS_OPINION_TITLE}]" value="{FORM_GOODS_OPINION_TITLE}" maxlength="255" class="cornerAll" /></td>
                                                </tr>
                                                <tr>
                                                  <td class="valignTop"><label>Оценка товара</label></td>
                                                  <td>
                                                        <div class="goodsDataOpinionTableRating">
                                                          <input name="form[{ANTISPAM_FORM_FIELD_NAME_GOODS_OPINION_RATING}]" type="radio" value="1" {% IF FORM_GOODS_OPINION_RATING=1 %}checked="checked"{% ENDIF %} title="Ужасный" />
                                                          <input name="form[{ANTISPAM_FORM_FIELD_NAME_GOODS_OPINION_RATING}]" type="radio" value="2" {% IF FORM_GOODS_OPINION_RATING=2 %}checked="checked"{% ENDIF %} title="Очень плохой"/>
                                                          <input name="form[{ANTISPAM_FORM_FIELD_NAME_GOODS_OPINION_RATING}]" type="radio" value="3" {% IF FORM_GOODS_OPINION_RATING=3 %}checked="checked"{% ENDIF %} title="Плохой"/>
                                                          <input name="form[{ANTISPAM_FORM_FIELD_NAME_GOODS_OPINION_RATING}]" type="radio" value="4" {% IF FORM_GOODS_OPINION_RATING=4 %}checked="checked"{% ENDIF %} title="ниже среднего"/>
                                                          <input name="form[{ANTISPAM_FORM_FIELD_NAME_GOODS_OPINION_RATING}]" type="radio" value="5" {% IF FORM_GOODS_OPINION_RATING=5 %}checked="checked"{% ENDIF %} title="Средний"/>
                                                          <input name="form[{ANTISPAM_FORM_FIELD_NAME_GOODS_OPINION_RATING}]" type="radio" value="6" {% IF FORM_GOODS_OPINION_RATING=6 %}checked="checked"{% ENDIF %} title="Выше среднего"/>
                                                          <input name="form[{ANTISPAM_FORM_FIELD_NAME_GOODS_OPINION_RATING}]" type="radio" value="7" {% IF FORM_GOODS_OPINION_RATING=7 %}checked="checked"{% ENDIF %} title="Хороший"/>
                                                          <input name="form[{ANTISPAM_FORM_FIELD_NAME_GOODS_OPINION_RATING}]" type="radio" value="8" {% IF FORM_GOODS_OPINION_RATING=8 %}checked="checked"{% ENDIF %} title="Очень хороший"/>
                                                          <input name="form[{ANTISPAM_FORM_FIELD_NAME_GOODS_OPINION_RATING}]" type="radio" value="9" {% IF FORM_GOODS_OPINION_RATING=9 %}checked="checked"{% ENDIF %} title="Отличный"/>
                                                          <input name="form[{ANTISPAM_FORM_FIELD_NAME_GOODS_OPINION_RATING}]" type="radio" value="10" {% IF FORM_GOODS_OPINION_RATING=10 %}checked="checked"{% ENDIF %} title="Превосходный"/>
                                                        </div>
                                                        <span class="goodsDataOpinionMsg"></span>
                                                  </td>
                                                </tr>
                                                <tr>
                                                  <td><label for="goods_opinion_accomplishments">Достоинства</label></td>
                                                  <td><textarea id="goods_opinion_accomplishments" name="form[{ANTISPAM_FORM_FIELD_NAME_GOODS_OPINION_ACCOMPLISHMENTS}]" cols="100" rows="7" class="cornerAll">{FORM_GOODS_OPINION_ACCOMPLISHMENTS}</textarea></td>
                                                </tr>
                                                <tr>
                                                  <td><label for="goods_opinion_limitations">Недостатки</label></td>
                                                  <td><textarea id="goods_opinion_limitations" name="form[{ANTISPAM_FORM_FIELD_NAME_GOODS_OPINION_LIMITATIONS}]" cols="100" rows="7" class="cornerAll">{FORM_GOODS_OPINION_LIMITATIONS}</textarea></td>
                                                </tr>
                                                <tr>
                                                  <td><label for="goods_opinion_comment" class="required">Комментарий</label></td>
                                                  <td><textarea id="goods_opinion_comment" name="form[{ANTISPAM_FORM_FIELD_NAME_GOODS_OPINION_COMMENT}]" cols="100" rows="7" class="required cornerAll">{FORM_GOODS_OPINION_COMMENT}</textarea></td>
                                                </tr>
                                                <tr>
                                                  <td><label for="goods_opinion_generally_is_good1">В целом Ваш отзыв</label></td>
                                                  <td>
                                                        <div class="generally">
                                                          <input id="goods_opinion_generally_is_good1" name="form[{ANTISPAM_FORM_FIELD_NAME_GOODS_OPINION_GENERALLY_IS_GOOD}]" type="radio" value="1" {% IF FORM_GOODS_OPINION_GENERALLY_IS_GOOD=1 %}checked="checked"{% ENDIF %}/> <label for="goods_opinion_generally_is_good1">Положительный</label>
                                                          <input id="goods_opinion_generally_is_good0" name="form[{ANTISPAM_FORM_FIELD_NAME_GOODS_OPINION_GENERALLY_IS_GOOD}]" type="radio" value="0" {% IF FORM_GOODS_OPINION_GENERALLY_IS_GOOD=0 %}checked="checked"{% ENDIF %}/> <label for="goods_opinion_generally_is_good0">Отрицательный</label>
                                                        </div>
                                                  </td>
                                                </tr>
                                                {% IF USE_CAPTCHA %}
                                                <tr>
                                                  <td><label for="opinion_captcha_string" class="required" title="Введите код с картинки">Введите код</label></td>
                                                  <td class="goodsDataOpinionCaptcha">
                                                  <table>
                                                        <tr>
                                                          <td rowspan="2" style="width: 20%"><img src="{CAPTCHA_URL}" class="goodsDataOpinionCaptchaImg" alt="Код" title="Проверочный код, который нужно ввести в соседнее поле" /></td>
                                                          <td><img src="{FORALL_IMAGES_PATH}icon/refresh/1.gif" rel="{FORALL_IMAGES_PATH}" alt="Обновить" title="Обновить" class="goodsDataOpinionCaptchaRefresh" /></td>
                                                        </tr>
                                                        <tr>
                                                          <td><input id="opinion_captcha_string" name="form[{ANTISPAM_FORM_FIELD_NAME_CAPTCHA_STRING}]" class="required captcha cornerAll" value="{FORM_}" /></td>
                                                        </tr>
                                                  </table>
                                                  </td>
                                                </tr>
                                                {% ENDIF %}
                                          </tbody>
                                          <!-- Низ таблицы. Кнопка отправки формы -->
                                          <tfoot>
                                                <tr>
                                                  <td><a href="#" class="goodsDataOpinionFormReset jsAction">Отменить</a></td>
                                                  <td><button type="button" title="Добавить отзыв о &laquo;{GOODS_NAME}&raquo;" class="submit" onclick="$('.goodsDataOpinionAddForm').submit()">Добавить отзыв</button></td>
                                                </tr>
                                          </tfoot>
                                        </table>
                                  </div>
                                </div>
                          </form>
                          <!-- Для того чтобы добавляющий увидел результат добавления отзыва - изменим хэш -->
                          {% IF FORM_GOODS_ID %}<script type="text/javascript">document.location.hash="goodsDataOpinionAdd"</script>{% ENDIF %}
                        </div>
                  </div>
                {% ENDIF %}
                <!-- END Если в тарифном плане подключен модуль отзывов о товаре и если не выключен модуль отзывов о товаре -->
          </div>

#3 tega4

tega4

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 599 сообщений
  • ГородМосква

Отправлено 04 Февраль 2014 - 15:00

подскажите пожалуйста!!!

#4 tega4

tega4

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 599 сообщений
  • ГородМосква

Отправлено 08 Февраль 2014 - 06:38

Вопрос отпадает, реализовала сама.

#5 tega4

tega4

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 599 сообщений
  • ГородМосква

Отправлено 08 Февраль 2014 - 07:46

В шаблон "Товар" вставляем это:
<div class="tabbed_area">
				<ul class="tabs">
				  <!-- Если есть какое-либо описание товара -->
				  {% IF GOODS_DESCRIPTION_LARGE || GOODS_SEO_DESCRIPTION_SHORT || GOODS_SEO_DESCRIPTION_LARGE %}
						<li><a href="javascript:tabSwitch(1);" id="tab_1">Описание</a></li>
				  {% ENDIF %}
				  <!-- Если есть характеристики товара -->
				  {% IFNOT goods_features_empty %}
						<li class="hide"><a href="javascript:tabSwitch(2);" id="tab_2" >Характеристики</a></li>
				  {% ENDIF %}
				  <!-- Если есть информация о доставке товара -->
				  {% IFNOT goods_delivery_empty %}
						<li><a href="javascript:tabSwitch(3);" id="tab_3">Доставка</a></li>
				  {% ENDIF %}
				  <!-- Если подключен модуль отзывов о товарах -->
				  {% IF TARIFF_FEATURE_GOODS_OPINION && SETTINGS_OPINION_DISABLE=0 %}
						<li><a href="javascript:tabSwitch(4);" id="tab_4" class="active">Отзывы</a></li>
				  {% ENDIF %}
				</ul>
				<!-- Если есть какое-либо описание товара -->
				{% IF GOODS_DESCRIPTION_LARGE || GOODS_SEO_DESCRIPTION_SHORT || GOODS_SEO_DESCRIPTION_LARGE %}
				  <div id="content_1" class="content">
						<!-- Блок описания товара. Показываем его есть описание товара -->
						{% IF GOODS_DESCRIPTION_LARGE %}
						  <h3>Описание {GOODS_NAME}</h3>
						  <div class="htmlDataBlock" itemprop="description">
								{GOODS_DESCRIPTION_LARGE}
						  </div>
						{% ENDIF %}
						<!-- END Блок описания товара. Показываем его есть описание товара -->
						<!-- Короткое SEO-описание -->
						{% IF GOODS_SEO_DESCRIPTION_SHORT %}
						  <p style="padding-top:1em;">{GOODS_SEO_DESCRIPTION_SHORT}</p>
						{% ENDIF %}
						<!-- END Короткое SEO-описание -->
						<!-- Полное SEO-описание -->
						{% IF GOODS_SEO_DESCRIPTION_LARGE %}
						  <div style="padding-top:1em;" class="htmlDataBlock">{GOODS_SEO_DESCRIPTION_LARGE}</div>
						{% ENDIF %}
						<!-- END Полное SEO-описание -->
				  </div>
				{% ENDIF %}
		  
				<!-- Блок характеристик товара. Показываем его если указаны характеристики -->
				{% IFNOT goods_features_empty %}
				  <div id="content_2" class="content">
						<h3>Характеристики {GOODS_NAME}</h3>
						<table class="goodsDataFeatures">
						  <tr>
								{% FOR goods_features%}
								  <td>
										<p class="dotted"><span>{goods_features.NAME}</span></p>
								  </td>
								  <td>
										{goods_features.VALUE}
								  </td>
								  {% IFNOT goods_features.last %}{goods_features.index | is_divided("2","</tr><tr>","")}{% ENDIF %}
								{% ENDFOR %}
						  </tr>
						</table>
				  </div>
				{% ENDIF %}
				<!-- END Блок характеристик товара. Показываем его если указаны характеристики -->
				<!-- Блок с информацией о доставке товара -->
				{% IFNOT goods_delivery_empty %}
				  <div id="content_3" class="content">
						<!-- Блок описания вариантов доставки -->
						<h3>Условия доставки</h3>
						{% FOR goods_delivery %}
						  <br /><h5 rel="{goods_delivery.ID}" class="goodsDataMainDeliveryItemHeader">Вариант {goods_delivery.index}: {goods_delivery.NAME}</h5>
						  <div class="goodsDataMainDeliveryItem" >
								<p>{goods_delivery.DESC}</p>
								{% IF goods_delivery.rules_empty %}
								  Стоимость доставки: {goods_delivery.PRICE | money_format}
								{% ELSE %}
								  <div class="goodsDataMainDeliveryItemRules">
										<table>
										  <thead>
												<tr>
												  <td colspan="2"><h5>Стоимость доставки зависит от суммы заказа</h5></td>
												</tr>
												<tr>
												  <td>Для заказов больше</td>
												  <td>Стоимость доставки</td>
												</tr>
										  </thead>
										  <tbody class="num">
												{% FOR rules %}
												  <tr>
														<td><p><span>{goods_delivery.rules.SUM_MORE_PRICE | money_format}</span></p></td>
														<td>{goods_delivery.rules.PRICE | money_format}</td>
												  </tr>
												{% ENDFOR %}
												  <tr>
														<td><p><span>Для заказов меньше {goods_delivery.SUM_LESS_PRICE | money_format}</span></p></td>
														<td>{goods_delivery.PRICE | money_format}</td>
												  </tr>
										  </tbody>
										</table>
								  </div>
								{% ENDIF %}
						  </div>
						{% ENDFOR %}
				  </div>
				{% ENDIF %}
				<!-- END Блок с информацией о доставке товара -->
				<!-- Если в тарифном плане подключен модуль отзывов о товаре и если не выключен модуль отзывов о товаре -->
				{% IF TARIFF_FEATURE_GOODS_OPINION && SETTINGS_OPINION_DISABLE=0 %}
				  <div id="content_4" class="content">
						<div class="goodsDataOpinion">
						  <h3>Отзывы о {GOODS_NAME}</h3><br />
						  <!-- Если отзывов по товару вообще нет, ни положительных ни отрицательных -->
						  {% IF opinion_list_empty_without_filter %}
								<div class="goodsDataOpinionMessage empty"><h2>Отзывов пока не было. Вы можете <a href="#goodsDataOpinionAdd" class="jsAction goodsDataOpinionShowAddForm">оставить его первым</a></h2></div>
						  <!-- Если по товару есть хотя бы один отзыв -->
						  {% ELSE %}
								<table>
								  <!-- Верхняя навигация (Фильтры и страницы) -->
								  <thead>
										<tr class="goodsDataOpinionListNavigateTop">
										  <td>
												<!-- Среднее значение по результатам всех отзывов об этом товаре -->
												{% IF GOODS_OPINION_RATING_VALUE_ROUND %}
												  <img src="{FORALL_IMAGES_PATH}stars/{GOODS_OPINION_RATING_VALUE_ROUND}.gif" alt="{GOODS_OPINION_RATING_VALUE_ROUND}" class="valignMiddle" style="padding-right:1em;" />
												{% ELSE %}
												  <img src="{FORALL_IMAGES_PATH}stars/10.gif" alt="Рейтинг не определён" class="valignMiddle" style="padding-right:1em;" />
												{% ENDIF %}
												<!-- Фильтры отзывов -->
												<span class="goodsDataOpinionAverageInfo">
												  {% IF GOODS_OPINION_GENERALLY_IS_GOOD=-1 %}
														Все ({GOODS_OPINION_RATING_CNT_ALL}) |
												  {% ELSE %}
														<a href="{GOODS_OPINION_ALL_URL}">Все ({GOODS_OPINION_RATING_CNT_ALL})</a> |
												  {% ENDIF %}
												  {% IF GOODS_OPINION_GENERALLY_IS_GOOD=1 %}
														Положительные ({GOODS_OPINION_RATING_CNT_GOOD}) |
												  {% ELSE %}
														<a href="{GOODS_OPINION_GOOD_URL}">Положительные ({GOODS_OPINION_RATING_CNT_GOOD})</a> |
												  {% ENDIF %}
												  {% IF GOODS_OPINION_GENERALLY_IS_GOOD=0 %}
														Отрицательные ({GOODS_OPINION_RATING_CNT_BAD}) |
												  {% ELSE %}
														<a href="{GOODS_OPINION_BAD_URL}">Отрицательные ({GOODS_OPINION_RATING_CNT_BAD})</a> |
												  {% ENDIF %}
												  <a href="#goodsDataOpinionAdd" class="jsAction goodsDataOpinionShowAddForm AddNewOpinionLinkAfterList">Оставить отзыв</a>
												</span>
										  </td>
										  <td>
												<!-- Страницы отзывов -->
												{% IF opinion_show_pages %}
												  <div class="square_pages">
														<span>Страницы: </span>
														  {% FOR opinion_pages_list %}
																{% IF opinion_pages_list.CURRENT %}
																  <b>{opinion_pages_list.PAGE}</b>
																{% ELSE %}
																  <a href="{GOODS_OPINION_PAGINATE_URL}&page={opinion_pages_list.PAGE}">{opinion_pages_list.PAGE}</a>
																{% ENDIF %}
														  {% ENDFOR %}
												  </div>
												{% ENDIF %}
										  </td>
										</tr>
								  </thead>
								  <!-- END Верхняя навигация (Фильтры и страницы) -->
								  <!-- Если отзывов по товару не было с учетом фильтра по настроению отзыва -->
								  {% IF opinion_list_empty %}
										<tbody>
										  <tr>
												<td colspan="2">
												  <div class="goodsDataOpinionMessage empty">
														{% IF GOODS_OPINION_GENERALLY_IS_GOOD=1 %}
														  Положительных
														{% ELSEIF GOODS_OPINION_GENERALLY_IS_GOOD=0 %}
														  Отрицательных
														{% ENDIF %}
														отзывов пока не было. Вы можете <a href="#goodsDataOpinionAdd" class="jsAction goodsDataOpinionShowAddForm">оставить его первым</a>
												  </div>
												</td>
										  </tr>
										</tbody>
								  <!-- Если отзывы по товару уже есть, покажем их список -->
								  {% ELSE %}
										<!-- Список отзывов о товарах -->
										<tbody>
										  <tr>
												<td colspan="2">
												  <table class="goodsDataOpinionListTable" itemprop="review">
														<tbody>
														{% FOR opinion_list %}
														  <tr class="{% IF opinion_list.GENERALLY_IS_GOOD %}good{% ELSE %}bad{% ENDIF %}">
																<td class="ceil1 a-center" width="15%">
																  <span class="goodsDataOpinionListTableClient {% IF opinion_list.CLIENT_ID %}auth{% ENDIF %}">{opinion_list.NAME}</span><br />
																  <span class="goodsDataOpinionListTableDate"><b>{opinion_list.DATE}</b></span>
																  <br />
																  {% IF opinion_list.DELETE_URL %}
																		<a href="{opinion_list.DELETE_URL}">Удалить</a>
																  {% ENDIF %}
																</td>
																<td class="ceil2">
																  {% IF opinion_list.TITLE %}<strong class="valignMiddle">{opinion_list.TITLE}</strong>{% ENDIF %}
																  {% IF opinion_list.RATING %}<img class="valignMiddle" src="{FORALL_IMAGES_PATH}stars/{opinion_list.RATING}.gif"  alt="{opinion_list.RATING}"/>{% ENDIF %}<br />
																  {% IF opinion_list.ACCOMPLISHMENTS %}<strong>Достоинства:</strong> {opinion_list.ACCOMPLISHMENTS | nl2br}<br />{% ENDIF %}
																  {% IF opinion_list.LIMITATIONS %}<strong>Недостатки:</strong> {opinion_list.LIMITATIONS | nl2br}<br />{% ENDIF %}
																  {% IF opinion_list.COMMENT %}<strong>Комментарий:</strong> {opinion_list.COMMENT | nl2br}<br />{% ENDIF %}
																  {% IF opinion_list.ANSWER %}
																		<div class="goodsDataOpinionListTableAnswer">
																		  {opinion_list.ANSWER | nl2br}<br />
																		</div>
																  {% ENDIF %}
																</td>
														  </tr>
														{% ENDFOR %}
														</tbody>
												  </table>
												</td>
										  </tr>
										</tbody>
										<!-- END Список отзывов о товаре -->
										<!-- Нижняя навигация (страницы) -->
										<tfoot>
										  <tr class="goodsDataOpinionListNavigateBottom">
												<td colspan="2">
												  <!-- Страницы отзывов -->
												  {% IF opinion_show_pages %}
														<div class="square_pages">
														  <span>Страницы: </span>
																{% FOR opinion_pages_list %}
																  {% IF opinion_pages_list.CURRENT %}
																		<b>{opinion_pages_list.PAGE}</b>
																  {% ELSE %}
																		<a href="{GOODS_OPINION_PAGINATE_URL}&page={opinion_pages_list.PAGE}">{opinion_pages_list.PAGE}</a>
																  {% ENDIF %}
																{% ENDFOR %}
														</div>
												  {% ENDIF %}
												</td>
										  </tr>
										</tfoot>
										<!-- END Нижняя навигация (страницы) -->
								  {% ENDIF %}
								</table>
						  {% ENDIF %}
						  <!-- END Если по товару есть хотя бы один отзыв -->
						  <!-- Форма добавления нового отзыва о товаре -->
						  <form action="{CURRENT_URL}" method="post" class="goodsDataOpinionAddForm">
								<div id="goodsDataOpinionAdd">
								  {% IF FORM_NOTICE %}<div class="message {% IF FORM_NOTICE_IS_GOOD %}success-msg{% ELSE %}error-notice{% ENDIF %}">{FORM_NOTICE | nl2br}</div>{% ENDIF %}
								  <div id="goodsDataOpinionAddBlock" {% IFNOT FORM_GOODS_ID %}style="display:none"{% ENDIF%}>
										<input type="hidden" name="hash" value="{HASH}" />
										<input type="hidden" name="form[{ANTISPAM_FORM_FIELD_NAME_GOODS_FROM}]" value="{GOODS_FROM}" />
										<input type="hidden" name="form[{ANTISPAM_FORM_FIELD_NAME_GOODS_ID}]" value="{GOODS_ID}" />
										<!-- Набор полей которые не видит пользователь, но видят боты. Когда они их заполняют мы точно знаем, что их прислал нам бот и мы не сохраняем подобный отзыв о товаре, а боту отправившему отзыв сообщаем, что отзыв добавлен успешно, но будет отображён здесь после прохождения модерации -->
										{ANTISPAM_CODE}
										<h3>Новый отзыв о &laquo;{GOODS_NAME}&raquo;</h3>
										<table class="goodsDataOpinionAddTable">
										  {% IF TARIFF_FEATURE_CLIENT_ROOM %}
												{% IFNOT CLIENT_IS_LOGIN %}
												  <thead>
														<tr>
														  <td colspan="2">
																<div class="goodsDataOpinionMessage auth">Ваши знания будут оценены посетителями сайта, если Вы <a href="{USER_LOGIN_URL}">авторизируетесь</a> перед написанием отзыва.</div>
														  </td>
														</tr>
												  </thead>
												{% ENDIF %}
										  {% ENDIF %}
										  <!-- Тело таблицы. Форма добавления отзыва о товаре -->
										  <tbody>
												{% IFNOT CLIENT_IS_LOGIN %}
												<tr>
												  <td><label for="goods_opinion_name" class="required">Ваше имя</label></td>
												  <td><input type="text" id="goods_opinion_name" name="form[{ANTISPAM_FORM_FIELD_NAME_GOODS_OPINION_NAME}]"  value="{FORM_GOODS_OPINION_NAME}" maxlength="255" class="required cornerAll"/></td>
												</tr>
												{% ENDIF %}
												<tr>
												  <td><label for="goods_opinion_title">Заголовок</label></td>
												  <td><input type="text" id="goods_opinion_title" name="form[{ANTISPAM_FORM_FIELD_NAME_GOODS_OPINION_TITLE}]" value="{FORM_GOODS_OPINION_TITLE}" maxlength="255" class="cornerAll" /></td>
												</tr>
												<tr>
												  <td class="valignTop"><label>Оценка товара</label></td>
												  <td>
														<div class="goodsDataOpinionTableRating">
														  <input name="form[{ANTISPAM_FORM_FIELD_NAME_GOODS_OPINION_RATING}]" type="radio" value="1" {% IF FORM_GOODS_OPINION_RATING=1 %}checked="checked"{% ENDIF %} title="Ужасный" />
														  <input name="form[{ANTISPAM_FORM_FIELD_NAME_GOODS_OPINION_RATING}]" type="radio" value="2" {% IF FORM_GOODS_OPINION_RATING=2 %}checked="checked"{% ENDIF %} title="Очень плохой"/>
														  <input name="form[{ANTISPAM_FORM_FIELD_NAME_GOODS_OPINION_RATING}]" type="radio" value="3" {% IF FORM_GOODS_OPINION_RATING=3 %}checked="checked"{% ENDIF %} title="Плохой"/>
														  <input name="form[{ANTISPAM_FORM_FIELD_NAME_GOODS_OPINION_RATING}]" type="radio" value="4" {% IF FORM_GOODS_OPINION_RATING=4 %}checked="checked"{% ENDIF %} title="ниже среднего"/>
														  <input name="form[{ANTISPAM_FORM_FIELD_NAME_GOODS_OPINION_RATING}]" type="radio" value="5" {% IF FORM_GOODS_OPINION_RATING=5 %}checked="checked"{% ENDIF %} title="Средний"/>
														  <input name="form[{ANTISPAM_FORM_FIELD_NAME_GOODS_OPINION_RATING}]" type="radio" value="6" {% IF FORM_GOODS_OPINION_RATING=6 %}checked="checked"{% ENDIF %} title="Выше среднего"/>
														  <input name="form[{ANTISPAM_FORM_FIELD_NAME_GOODS_OPINION_RATING}]" type="radio" value="7" {% IF FORM_GOODS_OPINION_RATING=7 %}checked="checked"{% ENDIF %} title="Хороший"/>
														  <input name="form[{ANTISPAM_FORM_FIELD_NAME_GOODS_OPINION_RATING}]" type="radio" value="8" {% IF FORM_GOODS_OPINION_RATING=8 %}checked="checked"{% ENDIF %} title="Очень хороший"/>
														  <input name="form[{ANTISPAM_FORM_FIELD_NAME_GOODS_OPINION_RATING}]" type="radio" value="9" {% IF FORM_GOODS_OPINION_RATING=9 %}checked="checked"{% ENDIF %} title="Отличный"/>
														  <input name="form[{ANTISPAM_FORM_FIELD_NAME_GOODS_OPINION_RATING}]" type="radio" value="10" {% IF FORM_GOODS_OPINION_RATING=10 %}checked="checked"{% ENDIF %} title="Превосходный"/>
														</div>
														<span class="goodsDataOpinionMsg"></span>
												  </td>
												</tr>
												<tr>
												  <td><label for="goods_opinion_accomplishments">Достоинства</label></td>
												  <td><textarea id="goods_opinion_accomplishments" name="form[{ANTISPAM_FORM_FIELD_NAME_GOODS_OPINION_ACCOMPLISHMENTS}]" cols="100" rows="7" class="cornerAll">{FORM_GOODS_OPINION_ACCOMPLISHMENTS}</textarea></td>
												</tr>
												<tr>
												  <td><label for="goods_opinion_limitations">Недостатки</label></td>
												  <td><textarea id="goods_opinion_limitations" name="form[{ANTISPAM_FORM_FIELD_NAME_GOODS_OPINION_LIMITATIONS}]" cols="100" rows="7" class="cornerAll">{FORM_GOODS_OPINION_LIMITATIONS}</textarea></td>
												</tr>
												<tr>
												  <td><label for="goods_opinion_comment" class="required">Комментарий</label></td>
												  <td><textarea id="goods_opinion_comment" name="form[{ANTISPAM_FORM_FIELD_NAME_GOODS_OPINION_COMMENT}]" cols="100" rows="7" class="required cornerAll">{FORM_GOODS_OPINION_COMMENT}</textarea></td>
												</tr>
												<tr>
												  <td><label for="goods_opinion_generally_is_good1">В целом Ваш отзыв</label></td>
												  <td>
														<div class="generally">
														  <input id="goods_opinion_generally_is_good1" name="form[{ANTISPAM_FORM_FIELD_NAME_GOODS_OPINION_GENERALLY_IS_GOOD}]" type="radio" value="1" {% IF FORM_GOODS_OPINION_GENERALLY_IS_GOOD=1 %}checked="checked"{% ENDIF %}/> <label for="goods_opinion_generally_is_good1">Положительный</label>
														  <input id="goods_opinion_generally_is_good0" name="form[{ANTISPAM_FORM_FIELD_NAME_GOODS_OPINION_GENERALLY_IS_GOOD}]" type="radio" value="0" {% IF FORM_GOODS_OPINION_GENERALLY_IS_GOOD=0 %}checked="checked"{% ENDIF %}/> <label for="goods_opinion_generally_is_good0">Отрицательный</label>
														</div>
												  </td>
												</tr>
												{% IF USE_CAPTCHA %}
												<tr>
												  <td><label for="opinion_captcha_string" class="required" title="Введите код с картинки">Введите код</label></td>
												  <td class="goodsDataOpinionCaptcha">
												  <table>
														<tr>
														  <td rowspan="2" style="width: 20%"><img src="{CAPTCHA_URL}" class="goodsDataOpinionCaptchaImg" alt="Код" title="Проверочный код, который нужно ввести в соседнее поле" /></td>
														  <td><img src="{FORALL_IMAGES_PATH}icon/refresh/1.gif" rel="{FORALL_IMAGES_PATH}" alt="Обновить" title="Обновить" class="goodsDataOpinionCaptchaRefresh" /></td>
														</tr>
														<tr>
														  <td><input id="opinion_captcha_string" name="form[{ANTISPAM_FORM_FIELD_NAME_CAPTCHA_STRING}]" class="required captcha cornerAll" value="{FORM_}" /></td>
														</tr>
												  </table>
												  </td>
												</tr>
												{% ENDIF %}
										  </tbody>
										  <!-- Низ таблицы. Кнопка отправки формы -->
										  <tfoot>
												<tr>
												  <td><a href="#" class="goodsDataOpinionFormReset jsAction">Отменить</a></td>
												  <td><button type="button" title="Добавить отзыв о &laquo;{GOODS_NAME}&raquo;" class="submit" onclick="$('.goodsDataOpinionAddForm').submit()">Добавить отзыв</button></td>
												</tr>
										  </tfoot>
										</table>
								  </div>
								</div>
						  </form>
						  <!-- Для того чтобы добавляющий увидел результат добавления отзыва - изменим хэш -->
						  {% IF FORM_GOODS_ID %}<script type="text/javascript">document.location.hash="goodsDataOpinionAdd"</script>{% ENDIF %}
						</div>
				  </div>
				{% ENDIF %}
				<!-- END Если в тарифном плане подключен модуль отзывов о товаре и если не выключен модуль отзывов о товаре -->
		  </div>

в шаблон main.css вставляем это:
/* Стили для вкладок на странице товара*/
.tabbed_box {margin: 0px auto 0px auto;width:300px;}
.tabbed_box h4 {font-family:Arial, Helvetica, sans-serif;font-size:23px; color:#ffffff;letter-spacing:-1px;margin-bottom:10px;}
.tabbed_box h4 small {color:#e3e9ec;font-weight:normal;font-size:9px;font-family:Verdana, Arial, Helvetica, sans-serif;text-transform:uppercase; position:relative;top:-4px;left:6px;letter-spacing:0px;}
.tabbed_area {margin-top: -90px; border:1px solid #494e52;background-color:#404040;padding:8px;}
.ie7 .tabbed_area {margin-bottom: 3em;}
ul.tabs {margin:0px; padding:0px;margin-top:5px; margin-bottom:5px;display: block;position: relative;}
ul.tabs li {list-style:none;display:inline;}
ul.tabs li a {background-color:#F0EFEB; color:#000;padding:8px 14px 8px 14px;text-decoration:none; font-size:9px;font-family:Verdana, Arial, Helvetica, sans-serif;font-weight:bold; text-transform:uppercase; border:1px solid #464c54;position: relative;float: left;}
.ie7 ul.tabs li a {padding:8px 14px 7px 14px;}
ul.tabs li a:hover {background-color:#2f343a;border-color:#2f343a;color:#fff;}
ul.tabs li a.active {background-color:#ffffff; color:#282e32;border: 0px solid #464c54;padding-bottom: 10px;margin: 1px;}
.content {background-color:#ffffff;padding:10px;border:1px solid #464c54;margin-top: 40px;}
#content_2, #content_3, #content_1 {display:none;}
.content ul {margin:0px;padding:0px 20px 0px 20px;}
.content ul li {list-style:none;border-bottom:1px solid #d6dde0;padding-top:15px;padding-bottom:15px;font-size:13px;}
.content ul li a {text-decoration:none; color:#3e4346;}
.content ul li a small {color:#8b959c;font-size:9px;text-transform:uppercase;font-family:Verdana, Arial, Helvetica, sans-serif;position:relative;left:4px;top:0px;}
.content ul li:last-child {border-bottom:none;}
/* END Стили для вкладок на странице товара*/
а в шаблон main.js вставляем это:
// Инициализация табов на странице товара
function initTabs() {
  // Блок в котором находятся табы
  var tabBlock = $('.tabbed_area');
  if(!tabBlock.length) {
  return false;
  }
  // По умолчанию делаем отметку о том что активного таба не найдено
  var isFind = 0;
  tabBlock.find('.tabs li > a').each(function(i){
// Если нашёлся активный там
if($(this).hasClass('active')) {
   // Инициализируем найденный таб
   $(this).click();
   // Ставим отметку, о том что не нужно инициализировать первый таб на странице
   isFind = 1;
}
  });
  // Если не найдено ни одного таба с отметкой о том что он активен
  if(!isFind) {
// Ставим активным первый таб на странице.
tabSwitch(1);
  }
  // Проверяет хэш и если по нему была открыта вкладка, то эта функция автоматически откроет её.
  checkTabHash();
  // Биндим изменение хэша - проверка какой FAQ вопрос нужно открыть.
  $(window).bind('hashchange', function() { checkTabHash(); });
}
// Проверяет хэш, переданый пользователем и открывает соответствующий раздел
function checkTabHash() {
  // Определяем текущий хэш страницы
  var hash = window.location.hash.substr(1);
  if(hash == 'goodsDataOpinionAdd') {
// $('#goodsDataOpinionAddBlock').show('blind');
return false;
  }
  if(!hash.length || hash.indexOf('show_tab_') == -1) {
return false;
  }
  // Открываем тот таб, который был указан в hash-е
  tabSwitch(hash.replace("show_tab_", ''))
}
// Выбор вкладки на странице товара
function tabSwitch(nb) {
  var tabBlock = $('.tabbed_area');
  tabBlock.find('.tabs li > a').removeClass('active');
  tabBlock.find('div.content').hide();
  $('#tab_' + nb).addClass('active');
  $('#content_' + nb).show();
  // Записываем в хэш информацию о том какой таб сейчас открыт, для возможности скопировать и передать ссылку с открытым нужным табом
  document.location.hash = "#show_tab_" + nb;
}
// Инициализируем табы на странице
$(function() { initTabs(); });





Количество пользователей, читающих эту тему: 0

0 пользователей, 0 гостей, 0 анонимных