Перейти к содержанию
alinalessioYandex

Как изменить все кнопки input на ссылки?

Рекомендуемые сообщения

В темах для OpenCart на сайте templatemonster.com очень часто использованы ссылки вместо кнопок input. Это позволяет более гибко их оформлять по дизайну.

Кто может правильно перевести все кнопки в opencart в такой формат?

<a href="#"><span></span></a>

Нашел кнопки input в 31 файле.

Дайте пожалуйста инструкцию как перевести кнопки в ссылки. Или если кому не лень, напишите готовые решения для всех типов кнопок input в OpenCart. Думаю такой труд многие оценят и будут частенько возврящаться, чтобы посмотреть как это делается.

Спасибо.

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


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

Похоже никто не переводит кнопки input в <a></a>

Тогда подскажите кто как решает вопрос с оформлением кнопок input?

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


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

Похоже никто не переводит кнопки input в <a></a>

Тогда подскажите кто как решает вопрос с оформлением кнопок input?

 

А в чем проблема изменить стиль кнопки если она не "<a></a>" а "input"

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


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

А в чем проблема изменить стиль кнопки если она не "<a></a>" а "input"

 

Тема старая, но очень хочется ответить. Вот пример <a></a> и <input> расположенных рядом. CSS-стили задействованы одинаковые.

2016_03_22_002106.png

 

Можно конечно повозиться с CSS, но добиться 100% визуального соответствия ссылок и инпутов все равно вряд ли получится.

 

 

Кроссбраузерное решение на примере страницы изменения пароля (account/password.tpl)

 

Добавляем к форме id заменив код

<form action="<?php echo $action; ?>" method="post" enctype="multipart/form-data">

на

<form action="<?php echo $action; ?>" id="<?php echo $action; ?>" method="post" enctype="multipart/form-data">

А инпут

<input class="button btn" type="submit" value="<?php echo $button_continue; ?>" />

меняем на ссылку

<a class="button btn" onclick="document.getElementById('<?php echo $action; ?>').submit()" ><?php echo $button_continue; ?></a>

Результат

2016_03_22_005735.png

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


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

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

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

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

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

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

Войти

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

Войти

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

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

×

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

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