Почему едет верстка при использовании component_epilog.php?

Question

[Сергей]

Добрый день.

Помогите решить проблему вызовом "Навигационной цепочки" внутри шаблона другого компонента.

есть шаблон компонента

<section class="product-page">
    <div class="container">
        <!-- Breadcrumbs -->
        <div class="breadcrumbs">
            <p>
                <?$APPLICATION->ShowViewContent('breadcrumb');?>
            </p>
        </div>
        <!-- End Breadcrumbs -->

        <h1><?php echo $arResult['NAME']; ?></h1>

        <!-- Product info -->
        <div class="table image">
            <div class="table-cell">
                <div id="slider" class="flexslider">
                    <ul class="slides">
                        <?php foreach ($arResult['MORE_FOTO'] as $foto) { ?>
                            <li>
                                <img src="<?php echo $foto['src']; ?>" />
                            </li>
                        <?php } ?>
                    </ul>
                </div>
                <div id="carousel" class="flexslider">
                    <ul class="slides">
                        <?php foreach ($arResult['MORE_FOTO_THUMB'] as $foto) { ?>
                            <li>
                                <img src="<?php echo $foto['src']; ?>" />
                            </li>
                        <?php } ?>
                    </ul>
                </div>
            </div>
            <div class="table-cell">
                <?php foreach ($arResult['PROPERTIES']['SHORT_TEHCNICAL']['VALUE'] as $key => $tech) { ?>
                    <div class="table">
                        <div class="table-cell"><p><?php echo $tech; ?></p></div>
                        <div class="table-cell"></div>
                        <div class="table-cell"><p><?php echo $arResult['PROPERTIES']['SHORT_TEHCNICAL']['DESCRIPTION'][$key]; ?></p></div>
                    </div>
                <?php } ?>
                <?php if ($arResult['PROPERTIES']['OPTIONS']['~VALUE']['TEXT']) { ?>
                    <div class="btn-details">Возможные&nbsp;опции</div>
                    <div class="hide">
                        <?php echo $arResult['PROPERTIES']['OPTIONS']['~VALUE']['TEXT']; ?>
                    </div>
                <?php } ?>
                <div class="advantages">
                    <figure>
                        <img src="<?=SITE_TEMPLATE_PATH?>/images/catalog/delivery.png" alt="Срок поставки">
                        <figcaption>
                            <p>Срок поставки от 10 дней</p>
                        </figcaption>
                    </figure>
                    <figure>
                        <img src="<?=SITE_TEMPLATE_PATH?>/images/catalog/warrant-product.png" alt="Срок поставки">
                        <figcaption>
                            <p>Гарантия от производителя</p>
                        </figcaption>
                    </figure>
                    <figure>
                        <img src="<?=SITE_TEMPLATE_PATH?>/images/catalog/map-product.png" alt="Срок поставки">
                        <figcaption>
                            <p>Доставка по СНГ и России</p>
                        </figcaption>
                    </figure>
                </div>
                <p class="price"><?php echo $arResult['PROPERTIES']['PRICE']['VALUE']; ?></p>
                <div class="btn">Заказать&nbsp;звонок</div>
            </div>
        </div>
        <!-- End Product info -->
    </div>
</section>

и файл component_epilog.php

<?php if (!defined("B_PROLOG_INCLUDED") || B_PROLOG_INCLUDED!==true)die();
/** @global CMain $APPLICATION */

$this->initComponentTemplate();
$this->__template->SetViewTarget('breadcrumb');

    $APPLICATION->IncludeComponent(
        "bitrix:breadcrumb",
        "breadcrumbs_catalog",
        array(
            "COMPONENT_TEMPLATE" => "breadcrumbs_catalog",
            "PATH" => "",
            "SITE_ID" => "-",
            "START_FROM" => "1"
        ),
        false
    );

$this->__template->EndViewTarget(); ?>

в шаблоне компонента пытаюсь вывести то что находится в component_epilog.php
<?$APPLICATION->ShowViewContent('breadcrumb');?>

После сброса кэша страница загружается нормально, если загрузить страницу из кэша едет верстка вырезается часть тегов html в итоге страница отображается неправильно

Answer 1

[Сергей]

Что-то не так. У вас хлебные крошки кешируются в кешируемом компоненте.
Сейчас прикидываю два варианта:

1. Вынести верхнюю часть верстки включая хлебные крошки, ну и соответственно все закрывающие дивы этой верстки в element.php . Таким образом у вас хлебые крошки будут в некешируемых частях компонента. Этот способ 100% рабочий.
   
2. В component_epilog.php пишите обычный вызов хлебных крошек, заключаете его в дивы и задаете им дисплей ноне. Потом в шаблоне яваскриптом appendTo вставляете хлебные крошки в тот див в который нужно по структуре документа. Этот способ также должен срабатывать.
   

Первый вариант более правильнее и не нагружает обработку и прорисовку странице в браузере.

Comments

[Сергей]

я уже думал над первым вариантом, но так не получится ибо в шаблоне идет еще код ниже того что я привел в пример, в упор не понимаю почему хлебные крошки кэшируются, в то время как они выполнятся в component_epilog.php уже после отработки компонента. Чудеса какие то.

Насчет второго варианта не совсем понятно как выдернуть данные component_epilog, чтобы поместить их в переменную для того чтобы вставить в шаблоне

[Сергей]

sergafon: А так ? :) $("#div-in-component-epiloge").appendTo("#div-in-template").css({"display":"block"});

[Сергей]

Сергей: хорошо) откуда я возьму #div-in-template, если у меня этот div в другом файле?

[Сергей]

Сергей: аа понял) то что в component_epilog, оно же автоматом подключается в конец шаблона компонента) да согласен как вариант можно сделать так, но это не совсем правильно, если другим способм проблему решить не удаться придется так и сделать(

[Сергей]

странные дела конечно с кэшированием, причем без SetViewTarget хлебные крошки не кэшируются, может быть дело в этой волшебной команде, в справке битрикса никаких упоминаний на эту тему нет

[Сергей]

sergafon: тогда обратитесь в ТП битрикса.

[Сергей]

долго отвечают они, уже написал жду ответ, думал можт кто то сталкивался с подобным и решил эту проблему