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

как создать кнопки "войти" и "зарегистрироваться"

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

Привет всем, подскажите пожалуйста как вместо "войти" и "зарегистрироваться" на главной вверху создать кнопки "войти" и "зарегистрироваться", то есть вместо текста сделать кнопки с этим текстом.

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


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

Откройте файл ..\catalog\language\russian\common\header.php и замените его содержимое на:

<?php
// Text
$_['text_home']           = 'Главная';
$_['text_wishlist']       = 'Закладки (%s)';
$_['text_shopping_cart']  = 'Корзина покупок';
$_['text_search']         = 'Поиск';
$_['text_welcome']        = '<a class="button" href="%s">Войти</a> или <a class="button" href="%s">зарегистрироваться</a>';
$_['text_logged']         = 'Вы вошли как <a href="%s">%s</a> <b>(</b> <a class="button" href="%s">Выйти</a> <b>)</b>';
$_['text_account']        = 'Постоянный покупатель';
$_['text_checkout']       = 'Оформление заказа';
?>

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


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

А как изменить цвет этих кнопок? например "Вход" зеленным а "Регистрация" красным? Знаю что в стилях но где. Заранее благодарен

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


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

Кто нить поможет? Я так понимаю что эти кнопки являются стандартными для всего сайта и если изменить здесь то изменятся на всем сайте или это не так? Как цвет поменять?

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


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

Да это так, одни для всего сайта. Чтобы это изменит нужно задать другой классовый идентификатор для нужных кнопок например - button2 вместо button

Потом в файле stylesheet.css скопировать все, что относилось к классу button и переименовать button в button2

 

После чего спокойно можно менять визуальные свойства для button2

 

Думаю вам пригодиться этот сайт - лучший учебник html и css ;)

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


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

Спасибо, как я не додумался каждый элемент же имеет свой класс. Спасибо огромное..

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


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

Чето не выходит, вот ниже мой блок кнопок чтобы создать другой класс для одной кнопки например button2 то надо весь блок дублировать и переименовывать везде в блоке где есть button в button2 ? И там еще есть и buttons

 

/* button */

a.buttoninput.button {
cursor: pointer;
color: #FFFFFF;
line-height: 12px;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
background: url('../image/button.png') top left repeat-x;
-webkit-border-radius: 7px 7px 7px 7px;
-moz-border-radius: 7px 7px 7px 7px;
-khtml-border-radius: 7px 7px 7px 7px;
border-radius: 7px 7px 7px 7px;
-webkit-box-shadow: 0px 2px 2px #DDDDDD;
-moz-box-shadow: 0px 2px 2px #DDDDDD;
box-shadow: 0px 2px 2px #DDDDDD;
}
a.button {
display: inline-block;
text-decoration: none;
padding: 6px 12px 6px 12px;
}
input.button {
margin: 0;
border: 0;
height: 24px;
padding: 0px 12px 0px 12px;
}
a.button:hoverinput.button:hover {
background: url('../image/button-active.png') repeat-x;
}
.buttons {
background: #FFFFFF;
border: 1px solid #EEEEEE;
overflow: auto;
padding: 6px;
margin-bottom: 20px;
}
.buttons .left {
float: left;
text-align: left;
}
.buttons .right {
float: right;
text-align: right;
}
.buttons .center {
text-align: center;
margin-left: auto;
margin-right: auto;
}

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


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

Ну да, все правильно, копируете все, что связано с button и ставите к уже скопированному цифру 2, потом этот класс(button2) нужно указать для нужной кнопки...

 

+ стили сами изменить, ну это понятно  :-)

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


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

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

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

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

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

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

Войти

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

