Начать новую тему

Как в стилях прописать ссылку на изображение, загруженное в Мерчиум

 Как в стилях прописать ссылку на изображение, загруженное в Мерчиум?


Что только не пробовал. Получилось, если указывать прямой HTTP URL. Но ведь при малейших изменениях все отвалится.


Как например описать background? Какой адрес должен быть?


В базовых стилях лежат такие записи типа ../../../../../ - судя по всему это уже скомпилированные адреса.



Здравствуйте, Антон.

Спасибо за ваш вопрос.

В стилях необходимо прописывать абсолютный путь до изображения, которое вы хотите использовать. Изображение может храниться как на стороннем ресурсе, так и на серверах Мерчиума.

Чтобы загрузить изображение в Мерчиуме, пожалуйста, сделайте следующее:


1. В администраторской части магазина перейдите на страницу Дизайн > Редактор файлов.

2. Откройте секцию, в которую будете загружать изображения (Темы, Изображения или Файлы).

3. Загрузите изображение в желаемую директорию с помощью кнопки с иконкой +.

4. Когда изображение загружено, в секции слева выберите изображение. С помощью контекстного меню откройте изображение в новой вкладке браузера и скопируйте адрес изображения из адресной строки браузера. Данную ссылку вы сможете использовать при указании фона в поле Пользовательские CSS в визуальном редакторе Мерчиума.


> Как например описать background? Какой адрес должен быть?


Необходимый цвет фона элемента может быть добавлен с помощью свойства background. Пример используемого кода для загрузки фонового изображения вы можете найти ниже:


.ty-account-info__item {
     background: url('http://store.mymerchium.ru//users/1111/images/test.png') no-repeat;
     width: 54px;
     height: 54px;
}


где store.mymerchium.ru - доменное имя вашего магазина.


Обращаем ваше внимание на то, что с помощью визуального редактора вы можете изменить цвет фона определенных элементов вашего сайта, используя только инструменты Мерчиума. Более подробную информацию о том, как это сделать, вы можете найти в нашей статье.

Надеемся, данная информация окажется полезной для вас.


Спасибо.


Войдите, чтобы опубликовать свой комментарий