Как добавить изображение вместо текста «Моя корзина» в верхнюю ссылку - Magento

Question

Возможно, это что-то очень простое, и я перепробовал несколько вещей и разные посты, но ни один из них не помог.

Я хотел бы, чтобы в верхних ссылках было изображение корзины покупок вместо текста «Моя корзина». Как сделать так, чтобы это изображение отображалось как ссылка, а не текст?

Это изображение в mytheme / images. Я пробовал редактировать Checkout / Block / Links.php, отредактировал styles.css, поставив

.top-link-cart { background url(HD/Applications/MAMP/htdocs/devsite/skin/frontend/default/mytheme/images/cart.png)left center no-repeat; }

Но, похоже, не получается получить изображение вместо текста. Любая помощь приветствуется. Спасибо.

Answer 1

В вашем CSS были следующие ошибки:

• Отсутствует двоеточие (:) после фона
• Отсутствует пробел между URL и оставленным ключевым словом
• Ссылка на ваше изображение была абсолютной и не относительной (не ошибка, но облегчит запуск сайта)

Вот какой должен быть ваш код:

.top-link-cart { background url('../images/cart.png') left center no-repeat; }

Answer 2

используйте background:url('image link') без повтора и определите, затем определите ваши width и height, а также убедитесь, что вы определили text-indent: -9999px или большее число, так что вы останетесь с изображением, и ваш текст будет внеscreen.

Вот множество других способов, которые вы можете использовать для замены изображений Css: http://css -tricks.com / css-image-replace /

Answer 3

Я бы предположил, что URL-адрес изображения неправильный, мне кажется, что вы пытаетесь отобразить его, используя местоположение на диске. Это должно быть местоположение, соответствующее корню вашего сайта.

Например, если корнем веб-сайта является HD/Applications/MAMP/htdocs/, необходимо указать URL-адрес /devsite/skin/frontend/default/ats_the‌​me/images/cart.png.

Кроме того, вы можете сделать это относительно вашего файла CSS. Так что, если ваш файл CSS находится в HD/Applications/MAMP/htdocs/devsite/skin/frontend/default/ats_the‌​me/css/, вы можете изменить URL-адрес на ../images/cart.png

Answer 4

Добавьте двоеточие после background:?