Как ссылаться на изображение в теме моего трафарета

Question

Мне интересно, как правильно ссылаться на изображение в моем scss для моей темы трафарета, над которой я работаю. Он работает локально, но когда я загружаю свою тему в bigcommerce, он дает ошибку 404.

background: url('../img/header-bg.png') no-repeat; background: url('/assets/img/header-bg.png') no-repeat;

Те, оба работают на местном уровне, но и результат в 404, когда я загрузить мою тему. Я включил изображение в этот каталог и все.

Answer 1

У меня была та же проблема, с которой вы столкнулись, и я не уверен на 100%, что рекомендованный BC способ ссылаться на фоновые изображения в CSS.

Предполагая, что вы размещаете изображения в своих активах/каталоге img, я обнаружил, что вызов background:url('../img/header-bg.png'), как это, работал как локально, так и в производстве.

Надеюсь, это поможет.