Jump to content
Sign in to follow this  
alinalessioYandex

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

Recommended Posts

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

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

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

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

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

Спасибо.

Share this post


Link to post
Share on other sites

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

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

Share this post


Link to post
Share on other sites

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

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

 

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

Share this post


Link to post
Share on other sites

А в чем проблема изменить стиль кнопки если она не "<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

Share this post


Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
You are posting as a guest. If you have an account, please sign in.
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Sign in to follow this  

  • Recently Browsing   0 members

    No registered users viewing this page.

×

Important Information

On our site, cookies are used and personal data is processed to improve the user interface. To find out what and what personal data we are processing, please go to the link. If you click "I agree," it means that you understand and accept all the conditions specified in this Privacy Notice.