Ubercart: Как изменить кнопку "Добавить в корзину" ("Add to cart")

ubercart

Многие установшие на Drupal модуль интернет-магазина Ubercart сталкиваются с этой проблемой.

Мне понадобилось внести изменения в дизайн кнопки "Добавить в корзину" ("Add to cart"), а точнее вставить в нее собственное изображение.

Решить это можно с помощью CSS? добавив в файл стилей следующий код:

.node-add-to-cart {
background:transparent url("http://xyz.com/abc.png") no-repeat;
height:60px;
width:146px;
border:none;
cursor:pointer;
cursor:hand;
font-size: 0px;
display:block;
line-height: 0px;
text-indent: -999px;
}

Вместо "http://xyz.com/abc.png" ставите адрес нужного вам изображения. В строчках height:60px; и width:146px, можно регулировать вісоту и ширину кнопки. Вот, что у меня получилось:

 

В который из файлов стилей добавлять?

в файл style.css, который лежит в папке вашей темы

Отправить комментарий