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

Ваше имя

Ваш e-mail

Ваше сообщение (обязательно)

captcha

Shopify. Как создать пользовательскую страницу пароля

Из этого туториала Вы узнаете, как создать пользовательскую «Страницу пароля» для вашего магазина Shopify.

Shopify. Как создать пользовательскую страницу пароля

Для того чтобы создать пользовательскую «Страницу пароля», следуйте таким инструкциям:

  1. Есть два способа настроить отображение страницы пароля. Вы можете просто изменить сообщение для гостей сайта или использовать ваше знание HTML и CSS для внесения более значительных изменений.

  2. В вашей админ панели Shopify, нажмите на вкладку Настройки (Settings), затем выберите элемент Интернет-магазин (Online Store):

    Shopify.-How-to-create-custom-password-page---1

  3. Прокрутите вниз в раздел Пароль магазина (Storefront password). Здесь Вам нужно указать пароль для входа в ваш интернет-магазин.

  4. В разделе Сообщение для гостей сайта (Message for your visitors) введите ваше сообщение. После введения вступительного текста нажмите на кнопку «Сохранить».

  5. Для расширенной настройки страницы пароля, создайте файл шаблона password.liquid. Как и для других файлов .liquid в шаблоне, вы можете свободно использовать HTML, CSS, Liquid, и Javascript, для того чтобы полностью определить внешний вид страницы.

Вы можете создать файл password.liquid, следуя таким инструкциям:

  1. В вашей админ панели Shopify, нажмите на элемент Интернет-магазин (Online Store), затем нажмите на Темы (Themes):

    Shopify.-How-to-create-custom-password-page---2

  2. Найдите тему, в которую Вы хотите внести изменения, нажмите на кнопку вверху, затем нажмите на кнопку Редактировать HTML/CSS (Edit HTML/CSS):

    Shopify.-How-to-create-custom-password-page---3

  3. В папке Шаблоны (Templates), нажмите на кнопку Добавить новый шаблон (Add a new template).

  4. Нажмите на выпадающий список меню рядом с «Создать новый шаблон для» (Create a new template for) и выберите пароль (password). После
    этого нажмите на «Скачать шаблон»:

    Shopify.-How-to-create-custom-password-page---4

  5. Шаблон password.liquid автоматически включает свой внутренний файл стилей:

    Shopify.-How-to-create-custom-password-page---5

  6. Вы можете редактировать страницу пароля как любой другой шаблон темы. Например, мы добавим пользовательское изображение для страницы пароля. Мы задали фоновое изображение для основной части страницы при помощи следующего кода CSS:

       body {
          margin: 0;
          background-color: red;
          font: 1em/1.4em "Lucida Grande", "Trebuchet MS", Helvetica, sans-serif;
          color: #333;
          background-image: url({{ 'body_bg_img.jpg' | asset_url }};
          background-position: center;
        }
    	 
  7. Вернитесь на ваш сайт и обновите страницу с текстом, который Вы изменили. Вы можете видеть, что редактирование прошло успешно.

Вы можете также ознакомиться с детальным видео-туториалом ниже:

Shopify. Как создать пользовательскую страницу пароля