Перейти к содержанию
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 лежащее в той же папке где и оригиналы.

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

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

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

  • +1 1

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

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

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

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

Всё леплю в прямом эфире, мой "ШЕДЕВР" . Изображение

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

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

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

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

  • +1 1

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

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

В файле 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>
  • +1 3

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

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

В файле 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:.

Изображение

Поделиться сообщением


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

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Для публикации сообщений создайте учётную запись или авторизуйтесь

Вы должны быть пользователем, чтобы оставить комментарий

Создать учетную запись

Зарегистрируйте новую учётную запись в нашем сообществе. Это очень просто!

Регистрация нового пользователя

Войти

Уже есть аккаунт? Войти в систему.

Войти

  • Последние посетители   0 пользователей онлайн

    Ни одного зарегистрированного пользователя не просматривает данную страницу

×

Важная информация

На нашем сайте используются файлы cookie и происходит обработка некоторых персональных данных пользователей, чтобы улучшить пользовательский интерфейс. Чтобы узнать для чего и какие персональные данные мы обрабатываем перейдите по ссылке. Если Вы нажмете «Я даю согласие», это означает, что Вы понимаете и принимаете все условия, указанные в этом Уведомлении о Конфиденциальности.