Кнопка "Добавить в корзину"

[gdi31]

Сейчас все выглядит вот так:

Мечтаю намутить что-то вот этакое:

Методом «ТЫКА» всё разрулить не получилось, хотя угрохал достаточно времени, но всё оказалось в пустую.

Полем битвы стали два файла:

1. product.tpl (отрывок эксперимента)

<div class="content">
<?php echo $text_qty; ?>
<input type="text" name="quantity" size="3" value="<?php echo $minimum; ?>" />
<a onClick="$('#product').submit();" id="add_to_cart" class="button"><span><?php echo $button_add_to_cart; ?></span></a>
<?php if ($minimum > 1) { ?><br/><small><?php echo $text_minimum; ?></small><?php } ?>
</div>

2. stylesheet.css (отрывок эксперимента)

.button {
padding-left : 8px;
display : inline-block;
margin-right : 5px;
background : url(../image/button_left.png) no-repeat left top;
text-decoration : none;
color : #fff;
}
.button span {
color : #fff;
display : block;
padding : 4px 12px 5px 5px;
background : url(../image/button_right.png) no-repeat right top;
font-weight : normal;
} 

и изображение с именем 2.png лежащее в той же папке где и оригиналы.

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

Одним словом – ПО-МО-ГИ-ТЕ-Е!

[dim565]

del

[EvzeNsx]

на локалхосте делаете или на хостинге? если второе, то скиньте ссылку, так проще)

[gdi31]

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

У меня пуля в чём? Хочу всё оставить без изменения, тронуть планирую "Добавить в корзину", во как.

[gdi31]

на локалхосте делаете или на хостинге? если второе, то скиньте ссылку, так проще)

Всё леплю в прямом эфире, мой "ШЕДЕВР" .

[EvzeNsx]

и изображение с именем 2.png лежащее в той же папке где и оригиналы.

по этому адресу картинки вашей нет http://www.umka-babyshop.ru/catalog/view/theme/default2free/image/2.png

залейте картинку - помогу с css.

[gdi31]

по этому адресу картинки вашей нет http://www.umka-baby...ree/image/2.png

залейте картинку - помогу с css.

Готово!

[EvzeNsx]

А картинка я смотрю прямо сразу с текстом, тогда вообще просто..

В файле product/product.tpl находим

<a onclick="$('#product').submit();" id="add_to_cart" class="button">
<span><?php echo $button_add_to_cart; ?></span>
</a>

меняем на

<a onclick="$('#product').submit();" id="add_to_cart" class="button_cart">
<img src="http://www.umka-babyshop.ru/catalog/view/theme/default2free/image/2.png" alt="" />
</a>

[gdi31]

А картинка я смотрю прямо сразу с текстом, тогда вообще просто..

В файле product/product.tpl находим

<a onclick="$('#product').submit();" id="add_to_cart" class="button">
<span><?php echo $button_add_to_cart; ?></span>
</a>

меняем на

<a onclick="$('#product').submit();" id="add_to_cart" class="button_cart">
<img src="http://www.umka-babyshop.ru/catalog/view/theme/default2free/image/2.png" alt="" />
</a>

Думал что легко, что просто, но не настолькож :rolleyes:.

[tim21701]

Если Вы хотите сказать человеку миллион раз спасибо, достаточно дать вот эту ссылку :D :D :D

[EvzeNsx]

я сдался на 250-ом "thank you" )))

[un10ck]

Спс, работает :)

[vavan1955]

А как мне сделать чтоб не в корзину был переход а сразу на оформление. Мне корзина не нужна вообще. С кнопкой всё понятно но у меня кнопка "Оплатить-Скачать". Для цифровых товаров. Перечитал много тем но ответа не нашел.