Moushe.ru

Блог обо всём

OcStore 1.5.4 Bootstrap template (10 часть)



Сегодня мы с вами подкорректируем страницу регистрации / входа.

2

Список задач на сегодня:

1. Подправим страницу Входа / Регистрации

И так приступим:

1. Если мы с вами нажмём на ссылку входа или регистрации на витрине нашего интернет магазина, то мы попадём на новую страницу, как вы можете видеть сейчас: она отображается криво:

1

1.1. Откроем файл ../catalog/view/theme/bootsmy/template/common/header.tpl и изменим эту строку (20):

<link rel="stylesheet" type="text/css" href="catalog/view/theme/bootsmy/bootstrap/css/bootstrap.min.css" />

на эту:

<link rel="stylesheet" type="text/css" href="catalog/view/theme/bootsmy/bootstrap/css/bootstrap.css" />

1.2. Откроем файл ../catalog/view/theme/bootsmy/bootstrap/css/bootstrap.css и изменим эти строки (766-772):

h1 {
font-size: 38.5px;
}

h2 {
font-size: 31.5px;
}

на эти:

h1 {
font-size: 22.0px;
}

h2 {
font-size: 18.0px;
}

1.3. Откроем файл ../catalog/view/theme/bootsmy/template/account/login.tpl и изменим эту строку (19):

<div class="content">

на эту:

<div class="well">

эту (22):

<a href="<?php echo $register; ?>" class="button"><?php echo $button_continue; ?></a></div>

на эту:

<a href="<?php echo $register; ?>" class="btn btn-success"><?php echo $button_continue; ?></a></div>

эту (27):

<div class="content">

на эту:

<div class="well">

эту (28):

<p><?php echo $text_i_am_returning_customer; ?></p>

на эту:

<p><b><?php echo $text_i_am_returning_customer; ?></b></p>

эту (38):

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

на эту:

<input type="submit" value="<?php echo $button_login; ?>" class="btn btn-primary" />

уже лучше, но нужны последние штрихи, удалим эти строки (36-37):

<a href="<?php echo $forgotten; ?>"><?php echo $text_forgotten; ?></a><br />
<br />

и вместо этой строки (36):

<input type="submit" value="<?php echo $button_login; ?>" class="btn btn-primary" />

вставим эту:

<input type="submit" value="<?php echo $button_login; ?>" class="btn btn-primary" /> <a href="<?php echo $forgotten; ?>" class="btn btn-small btn-danger" ><?php echo $text_forgotten; ?></a>

изменим эти строки (29-30):

<b><?php echo $entry_email; ?></b><br />
<input type="text" name="email" value="<?php echo $email; ?>" />

на эту:

<input type="text" name="email" value="<?php echo $email; ?>" placeholder="Email"/>

и эти (32-33):

<b><?php echo $entry_password; ?></b><br />
<input type="password" name="password" value="<?php echo $password; ?>" />

на эту:

<input type="password" name="password" value="<?php echo $password; ?>" placeholder="Пароль"/>

сохраняем файл в utf-8 кодировке, как это сделать я уже писал 100 раз, повторять не буду!

При жедании можно удалить эту строку (31):

<br />

На сегодня всё, до новых встреч.

2 Комментария

  1. Подскажите в чем может быть дело?
    когда подвожу курсор к ссылке «войти» у меня вдруг вылезает панель входа. Выглядит это очень не красиво…
    Вот скрин: http://s2.uploads.ru/chnqf.jpg

    • Владислав Храмцов
      vkontakte.ru Владислав Храмцов

      23.04.2013 at 21:16

      Вы поставили vqmod и поставили ajax модуль входа — FREE! Ajax Login, так зачем удивляться то? Удалите его вот и всё.

Добавить комментарий

Your email address will not be published.

*

CAPTCHA image
*

© 2016 Moushe.ru При копировании материалов, ссылка на нас обязательна!

Вверх ↑



Яндекс.Метрика