Добавление элемента

[sizeofrawdata]

Здравствуйте, пытаюсь добавить элемент div на главную страницу (в шаблон) и делаю следующее:

1. Открываю (через файловый менеджер) файл header.twig и вставляю перед закрытием head (</head>) код:

<div id="square"></div> 

создаю в папке stylesheet (../test/public_html/catalog/view/theme/default/stylesheet) свой стиль main_style.css

в файл header.twig прописываю:

<link href="catalog/view/theme/default/stylesheet/stylesheet.css" rel="stylesheet">
<link href="catalog/view/theme/default/stylesheet/main_style.css" rel="stylesheet">//мой код

вот код в main_style.css :

#square {
    position: absolute; /* Абсолютное позиционирование */
	top: 10px;
    left: 15px;
    line-height: 1px;
    width: 120px;
    height: 120px;
    background: #f447ff;
	z-index: 5;
}

на главной странице должен быть нарисован квадрат, но ничего не отрисовывается (ctrl+f5, кеш браузера "чистил").

В чём может быть проблема?

p.s. версия opencart Version 3.0.3.2 (rs.2)

Змінено 29 вересня 2019 користувачем sizeofrawdata

[fanatic]

12 минут назад, sizeofrawdata сказал:

ctrl+f5, кеш браузера "чистил"

1. обновить модификаторы

2. админка-панель состояния-правый верхний угол-шестеренка-почистить кеш

 

[sizeofrawdata]

29 minutes ago, fanatic said:

1. обновить модификаторы

2. админка-панель состояния-правый верхний угол-шестеренка-почистить кеш

Благодарю Вас, всё отображается.

А правильно ли я добавляю и прописываю необходимый мне код в файле header.twig а не в файле home.twig (отображение необходимо в данном случае на главной)?

[fanatic]

если html и подключение стиля в header.twig,  квадрат будет на всех страницах

[sizeofrawdata]

1 hour ago, fanatic said:

если html и подключение стиля в header.twig,  квадрат будет на всех страницах

ясно, спасибо.

Скажите, а почему после того как я убрал из header.twig код элемента 

<div id="square"></div> 

но оставил ссылку на свой стиль в заголовке header.twig, квадрат по прежнему отображается в нижней части страницы?

Змінено 29 вересня 2019 користувачем sizeofrawdata

[SiteMix]

4 часа назад, sizeofrawdata сказал:

1. Открываю (через файловый менеджер) файл header.twig и вставляю перед закрытием head (</head>) код:

<div id="square"></div> 

А зачем вставлять блок перед </head>? Может быть надо после </head> или перед </header>?