Причем хочется, чтобы они были не друг под другом, а оформлены как табы, чтобы их можно было переключать.
Адрес магазина: http://jackgun.ru/
На всякий случай исходный код страницы "Товар":
Скрытый текст
<div class="span7 breadcrumbs hidden-phone"> <div class="with-keyup-navigation"> <ul> <li><a href="http://{NET_DOMAIN}/" title="Перейти на главную">Главная</a><span> </span></li> <li><a href="{CATALOG_URL}" title="Перейти в каталог товаров">Каталог</a><span> </span></li> {% FOR upper_navigation %} <li><a href="{upper_navigation.URL}" title="Перейти в категорию «{upper_navigation.NAME}»">{upper_navigation.NAME}</a><span> </span></li> {% ENDFOR %} <li><strong>{GOODS_NAME}</strong></li> </ul> </div> </div> <div class="span7" style="padding: 20px;" itemscope itemtype="http://data-vocabulary.org/Product"> <div class="page-title"> <h1 itemprop="name">{GOODS_NAME}</h1> <meta itemprop="category" content="{% FOR upper_navigation %}{% IFNOT upper_navigation.first %} > {% ENDIF %}{upper_navigation.NAME}{% ENDFOR %}" /> {% IF FORM_NOTICE %}<ul class="messages"><li class="{% IF FORM_NOTICE_IS_GOOD %}success-msg{% ELSE %}error-msg{% ENDIF %}">{FORM_NOTICE | nl2br}</li></ul>{% ENDIF %} <!-- Артикул, если указан --> <div {% IFNOT GOODS_MOD_ART_NUMBER %}style="display:none"{% ELSE %}itemprop="identifier"{% ENDIF %}> Артикул: <span>{GOODS_MOD_ART_NUMBER}</span> </div> </div> <div class="row"> <div class="span5"> <div class="row"> <!-- Большое изображение --> <div class="span12 goodsDataMainImage"> {% IF GOODS_IMAGE_EMPTY %} <img src="{ASSETS_IMAGES_PATH}no-photo-medium.png" alt="{GOODS_NAME}" title="Увеличить {GOODS_NAME}" class="thumbnail"/> {% ELSE %} <a itemprop="image" href="{GOODS_IMAGE_LARGE}" target="_blank" title="Увеличить {GOODS_NAME}" class="thumbnail"> <div class="goods-image-medium product-image" style="background: url({GOODS_IMAGE_MEDIUM}) no-repeat center center; background-size: contain;"></div> </a> {% ENDIF %} <!-- Идентификатор изображения товара, используется для галереи изображений --> <input type="hidden" value="{GOODS_IMAGE_ID}" /> </div> <!-- Ссылка на увеличение среднего изображения товара до большого. Появляется если у товара указано изображение --> {% IFNOT GOODS_IMAGE_EMPTY %} <div class="span12 goodsDataMainImageZoom"> <a href="{GOODS_IMAGE_LARGE}" target="_blank">Увеличить изображение</a> </div> <script> //uptolike share begin (function(d,c){ var up=d.createElement('script'), s=d.getElementsByTagName('script')[0], r=Math.floor(Math.random() * 1000000); var cmp = c + Math.floor(Math.random() * 10000); var url = window.location.href; window["__uptolike_widgets_settings_"+cmp] = {}; d.write("<div id='"+cmp+"' class='__uptlk' data-uptlkwdgtId='"+r+"'></div>"); up.type = 'text/javascript'; up.async = true; up.src = "//w.uptolike.com/widgets/v1/widgets.js?b=fb.tw.ok.vk.gp&id=40720&o=1&m=1&sf=1&ss=2&sst=0&c1=ededed&c1a=0.0&c3=593e33&mc=1&c2=ffffff&c4=ffffff&c4a=1.0&mcs=0&sel=0&fol=1&fl.vk=marketgun&c=" + cmp + "&url="+encodeURIComponent(url); s.parentNode.insertBefore(up, s); })(document,"__uptlk"); //uptolike share end </script> {% ENDIF %} <!-- Другие изображения товара. Отображаются если есть изображения товара --> {% IFNOT goods_images_empty %} {% FOR goods_images %} {% IF goods_images.first %} <div class="span12"{% IF goods_images.length=1 %}style="display:none;"{% ENDIF %}> <h5>Другие фото {GOODS_NAME}</h5> <ul class="thumbnails goodsDataMainImages"> {% ENDIF %} <li class="span2"> <a href="{goods_images.LARGE}" rel="gallery" target="_blank" title="{goods_images.NAME}" class="goods-image-icon-square thumbnail"><img class="thumbnail goods-image-icon" rel="{goods_images.MEDIUM}" src="{goods_images.ICON}" alt="{goods_images.NAME}" /></a> <!-- Идентификатор изображения товара, используется для галереи изображений --> <input type="hidden" value="{goods_images.ID}" /> </li> {goods_images.index | is_divided("4"," ","")} {% IF goods_images.last %} </ul> </div> {% ENDIF %} {% ENDFOR %} {% ENDIF %} </div> </div> <div class="span6" itemscope itemprop="offerDetails" itemtype="http://data-vocabulary.org/Offer"> <div class="row"> <!-- Цена сейчас --> <div> <span class="goodsDataMainModificationPriceNow price" title="Текущая цена за «{GOODS_NAME}»" itemprop="price" content="{GOODS_MOD_PRICE_NOW}"> {GOODS_MOD_PRICE_NOW | money_format} </span> <!-- информация для поисковика о валюте товара --> <meta itemprop="priceCurrency" content="{CURRENCY_CHAR_CODE}"/> <!-- информация о числе товаров на складе --> <meta itemprop="quantity" content="{GOODS_MOD_REST_VALUE}"/> <!-- информация для поисковика о наличие товара. Отображается только при наличии товара на складе. Доступные значения: out_of_stock,in_stock,instore_only,preorder. --> {% IF GOODS_MOD_REST_VALUE>0 %} <span itemprop="availability" content="{% IF GOODS_MOD_REST_VALUE>0 %}in_stock{% ELSE %}out_of_stock{% ENDIF %}"></span> {% ENDIF %} </div> <!-- Старая цена --> <!-- Если на товар действует скидка --> {% IF GOODS_MOD_PRICE_NOW_WITHOUT_DISCOUNT>GOODS_MOD_PRICE_NOW %} <div class="old-price"> <span class="goodsDataMainModificationPriceOld price" title="Мы снизили цену на «{GOODS_NAME}». Старая цена - {GOODS_MOD_PRICE_NOW_WITHOUT_DISCOUNT} руб."> {GOODS_MOD_PRICE_NOW_WITHOUT_DISCOUNT | money_format} </span> </div> <!-- Если старая цена была больше новой --> {% ELSEIF GOODS_MOD_PRICE_OLD>GOODS_MOD_PRICE_NOW %} <div class="old-price"> <span class="goodsDataMainModificationPriceOld price" title="Мы снизили цену на «{GOODS_NAME}». Старая цена - {GOODS_MOD_PRICE_OLD} руб."> {GOODS_MOD_PRICE_OLD | money_format} </span> </div> {% ENDIF %} <!-- /Старая цена --> <!-- Доступность товара --> <div class="span12 goodsDataMainModificationAvailable"> <div class="menu" style="margin-top:7px;"> <input class="menu_switch" onclick="yaCounter21872023.reachGoal('sklad'); return true;" type="checkbox" id="m1" /> <div class="list"> <span class="shift">Товар есть в наличии</span> </div> <label class="button" for="m1"></label> </div> </div> <!-- /Доступность товара --> <!-- Добавление в корзину --> <div class="span12"> <form action="{CART_ADD_GOODS_MODIFICATION_URL}" method="post" class="form-inline goodsDataForm"> <fieldset> <!-- По этому значению производится заказ товара --> <input type="hidden" name="form[goods_mod_id]" value="{GOODS_MOD_ID}" class="goodsDataMainModificationId" /> <input type="hidden" name="hash" value="{HASH}" /> <input type="hidden" name="form[goods_from]" value="{GOODS_FROM}" /> <div class="control-group"> <div class="controls"> <!-- <input type="text" name="form[goods_mod_quantity]" id="qty" maxlength="12" value="1" title="Количество" class="input-mini" style="height: 19px; text-align: right; padding: 3px;max-width: 12px;"/> --> <button type="button" title="Положить в корзину и продолжить покупки" class="btn btn-success" onclick="$('.goodsDataForm').submit()"><span class="buy-widget__buy-icon"></span>Добавить в корзину</button> <button type="button" title="Быстрый заказ" class="btn btn-success2" onclick="quickorder('.goodsDataForm'); return false;"> Купить сейчас</button><br /><br /> <!--<div class="one-click" style="display:inline;"> <a style="text-transform:uppercase; cursor: pointer;" onclick="quickorder('.goodsDataForm'); return false;"><b>КУПИТЬ В 1 КЛИК</b></a> </div>--> </div> </div> </fieldset> </form> </div> <!-- /Добавление в корзину --> <!-- Если в тарифном плане подключен модуль сравнения товаров --> {% IF TARIFF_FEATURE_GOODS_COMPARE %} <!-- Если не выключен модуль сравнения товаров в настройках магазина --> {% IFNOT SETTINGS_COMPARE_DISABLE %} <div class="span12"> <a class="goodsDataCompareButton delete link-compare" {% IFNOT GOODS_MOD_IS_HAS_IN_COMPARE_LIST %}style="display:none;"{% ENDIF %} title="Убрать товар из списка сравнения с другими товарами" rel="{COMPARE_DELETE_URL}?return_to={CURRENT_URL | urlencode}" >Убрать из сравнения</a> <a class="goodsDataCompareButton add link-compare" {% IF GOODS_MOD_IS_HAS_IN_COMPARE_LIST %}style="display:none;"{% ENDIF %} title="Добавить товар к списку сравнения с другими товарами" rel="{COMPARE_ADD_URL}?return_to={CURRENT_URL | urlencode}">Добавить к сравнению</a> </div> {% ENDIF %} {% ENDIF %} <!-- /Если в тарифном плане подключен модуль сравнения товаров --> <!-- Блок информации по акции действующей на товар, если таковая есть --> {% IF GOODS_MOD_MAX_DISCOUNT_ID %} <div class="span12" itemprop="priceValidUntil" content="{GOODS_MOD_MAX_DISCOUNT_EXPIRED_AT | date("Y-m-d")}"> <!-- Акция на товар --> <strong>Товар участвует в акции «{GOODS_MOD_MAX_DISCOUNT_CAMPAIGN_NAME}».</strong><br /> По {GOODS_MOD_MAX_DISCOUNT_EXPIRED_AT | date} скидка составляет {GOODS_MOD_MAX_DISCOUNT}% </div> {% ENDIF %} <!-- Блок выбора модификаций для текущей товарной позиции --> <div class="span12"> <div class="goodsDataMainModificationsBlock product-options"> <div class="menu" style="margin-bottom:0px;font-size: 11px;"> <p> Нашли дешевле, чем у нас? Сделаем 3% скидку от цены конкурента!</p> <p> Подробности у менеджера по телефону +7 (383) 263-62-83.</p> </div> </div> </div> <!-- /Блок выбора модификаций для текущей товарной позиции --> <!-- Блок описания модификации --> <div class="goodsDataMainModificationsDescriptionBlock" {% IFNOT GOODS_MOD_DESCRIPTION %}style="display:none; margin-bottom:1em;"{% ENDIF %}> <div class="htmlDataBlock"> {GOODS_MOD_DESCRIPTION} </div> </div> </div> <div style="background-color: rgb(246, 246, 246); padding:1.5em"> <strong>Оплатить заказ можно следующими способами:</strong> <br /><br /> • наличными курьеру <br /> • через систему Visa Qiwi Wallet <br /> • переводом на карту Альфа-Банка <br /> • другими способами (<em><a href="http://jackgun.ru/page/pay" target="_blank" title="подробнее здесь">подробнее здесь</a></em>). </div> <br /> <div style="background-color: rgb(246, 246, 246); padding:1.5em"> <strong>Стоимость курьерской доставки по Новосибирску:</strong><br /> <div style="margin-top:3px;">Заказ от 2 000 рублей — <span style="color:#e9077c;">доставка бесплатная</span><br /> Заказ до 2 000 рублей - 150 рублей.</div><br /> <strong>Стоимость курьерской доставки в Академгородок, Краснообск, Кольцово, Нижнию Ельцовку, Шлюзы:</strong><br /> <div style="margin-top:3px;">Заказ от 4 000 рублей — <span style="color:#e9077c;">доставка бесплатная</span><br /> Заказ до 4 000 рублей - 250 рублей</div><br /> <span style="color:blue;"><em>Доставка по Новосибирску осуществляется в день заказа, либо на следующий день. <br /> </em></span> <br /> <strong>Стоимость доставки транспортной компанией по России:</strong><br /> <div style="margin-top:3px;">Доставляются заказы от 2000 рублей. <br />Средняя стоимость доставки — <b>150 рублей</b>. <br /> <br /><span style="color:blue;"><em>Доставка по России только после 100% предоплаты в течении 2-3 дней (в большинстве случаев).</em></span> </div> </div> </div> </div> <!-- Блок описания товара. Показываем его если есть описание товара --> {% IF GOODS_DESCRIPTION_LARGE %} <h3 style="padding-top:1em;">Описание</h3> <div class="htmlDataBlock" itemprop="description"> {GOODS_DESCRIPTION_LARGE} </div> {% ENDIF %} <!-- END Блок описания товара. Показываем его если есть описание товара --> <!-- Короткое SEO-описание --> {% IF GOODS_SEO_DESCRIPTION_SHORT %} <div style="padding-top:1em;" class="htmlDataBlock" itemprop="description"> {GOODS_SEO_DESCRIPTION_SHORT} </div> {% ENDIF %} <!-- END Короткое SEO-описание --> <!-- Полное SEO-описание --> {% IF GOODS_SEO_DESCRIPTION_LARGE %} <div style="padding-top:1em;" class="htmlDataBlock" itemprop="description"> {GOODS_SEO_DESCRIPTION_LARGE} </div> {% ENDIF %} <!-- END Полное SEO-описание --> <!-- Блок характеристик товара. Показываем его если указаны характеристики --> {% IFNOT goods_features_empty %} <h3>Технические характеристики</h3> <table class="goodsDataFeatures"> <tr> {% FOR goods_features%} <td> <b><p><span>{goods_features.NAME}</span></p></b> </td> <td> {goods_features.VALUE} </td> {% IFNOT goods_features.last %}{goods_features.index | is_divided("1","</tr><tr>","")}{% ENDIF %} {% ENDFOR %} </tr> </table> {% ENDIF %} <!-- END Блок характеристик товара. Показываем его если указаны характеристики --> <br /> <div class="rec2"> Все наши товары являются официальными («белыми») товарами. Каждый товар обладает всеми необходимыми сертификатами, подтверждающими легальность его использования на территории РФ. <br /> На все пневматические пистолеты и винтовки установлена гарантия 6 месяцев. В течении этого срока мы совершенно бесплатно отремонтируем, или заменим вашу пневматику, если поломка произошла по вине завода-изготовителя. </div> <br /> <div class="rec"> <strong>Рекомендуем для продления срока службы пневматики, особенно в зимних условиях, использовать:</strong> <br /> • <a href="http://jackgun.ru/goods/drilube" target="_blank" title="подробнее здесь">Смазка Rem™ DriLube тефлоновая, аэрозоль (118 мл, до -40С)</a><br /> • <a href="http://jackgun.ru/goods/megaline" target="_blank" title="подробнее здесь">Набор для чистки в пластиковом футляре MegaLine</a><br /> • <a href="http://jackgun.ru/goods/Umarex-Walther" target="_blank" title="подробнее здесь">Пуля пневматическая чистящая «Walther» (только для винтовок)</a> <hr></hr> <em><strong>Примечание:</strong> очистку и смазку пневматики рекомендуется проводить по мере загрязнения, но не реже чем один раз в 300 выстрелов.</em> </div> <br /> <!-- Сопутствующие товары --> {% IFNOT related_goods_empty %} <!-- Вывод сопутствующих товаров таблицей --> <h3 style="padding-top:2em;margin-bottom:-1em;">Сопутствующие товары</h3> <ul class="row products-grid"> {% FOR related_goods %} <li class="span3 item"> <div class="product-box"> {% IF user_agent_ie7 %} <a href="{related_goods.URL | url_amp}" title="{related_goods.NAME}" > <div class="product-image"><img src="{% IF related_goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png{% ELSE %}{related_goods.IMAGE_SMALL}{% ENDIF %}"></div> </a> {% ELSEIF user_agent_ie8 %} <a href="{related_goods.URL | url_amp}" title="{related_goods.NAME}" > <div class="product-image"><img src="{% IF related_goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png{% ELSE %}{related_goods.IMAGE_SMALL}{% ENDIF %}"></div> </a> {% ELSE %} <h6><a href="{related_goods.URL | url_amp}" title="{related_goods.NAME}">{related_goods.NAME}</a></h6> <div class="span12"> <a href="{related_goods.URL | url_amp}" title="{related_goods.NAME}" > <div class="product-image" style="background: url('{% IF related_goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png{% ELSE %}{related_goods.IMAGE_SMALL}{% ENDIF %}') no-repeat center center; background-size: contain;"></div> </a> </div> {% ENDIF %} <div class="quick-shop"> <div class="bg-quick-shop"> <form action="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}" method="post" class="goodsListItemCatalogueAddToCartButton product-form-{related_goods.MIN_PRICE_NOW_ID}"> <div> <input type="hidden" name="hash" value="{HASH}" /> <input type="hidden" name="form[goods_from]" value="{related_goods.GOODS_FROM}" /> <input type="hidden" name="form[goods_mod_id]" value="{related_goods.MIN_PRICE_NOW_ID}" /> <a onclick="$('.product-form-{related_goods.MIN_PRICE_NOW_ID}').attr('rel', 'quick').submit();return false;" title="Быстро оформить заказ"> </a> </div> </form> </div> </div> <div class="span12 {% IF related_goods.MIN_PRICE_NOW>=related_goods.MIN_PRICE_OLD %}price-box-for-regular-price{% ELSE %}price-box{% ENDIF %}" > <span class="regular-price"> <span class="price">{related_goods.MIN_PRICE_NOW | money_format}</span> </span> {% IF related_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT>related_goods.MIN_PRICE_NOW %} <span class="old-price" style="padding-left:5px;"> <span class="price">{related_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT | money_format}</span> </span> {% ELSEIF related_goods.MIN_PRICE_OLD>related_goods.MIN_PRICE_NOW %} <span class="old-price" style="padding-left:5px;"> <span class="price">{related_goods.MIN_PRICE_OLD | money_format}</span> </span> {% ENDIF %} </div> <div class="actions"> <button type="button" title="Добавить товар в корзину" class="btn btn-success2" onclick="$('.product-form-{related_goods.MIN_PRICE_NOW_ID}').submit();return false;">Добавить в корзину</button> <ul class="add-to-links"> <li><a href="{related_goods.URL | url_amp}" class="link-wishlist" title="Перейти на страницу информации о {related_goods.NAME}">Подробней</a></li> <!-- Если в тарифном плане подключен модуль сравнения товаров --> {% IF TARIFF_FEATURE_GOODS_COMPARE %} <!-- Если не выключен модуль сравнения товаров в настройках магазина --> {% IFNOT SETTINGS_COMPARE_DISABLE %} <li> <span class="separator">|</span> {% IF related_goods.IS_HAS_IN_COMPARE_LIST %} <a title="Убрать товар из списка сравнения с другими товарами" href="{COMPARE_DELETE_URL}?id={related_goods.MIN_PRICE_NOW_ID}&return_to={CURRENT_URL | urlencode}" class="link-compare">убрать из сравнения</a> {% ELSE %} <a title="Добавить товар к списку сравнения с другими товарами" href="{COMPARE_ADD_URL}?id={related_goods.MIN_PRICE_NOW_ID}&from={related_goods.GOODS_FROM}&return_to={CURRENT_URL | urlencode}" class="link-compare">Сравнить</a> {% ENDIF %} </li> {% ENDIF %} {% ENDIF %} </ul> </div> </div> </li> {% ENDFOR %} </ul> <!-- Вывод сопутствующих товаров таблицей-Конец --> {% ENDIF %} <!-- END Сопутствующие товары --> <!-- С этим товаром смотрят --> {% IFNOT related_views_goods_empty %} <!-- Вывод товаров таблицей --> <h3 style="padding-top:2em;margin-bottom:-1em;">С этим товаром смотрят</h3> <ul class="row products-grid"> {% FOR related_views_goods %} {% IF related_views_goods.index >6 %}{break}{% ENDIF %} <li class="span3 item"> <div class="product-box"> {% IF user_agent_ie7 %} <a href="{related_views_goods.URL | url_amp}" title="{related_views_goods.NAME}" > <div class="product-image"><img src="{% IF related_views_goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png{% ELSE %}{related_views_goods.IMAGE_SMALL}{% ENDIF %}"></div> </a> {% ELSEIF user_agent_ie8 %} <a href="{related_views_goods.URL | url_amp}" title="{related_views_goods.NAME}" > <div class="product-image"><img src="{% IF related_views_goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png{% ELSE %}{related_views_goods.IMAGE_SMALL}{% ENDIF %}"></div> </a> {% ELSE %} <div class="span12"> <a href="{related_views_goods.URL | url_amp}" title="{related_views_goods.NAME}" > <div class="product-image" style="background: url('{% IF related_views_goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png{% ELSE %}{related_views_goods.IMAGE_SMALL}{% ENDIF %}') no-repeat center center; background-size: contain;"></div> </a> </div> {% ENDIF %} <div class="quick-shop"> <div class="bg-quick-shop"> <form action="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}" method="post" class="goodsListItemCatalogueAddToCartButton product-form-{related_views_goods.MIN_PRICE_NOW_ID}"> <div> <input type="hidden" name="hash" value="{HASH}" /> <input type="hidden" name="form[goods_from]" value="{related_views_goods.GOODS_FROM}" /> <input type="hidden" name="form[goods_mod_id]" value="{related_views_goods.MIN_PRICE_NOW_ID}" /> <a onclick="$('.product-form-{related_views_goods.MIN_PRICE_NOW_ID}').attr('rel', 'quick').submit();return false;" title="Быстро оформить заказ"> </a> </div> </form> </div> </div> <h2 class="product-name"><a href="{related_views_goods.URL | url_amp}" title="{related_views_goods.NAME}">{related_views_goods.NAME}</a></h2> <div class="span12 {% IF related_views_goods.MIN_PRICE_NOW>=related_views_goods.MIN_PRICE_OLD %}price-box-for-regular-price{% ELSE %}price-box{% ENDIF %}" > <span class="regular-price"> <span class="price">{related_views_goods.MIN_PRICE_NOW | money_format}</span> </span> {% IF related_views_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT>related_views_goods.MIN_PRICE_NOW %} <span class="old-price" style="padding-left:5px;"> <span class="price">{related_views_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT | money_format}</span> </span> {% ELSEIF related_views_goods.MIN_PRICE_OLD>related_views_goods.MIN_PRICE_NOW %} <span class="old-price" style="padding-left:5px;"> <span class="price">{related_views_goods.MIN_PRICE_OLD | money_format}</span> </span> {% ENDIF %} </div> <div class="actions"> <button type="button" title="Добавить товар в корзину" class="btn btn-success2" onclick="$('.product-form-{related_views_goods.MIN_PRICE_NOW_ID}').submit();return false;">Добавить в корзину</button> <ul class="add-to-links"> <li><a href="{related_views_goods.URL | url_amp}" class="link-wishlist" title="Перейти на страницу информации о {related_views_goods.NAME}">Подробней</a></li> <!-- Если в тарифном плане подключен модуль сравнения товаров --> {% IF TARIFF_FEATURE_GOODS_COMPARE %} <!-- Если не выключен модуль сравнения товаров в настройках магазина --> {% IFNOT SETTINGS_COMPARE_DISABLE %} <li> <span class="separator">|</span> {% IF related_views_goods.IS_HAS_IN_COMPARE_LIST %} <a title="Убрать товар из списка сравнения с другими товарами" href="{COMPARE_DELETE_URL}?id={related_views_goods.MIN_PRICE_NOW_ID}&return_to={CURRENT_URL | urlencode}" class="link-compare">убрать из сравнения</a> {% ELSE %} <a title="Добавить товар к списку сравнения с другими товарами" href="{COMPARE_ADD_URL}?id={related_views_goods.MIN_PRICE_NOW_ID}&from={related_views_goods.GOODS_FROM}&return_to={CURRENT_URL | urlencode}" class="link-compare">Сравнить</a> {% ENDIF %} </li> {% ENDIF %} {% ENDIF %} </ul> </div> </div> </li> {% ENDFOR %} </ul> <!-- Вывод товаров таблицей-Конец --> {% ENDIF %} <!-- END С этим товаром смотрят --> <!-- Если в тарифном плане подключен модуль отзывов о товаре --> {% IF TARIFF_FEATURE_GOODS_OPINION %} <!-- Если не выключен модуль отзывов о товаре --> {% IFNOT SETTINGS_OPINION_DISABLE %} <h3>Отзывы</h3> <!-- Если отзывов по товару вообще нет, ни положительных ни отрицательных --> {% IF opinion_list_empty_without_filter %} <div class="goodsDataOpinionMessage empty">Отзывов пока не было. Вы можете <a href="#" class="jsAction goodsDataOpinionShowAddForm">оставить его первым</a></div> <!-- Если по товару есть хотя бы один отзыв --> {% ELSE %} <table id="opinion-list-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="pages" style="margin:0;"> <strong>Страница:</strong> <ol> {% IF OPINION_PAGES_LIST_SHOW_PREVIOUS %} <li> <a class="previous_page" href="{GOODS_OPINION_PAGINATE_URL | url_amp}&page={OPINION_PAGES_LIST_PREVIOUS}#opinion-list-table" title="Предыдущая страница (← + Ctrl)"> <img src="{ASSETS_IMAGES_PATH}i_pager-prev.gif" alt="Предыдущая" /> </a> </li> {% ENDIF %} {% FOR opinion_pages_list %} {% IF opinion_pages_list.CURRENT %} <li class="current">{opinion_pages_list.PAGE}</li> {% ELSE %} <li><a href="{GOODS_OPINION_PAGINATE_URL | url_amp}&page={opinion_pages_list.PAGE}#opinion-list-table">{opinion_pages_list.PAGE}</a></li> {% ENDIF %} {% ENDFOR %} {% IF OPINION_PAGES_LIST_SHOW_NEXT %} <li> <a class="next_page" href="{GOODS_OPINION_PAGINATE_URL | url_amp}&page={OPINION_PAGES_LIST_NEXT}#opinion-list-table" title="Следующая страница (Ctrl + →)"> <img src="{ASSETS_IMAGES_PATH}i_pager-next.gif" alt="Следующая" /> </a> </li> {% ENDIF %} </ol> </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 %} <!-- Нижняя навигация (страницы) --> <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 Нижняя навигация (страницы) --> <!-- Список отзывов о товарах --> <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"> <span class="goodsDataOpinionListTableClient {% IF opinion_list.CLIENT_ID %}auth{% ENDIF %}">{opinion_list.NAME}</span> <span class="goodsDataOpinionListTableDate">{opinion_list.DATE}</span> {% 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 Список отзывов о товаре --> {% ENDIF %} </table> {% ENDIF %} <!-- END Если по товару есть хотя бы один отзыв --> <!-- Форма добавления нового отзыва о товаре --> <form action="{CURRENT_URL}" method="post" class="goodsDataOpinionAddForm"> <div id="goodsDataOpinionAdd"> <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>Новый отзыв о «{GOODS_NAME}»</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 id="goods_opinion_name" name="form[ANTISPAM_FORM_FIELD_NAME_GOODS_OPINION_NAME]" value="{FORM_GOODS_OPINION_NAME}" maxlength="255" class="required"/></td> </tr> {% ENDIF %} <tr> <td><label for="goods_opinion_title">Заголовок</label></td> <td><input id="goods_opinion_title" name="form[ANTISPAM_FORM_FIELD_NAME_GOODS_OPINION_TITLE]" value="{FORM_GOODS_OPINION_TITLE}" maxlength="255" /></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" >{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" >{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">{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" width="90"><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}]" autocomplete="off" class="required captcha" value="{FORM_}" /></td> </tr> </table> </td> </tr> {% ENDIF %} <!-- /Тело таблицы. Форма добавления отзыва о товаре --> <!-- Низ таблицы. Кнопка отправки формы --> <tr> <td><a href="#" class="goodsDataOpinionFormReset jsAction">Отменить</a></td> <td><button type="button" title="Добавить отзыв о «{GOODS_NAME}»" class="btn btn-success2" onclick="$('.goodsDataOpinionAddForm').submit()">Добавить отзыв</button></td> </tr> </tbody> <!-- /Низ таблицы. Кнопка отправки формы --> </table> </div> </div> </form> {% ENDIF %} <!-- END Если не выключен модуль отзывов о товаре --> {% ENDIF %} <!-- END Если в тарифном плане подключен модуль отзывов о товаре --> <div id="vk_comments"></div> <script type="text/javascript"> VK.Widgets.Comments("vk_comments", {limit: 10, width: "677", attach: "*"}); </script> </div>