Войти

  • Похожий контент

    • От nikitaxzx
      http://cg09891-opencart-18.tw1.ru/index.php?route=product/category&amp;path=59
      ребят вот сайт очень маленькая кнопка корзинки купить подскажите как правильно поменять изображение 

      картинку прикрепил, как примерно надо 

    • От ShadowVengeance
      Не реагирует на нажатия кнопка "купить". Видимо, где-то перемудрил с шаблонами, гугл выдает ошибку тут
      Пациент - http://soleo.com.ua/
      Буду рад помощи!
    • От Jeneko
      300.00 руб
      Скачать/Купить дополнение


      Простая кнопка заказа обратного звонка
      Простая кнопка заказа обратного звонка. Выводится на любых выбранных страницах (выбирается через макеты). Располагается в одном из углов экрана. При нажатии запрашивает номер телефона, после чего отсылает уведомление о заказе звонка на выбранный почтовый адрес.
       
      ВИДЕО (УСТАНОВКА И НАСТРОЙКА):
      YouTube - Модуль Opencart: "Простая кнопка заказа обратного звонка"

       
      ОСОБЕННОСТИ:
      Быстрая работа через AJAX, без перезагрузки страницы. Более 10 различных анимаций для привлечения внимания. Настройка дизайна. Выбор цвета кнопки и отображаемой иконки, для большего соответствия дизайну сайта. Возможность добавления своих иконок. Защита от заполнения автоматическими спам-ботами. Маска ввода телефонного номера - номер телефона, заказывающего обратный звонок, будет приходить аккуратно отформатированным. Возможность указать место вывода на экране - в каком углу и с каким отступом. Адаптивная верстка. Корректно отображатеся на мобильных устройствах с небольшим экраном (вплоть до iPhone 4). Возможность перетаскивания мышкой в произвольное место экрана. Совместимость с федеральным законом 152 (ФЗ-152) - вывод правил обработки персональных данных со ссылкой на страницу политики конфиденциальности сайта. Полностью на русском.  
      ТЕХНИЧЕСКИЕ ДЕТАЛИ:
      Анимация осуществляется средствами css https://daneden.github.io/animate.css/ Защита от спам-ботов осуществляется через скрытые инпут-поля, обработку формы через AJAX без использования submit-инпута и ложный action формы. Перетаскивание использует библиотеку jquery-ui (custom версия - включены только ф-ции, необходимые для перетаскивания). Протестировано на Chrome 64, Firefox 58, Opera 51, Яндекс-Браузер 18, Microsoft Edge, Internet Explorer 11, iOS 10.3.2 Safari, Android 8 Chrome  
      ВНИМАНИЕ:
      Продажа модуля осуществляется ТОЛЬКО через сайт opencartforum.com. Если вы приобрели или бесплатно скачали этот модуль в любом другом месте - вы пользуетесь пиратской версией модуля. Работоспособность и безопасность пиратских версий не гарантируется. Поддержка осуществляется только для оригинальной версии модуля.
       
      УСТАНОВКА:
      Модуль устанавливается стандартными средствами Opencart.
      В админке сайта, пункт меню: "Модули/Расширения" > "Установка расширений" нажать кнопку "Загрузить", после чего выбрать один из файлов "PhoneCallOrder(byJen).XXXX.ocmod.zip" (где ХХХХ - ваша версия Opencart-а). Перейти в список установленных модулей, где активировать и настроить модуль "Кнопка заказа звонка (by JEN)". В настройках модуля во вкладке "Основные" не забыть выбрать статус модуля "Включено". Настроить отображение модуля на нужных страницах, используя пункт меню админки "Дизайн" > "Макеты".  
      АЛЬТЕРНАТИВНАЯ УСТАНОВКА:
      Распаковать содержимое одного из файлов "PhoneCallOrder(byJen).XXXX.ocmod.zip" (где ХХХХ - ваша версия Opencart-а) и скопировать содержимое папки "upload" в корень сайта. Перейти в список установленных модулей, где активировать и настроить модуль "Кнопка заказа звонка (by JEN)". В настройках модуля во вкладке "Основные" не забыть выбрать статус модуля "Включено". Настроить отображение модуля на нужных страницах, используя пункт меню админки "Дизайн" > "Макеты". Добавил Jeneko Добавлено 18.02.2018 Категория Обратная связь, звонки Системные требования Сайт разработчика Старая цена Метод активации Без активации Ioncube Loader Нет OpenCart 3.0
      2.3
      2.2
      2.1
      2.0 ocStore 3.0
      2.3
      2.2
      2.1 OpenCart.Pro, ocShop Не проверялось  
    • От Jeneko
      Простая кнопка заказа обратного звонка. Выводится на любых выбранных страницах (выбирается через макеты). Располагается в одном из углов экрана. При нажатии запрашивает номер телефона, после чего отсылает уведомление о заказе звонка на выбранный почтовый адрес.
       
      ВИДЕО (УСТАНОВКА И НАСТРОЙКА):
      YouTube - Модуль Opencart: "Простая кнопка заказа обратного звонка"

       
      ОСОБЕННОСТИ:
      Быстрая работа через AJAX, без перезагрузки страницы. Более 10 различных анимаций для привлечения внимания. Настройка дизайна. Выбор цвета кнопки и отображаемой иконки, для большего соответствия дизайну сайта. Возможность добавления своих иконок. Защита от заполнения автоматическими спам-ботами. Маска ввода телефонного номера - номер телефона, заказывающего обратный звонок, будет приходить аккуратно отформатированным. Возможность указать место вывода на экране - в каком углу и с каким отступом. Адаптивная верстка. Корректно отображатеся на мобильных устройствах с небольшим экраном (вплоть до iPhone 4). Возможность перетаскивания мышкой в произвольное место экрана. Совместимость с федеральным законом 152 (ФЗ-152) - вывод правил обработки персональных данных со ссылкой на страницу политики конфиденциальности сайта. Полностью на русском.  
      ТЕХНИЧЕСКИЕ ДЕТАЛИ:
      Анимация осуществляется средствами css https://daneden.github.io/animate.css/ Защита от спам-ботов осуществляется через скрытые инпут-поля, обработку формы через AJAX без использования submit-инпута и ложный action формы. Перетаскивание использует библиотеку jquery-ui (custom версия - включены только ф-ции, необходимые для перетаскивания). Протестировано на Chrome 64, Firefox 58, Opera 51, Яндекс-Браузер 18, Microsoft Edge, Internet Explorer 11, iOS 10.3.2 Safari, Android 8 Chrome  
      ВНИМАНИЕ:
      Продажа модуля осуществляется ТОЛЬКО через сайт opencartforum.com. Если вы приобрели или бесплатно скачали этот модуль в любом другом месте - вы пользуетесь пиратской версией модуля. Работоспособность и безопасность пиратских версий не гарантируется. Поддержка осуществляется только для оригинальной версии модуля.
       
      УСТАНОВКА:
      Модуль устанавливается стандартными средствами Opencart.
      В админке сайта, пункт меню: "Модули/Расширения" > "Установка расширений" нажать кнопку "Загрузить", после чего выбрать один из файлов "PhoneCallOrder(byJen).XXXX.ocmod.zip" (где ХХХХ - ваша версия Opencart-а). Перейти в список установленных модулей, где активировать и настроить модуль "Кнопка заказа звонка (by JEN)". В настройках модуля во вкладке "Основные" не забыть выбрать статус модуля "Включено". Настроить отображение модуля на нужных страницах, используя пункт меню админки "Дизайн" > "Макеты".  
      АЛЬТЕРНАТИВНАЯ УСТАНОВКА:
      Распаковать содержимое одного из файлов "PhoneCallOrder(byJen).XXXX.ocmod.zip" (где ХХХХ - ваша версия Opencart-а) и скопировать содержимое папки "upload" в корень сайта. Перейти в список установленных модулей, где активировать и настроить модуль "Кнопка заказа звонка (by JEN)". В настройках модуля во вкладке "Основные" не забыть выбрать статус модуля "Включено". Настроить отображение модуля на нужных страницах, используя пункт меню админки "Дизайн" > "Макеты".
    • От seregin
      Скачать/Купить дополнение


      Кнопка "Применить" в админке
      Модуль добавляет в админке кнопку "Применить", которая позволяет сохранить изменения не закрывая при этом форму редактирования.
      Кнопка вставляется в следующие формы:
      catalog, design, localisation, marketing, sale, user, setting
      Модуль проверялся на ocStore 2.1.0.1
      Установка:
      Установите модуль через "Установщик дополнений OCMOD"
      Добавил seregin Добавлено 04.12.2015 Категория Модули  
  • Последние посетители   0 пользователей онлайн

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

×

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

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