- Упрощает работу администраторов - не нужно для каждого товара вручную подбирать товары, а так же следить за актуальностью сопутствующих товаров после добавления на сайт новых коллекций
- Упрощает навигацию покупателей по сайту, т.к. подобранные товары с очень большой вероятностью похожи на текущий и ему не нужно выходить из товара в категории, использовать поиск, да и просто уходить с сайта в поисковик, где он может потеряться и не сделать покупку на вашем сайте.
- С точки зрения SEO эта опция прежде всего помогает точно перелинковать страницы товаров
- С точки зрения пользовательских факторов - пользователь смотрит больше страниц, дольше сидит на сайте - для поисковика верный знак того, что сайт нужно поднять выше в поисковой выдаче
Так же мы постарались безболезненно его внедрить автоматически на сайты, вроде он встал без ошибок, если заметите странности - просто напишите нам здесь, либо через форму обратной связи мы поправим работу вашего сайта.
Для тех шаблонов где код не внедрился автоматом будет достаточно добавить его через раздел "Сайт" > "Редактор тем" в шаблоне "Товар".
Для шаблона Пластик мы рекомендуем вставить его после кода:
<!-- END Сопутствующие товары -->на ~379 строке:
<!-- С этим товаром смотрят --> {% IFNOT related_views_goods_empty %} <div class="headline" style="background:none; margin:10px;"> <div class="h1static clear"> <h1 class="fnt18n">С этим товаром смотрят</h1> </div> </div> <!-- Вывод таблицей товаров, которые смотрят с этим товаром --> <div class="padd box"> <table class="table" cellpadding="5" cellspacing="0"> <tr> {% FOR related_views_goods %} <td> <div class="tabproduct"> <div class="title fnt12b txtalgncnt"> <a href="{related_views_goods.URL}" title="Перейти на страницу «{related_views_goods.NAME}»">{related_views_goods.NAME}</a> </div> <div class="img txtalgncnt"> <a href="{related_views_goods.URL}" title="Перейти на страницу «{related_views_goods.NAME}»"><img src="{% IF related_views_goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-other.png{% ELSE %}{related_views_goods.IMAGE_OTHER}{% ENDIF %}" alt="{related_views_goods.NAME}" /></a> </div> <div class="price fnt12b txtalgncnt"> Цена: {% IF related_views_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT>related_views_goods.MIN_PRICE_NOW %} <span>{related_views_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT | number_format("0", ",", " ")}</span> {% ELSEIF related_views_goods.MIN_PRICE_OLD>related_views_goods.MIN_PRICE_NOW %} <span>{related_views_goods.MIN_PRICE_OLD | number_format("0", ",", " ")}</span> {% ENDIF %} <em class="fnt12b">{related_views_goods.MIN_PRICE_NOW | money_format}</em> </div> <div class="buttons txtalgncnt"> {% IF related_views_goods.MAX_REST_VALUE>0 %} <form action="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}" method="post" id="goodsListFormId{related_views_goods.MIN_PRICE_NOW_ID}" class="goodsListForm"> <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 href="{related_views_goods.URL}" class="whtgreen" title="Перейти на страницу «{related_views_goods.NAME}»">Подробнее</a> <a class="blgreen" onclick="$('#goodsListFormId{related_views_goods.MIN_PRICE_NOW_ID}').submit(); return false;" href="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}?hash={HASH | url_amp}&form%5Bgoods_from%5D={related_views_goods.GOODS_FROM}&form%5Bgoods_mod_id%5D={related_views_goods.MIN_PRICE_NOW_ID}" title="Положить «{related_views_goods.NAME}» в корзину">Купить</a> </div> </form> {% ENDIF %} {% IF related_views_goods.MAX_REST_VALUE=0 %}<a href="{related_views_goods.URL}" class="whtgreen" title="Перейти на страницу «{related_views_goods.NAME}»">Подробнее</a>{% ENDIF %} </div> </div> </td> {% IFNOT related_views_goods.last %} {related_views_goods.index | is_divided("3","</tr><tr>","")} {% ENDIF %} {% ENDFOR %} </tr> </table> </div> <!-- Вывод таблицей товаров, которые смотрят с этим товаром-Конец --> {% ENDIF %} <!-- END С этим товаром смотрят -->
Для шаблона Сияние мы вставили его после кода:
<!-- END Сопутствующие товары -->на ~341 строке:
<!-- С этим товаром смотрят --> {% IFNOT related_views_goods_empty %} <h3>С этим товаром смотрят</h3><br /> <table> <tr> {% FOR related_views_goods %} <td class="goodsListItem"> <div class="goodsListItemBlock withBorder cornerAll"> <table class="goodsListItemImage"> <tr> <td> <a href="{related_views_goods.URL}" title="Перейти на страницу «{related_views_goods.NAME}»"><img class="goods-image-other" src="{% IF related_views_goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-other.png{% ELSE %}{related_views_goods.IMAGE_OTHER}{% ENDIF %}" alt="{related_views_goods.NAME}" /></a> </td> </tr> </table> <h3 class="goodsListItemName"><a href="{related_views_goods.URL}" title="Перейти на страницу «{related_views_goods.NAME}»">{related_views_goods.NAME}</a></h3> <div class="goodsListItemPriceNew"> <a href="{related_views_goods.URL_MIN_PRICE_NOW}">{related_views_goods.MIN_PRICE_NOW | money_format}</a> </div> <div class="goodsListItemPriceOld"> {% IF related_views_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT>related_views_goods.MIN_PRICE_NOW %} <a href="{related_views_goods.URL_MIN_PRICE_NOW_WITHOUT_DISCOUNT}" class="lineThrough">{related_views_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT | money_format}</a> {% ELSEIF related_views_goods.MIN_PRICE_OLD>related_views_goods.MIN_PRICE_NOW %} <a href="{related_views_goods.URL_MIN_PRICE_OLD}" class="lineThrough">{related_views_goods.MIN_PRICE_OLD | money_format}</a> {% ENDIF %} </div> </div> </td> {% IFNOT related_views_goods.last %}{related_views_goods.index | is_divided("3","</tr><tr>","")}{% ENDIF %} {% ENDFOR %} </tr> </table><br /><br /> {% ENDIF %} <!-- END С этим товаром смотрят -->
Для шаблона Техника мы рекомендуем вставить его после кода:
<!-- END Сопутствующие товары -->на ~365 строке:
<!-- С этим товаром смотрят --> {% IFNOT related_views_goods_empty %} <!-- Вывод товаров таблицей --> <h3 style="padding-top:2em;margin-bottom:-1em;">С этим товаром смотрят</h3> <ul class="row products-grid"> {% FOR related_views_goods %} <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 С этим товаром смотрят -->
Для шаблона Мокко мы рекомендуем вставить его после кода:
<!-- END Сопутствующие товары -->на ~331 строке:
<!-- С этим товаром смотрят --> {% IFNOT related_views_goods_empty %} <h3>С этим товаром смотрят</h3> <table> <tr> {% FOR related_views_goods %} <td class="goodsListItem"> <div class="goodsListItemBlock withBorder cornerAll"> <div class="goodsListItemImage"><a href="{related_views_goods.URL}"><img class="goods-image-small" src="{% IF related_views_goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png{% ELSE %}{related_views_goods.IMAGE_SMALL}{% ENDIF %}" alt="{related_views_goods.NAME}" /></a></div> <h3 class="goodsListItemName"><a href="{related_views_goods.URL}">{related_views_goods.NAME}</a></h3> <div class="goodsListItemPriceNew"> <a href="{related_views_goods.URL_MIN_PRICE_NOW}">{related_views_goods.MIN_PRICE_NOW | money_format}</a> </div> <div class="goodsListItemPriceOld"> {% IF related_views_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT>related_views_goods.MIN_PRICE_NOW %} <a href="{related_views_goods.URL_MIN_PRICE_NOW_WITHOUT_DISCOUNT}" class="lineThrough">{related_views_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT | money_format}</a> {% ELSEIF related_views_goods.MIN_PRICE_OLD>related_views_goods.MIN_PRICE_NOW %} <a href="{related_views_goods.URL_MIN_PRICE_OLD}" class="lineThrough">{related_views_goods.MIN_PRICE_OLD | money_format}</a> {% ENDIF %} </div> </div> </td> {% IFNOT related_views_goods.last %}{related_views_goods.index | is_divided("4","</tr><tr>","")}{% ENDIF %} {% ENDFOR goods %} </tr> </table><br /><br /> {% ENDIF %} <!-- END С этим товаром смотрят -->
Для шаблона Лайт мы рекомендуем вставить его после кода:
<!-- END Сопутствующие товары -->на ~331 строке:
<!-- С этим товаром смотрят --> {% IFNOT related_views_goods_empty %} <h3>С этим товаром смотрят</h3><br /> <table> <tr> {% FOR related_views_goods %} <td class="goodsListItem"> <div class="goodsListItemBlock withBorder cornerAll"> <div class="goodsListItemImage"><a href="{related_views_goods.URL}"><img class="goods-image-small" src="{% IF related_views_goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png{% ELSE %}{related_views_goods.IMAGE_SMALL}{% ENDIF %}" alt="{related_views_goods.NAME}" /></a></div> <h3 class="goodsListItemName"><a href="{related_views_goods.URL}">{related_views_goods.NAME}</a></h3> <div class="goodsListItemPriceNew"> <a href="{related_views_goods.URL_MIN_PRICE_NOW}">{related_views_goods.MIN_PRICE_NOW | money_format}</a> </div> <div class="goodsListItemPriceOld"> {% IF related_views_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT>related_views_goods.MIN_PRICE_NOW %} <a href="{related_views_goods.URL_MIN_PRICE_NOW_WITHOUT_DISCOUNT}" class="lineThrough">{related_views_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT | money_format}</a> {% ELSEIF related_views_goods.MIN_PRICE_OLD>related_views_goods.MIN_PRICE_NOW %} <a href="{related_views_goods.URL_MIN_PRICE_OLD}" class="lineThrough">{related_views_goods.MIN_PRICE_OLD | money_format}</a> {% ENDIF %} </div> </div> </td> {% IFNOT related_views_goods.last %}{related_views_goods.index | is_divided("5","</tr><tr>","")}{% ENDIF %} {% ENDFOR %} </tr> </table><br /><br /> {% ENDIF %} <!-- END С этим товаром смотрят -->
Если возникнут вопросы - задавайте, постараемся помочь.