Сообщений в теме: 4

[zvrv]

Подскажите пожалуйста как можно изменить изображение кнопки "добавить в корзину" со стандартного на вот это:

[Vaccina]

Хм. попробуйте загрузить свое изображение в редакторе тем, далее в файле стилей main.css (в самый конец файла) добавить следующий класс

.cart_btn {
background: url("{ASSETS_IMAGES_PATH}Ваше изображение") no-repeat !important;
/* Тут указывайте размеры вашего изображения */
height: 30px !important;
width: 135px !important;
}

далее например в шаблоне "Товар" находите подобную ссылку

<a class="more-link" href="#" title="" onclick="$('.goodsDataForm').submit(); return false;">В корзину</a>

и добавляете к ней класс .cart_btn т.е так

<a class="more-link cart_btn" href="#" title="" onclick="$('.goodsDataForm').submit(); return false;">В корзину</a>

[zvrv]

Vaccina (07 Июнь 2011 - 07:36) писал:

Хм. попробуйте загрузить свое изображение в редакторе тем, далее в файле стилей main.css (в самый конец файла) добавить следующий класс

.cart_btn {
background: url("{ASSETS_IMAGES_PATH}Ваше изображение") no-repeat !important;
/* Тут указывайте размеры вашего изображения */
height: 30px !important;
width: 135px !important;
}

далее например в шаблоне "Товар" находите подобную ссылку

<a class="more-link" href="#" title="" onclick="$('.goodsDataForm').submit(); return false;">В корзину</a>

и добавляете к ней класс .cart_btn т.е так

<a class="more-link cart_btn" href="#" title="" onclick="$('.goodsDataForm').submit(); return false;">В корзину</a>

Спасибо, я уже разобрался.
Действительно нужно было добавить class в main.css

Цитата

.cart_btn {
background: url("{ASSETS_IMAGES_PATH}Ваше изображение") no-repeat !important;
/* Тут указывайте размеры вашего изображения */
height: 30px !important;
width: 135px !important;
}

Только вот подобной ссылки

Цитата

<a class="more-link" href="#" title="" onclick="$('.goodsDataForm').submit(); return false;">В корзину</a>

в шаблоне Мокко НЕТ.
Необходимо в шаблоне "Товар" найти вот эту строку:

<input type="submit" value="Добавить в корзину" style="width: 200px;" />

и добавить в нее созданный class, после изменений строка будет выглядеть вот так:

<input class="cart_btn" type="submit" value="" style="width: 130px;" />

[velena168]

Vaccina (07 Июнь 2011 - 07:36) писал:

Хм. попробуйте загрузить свое изображение в редакторе тем, далее в файле стилей main.css (в самый конец файла) добавить следующий класс

.cart_btn {
background: url("{ASSETS_IMAGES_PATH}Ваше изображение") no-repeat !important;
/* Тут указывайте размеры вашего изображения */
height: 30px !important;
width: 135px !important;
}

далее например в шаблоне "Товар" находите подобную ссылку

<a class="more-link" href="#" title="" onclick="$('.goodsDataForm').submit(); return false;">В корзину</a>

и добавляете к ней класс .cart_btn т.е так

<a class="more-link cart_btn" href="#" title="" onclick="$('.goodsDataForm').submit(); return false;">В корзину</a>

в шаблоне Сияние тоже нет такой ссылки, а кнопочку такую красивую хочется!

[Vaccina]

Хм. ну это смотря про какой шаблон мы говорим. Данная ссылка находиться в шаблоне "Товар".
Если вам нужно добавить картинку в другом месте - то вы можете поступить как написали выше. Нужно просто найти эту (ссылку, либо кнопку) там будет надпись (Добавить в корзину). далее просто задаем ему класс. Пример так же как и выше

Небыло класса у кнопки

<input type="submit" value="" style="width: 130px;" />

Темер добавляем

<input class="cart_btn" type="submit" value="" style="width: 130px;" />