Как правильно вставить сторонний CSS в Битрикс?

Question

[tarya77]

Интернет-магазин на Битриксе, Аспро. Есть синхронизация с 1с.
Мне нужно сделать банальную превьюшку, чтобы всплывало фото при наведении на ссылку.
Нашли пример, вставили в конец styles.css (лежит в Контент-Структура сайта-Файлы и папки-local-templates-aspro_max-components-bitrix-catalog-mainstyle.css) такой код:

.mekina-buleva span{
border-radius: 5px 5px 5px 5px;
visibility: hidden;
position: absolute;
left: 258px;
background: #f1eaea;
box-shadow: -2px 2px 10px -1px #2f2e2e;
border-radius: 5px;
width: 18%;
z-index: 9999;
}
.mekina-buleva:hover span{
visibility: visible;
}

Ну и в подробном описании товара само описание и html:

<a class="mekina-buleva" href="ссылка на страницу">АНКОР ССЫЛКА<span><img class="klass" src="наша ссылка на фото"></span></a>

Все классно работает. Но через мин 30 подробное описание товара и html код полностью исчезают. Или из-за синхронизации с 1с, или Битрикс сам вырезает. Пробовали и другие примеры css. Тоже ни в какую. В Битриксе вроде как-то по-особому надо внедрять css.

Как вставить этот код правильно?

Comments

[andand44]

Можно средствами Аспро вставить свой код css

[Максим Грибов]

Если вставляете css в системные файлы битрикса - редактируйте лучше через ftp или панель хостинга. Были случаи, когда битрикс действия другого администратора воспринимал как угрозу и блокировал код, который он вносил.

[tarya77]

Спасибо большое, немного разобрались.

Answer 1

[Роман Морозов]

Вы вносите правки с стили аспро или в свой файл? Если в свой, как подключаете?

Наверно подключаете стили в шаблоне, который кешируется. Надо файл component_epilog.php использовать