Перейти до вмісту
Пошук в
  • Детальніше...
Шукати результати, які ...
Шукати результати в ...

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


Recommended Posts

Здравствуйте, пытаюсь добавить элемент 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)

Змінено користувачем sizeofrawdata
Надіслати
Поділитися на інших сайтах


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

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

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

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

 

Надіслати
Поділитися на інших сайтах

29 minutes ago, fanatic said:

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

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

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

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

Надіслати
Поділитися на інших сайтах


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

Надіслати
Поділитися на інших сайтах

1 hour ago, fanatic said:

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

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

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

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

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

Змінено користувачем sizeofrawdata
Надіслати
Поділитися на інших сайтах


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

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


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

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

Надіслати
Поділитися на інших сайтах


Створіть аккаунт або увійдіть для коментування

Ви повинні бути користувачем, щоб залишити коментар

Створити обліковий запис

Зареєструйтеся для отримання облікового запису. Це просто!

Зареєструвати аккаунт

Вхід

Уже зареєстровані? Увійдіть тут.

Вхід зараз
  • Зараз на сторінці   0 користувачів

    • Ні користувачів, які переглядиють цю сторінку

×
×
  • Створити...

Important Information

На нашому сайті використовуються файли cookie і відбувається обробка деяких персональних даних користувачів, щоб поліпшити користувальницький інтерфейс. Щоб дізнатися для чого і які персональні дані ми обробляємо перейдіть за посиланням . Якщо Ви натиснете «Я даю згоду», це означає, що Ви розумієте і приймаєте всі умови, зазначені в цьому Повідомленні про конфіденційність.