Как правильно отобразить блок на самом верху сайта?

Question

[Inajaf]

Ребят, не получается зафиксировать блок с "Бесплатной доставкой" на самом верху header.

вот мой текущий xml:

<referenceContainer name="header.container" htmlTag="div" htmlClass="shipping-container"
                            label="Free shpping container">
            <block name="freeshipping"
                   class="Magento\Framework\View\Element\Template"
                   template="Magento_Theme::free_shipping.phtml"
                   after="-"
                   ifconfig="carriers/freeshipping/active"
            />
        </referenceContainer>

и вот как оно отображается сейчас:


а нужно чтобы было вот так :

Answer 1

[imdeveloper]

Привет. Добавь в контейнер

<referenceContainer name="after.body.start">
//твой блок
</referenceContainer>

Comments

[Inajaf]

Суппееер, а как это работает все "after.body.start" то есть имею ввиду 'after', 'start' - это классы css ? Есть ли ссылка подробно почитать про это ? С контейнерами и блоками вроде понял в целом логику

[imdeveloper]

Inajaf, просто название контейра
vendor/magento/module-theme/view/base/page_layout/empty.xml