Помощь
Войти

Настройка параметров темы

Вы можете настроить общие параметры своего интернет-магазина, такие как типографика, цвета, ссылки на социальные сети и страница корзины, в разделе «Настройки темы» бокового меню редактора тем. Изменения, которые вы вносите в разделе «Настройки темы», применяются ко всему интернет-магазину.

Разделы и блоки также имеют отдельные настройки, которые можно изменять для настройки отдельных разделов вашей темы. Узнайте больше о разделах и блоках.

На этой странице

Вы можете добавить логотип своей компании в интернет-магазин. Ваш логотип будет отображаться в следующих местах:

  • в шапке на всех страницах
  • на странице пароля

Настройка логотипа

Максимальная ширина логотипа — 300 пикселей.

Шаги:

Компьютер

  1. В панели администратора Shopify перейдите в раздел «Интернет-магазин» > «Темы».

  2. Найдите тему, которую хотите отредактировать, и нажмите «Редактировать тему».

  3. Нажмите на значок «Настройки темы» Настройки.

  4. Нажмите «Логотип».

  5. В разделе «Логотип» добавьте свое изображение или воспользуйтесь бесплатным изображением:

    • Чтобы добавить свое изображение, нажмите «Выбрать изображение»и добавьте новое или существующее изображение:
      • Чтобы использовать изображение, уже загруженное в панель администратора Shopify, выберите его и нажмите «Готово».
      • Чтобы использовать изображение с компьютера, нажмите «Добавить изображения». Выберите и добавьте изображение, а затем нажмите «Готово».
    • Чтобы использовать бесплатное изображение, нажмите «Посмотреть бесплатные изображения». Найдите изображение, нажмите на него, чтобы выбрать, а затем нажмите «Выбрать».

  6. Необязательно: добавьте альтернативный текст к изображению логотипа:

    1. В разделе «Логотип» нажмите «Редактировать».
    2. В поле «Альтернативный текст» введите краткое описание изображения.
    3. Нажмите «Сохранить».

  7. Необязательно: в разделе «Ширина логотипа на компьютере» воспользуйтесь ползунком, чтобы отрегулировать ширину логотипа в пикселях.

  8. Нажмите «Сохранить».

Мобильное устройство

  1. В приложении Shopify коснитесь значка Меню.

  2. В разделе «Каналы продаж» коснитесь пункта «Интернет-магазин».

  3. Коснитесь пункта «Управлять всеми темами».

  4. Найдите тему, которую хотите отредактировать, и коснитесь пункта «Редактировать тему».

  5. Коснитесь … или ⋮, а затем коснитесь пункта «Настройки темы».

  6. Коснитесь пункта «Логотип».

  7. В разделе «Логотип» добавьте свое изображение или воспользуйтесь бесплатным изображением:

    • Чтобы добавить свое изображение, коснитесь «Выбрать изображение»и добавьте новое или существующее изображение:
      • Чтобы использовать изображение, уже загруженное в панель администратора Shopify, выберите его и коснитесь «Готово».
      • Чтобы использовать изображение с вашего устройства, коснитесь «Добавить изображения». Выберите и добавьте изображение с устройства, коснитесь его, чтобы выбрать, а затем коснитесь «Готово».
    • Чтобы использовать бесплатное изображение, коснитесь «Посмотреть бесплатные изображения». Найдите изображение, коснитесь его, чтобы выбрать, а затем коснитесь «Готово».

  8. Необязательно: добавьте альтернативный текст к изображению логотипа:

    1. В разделе «Логотип» коснитесь пункта «Редактировать».
    2. В поле «Альтернативный текст» введите краткое описание изображения.
    3. Коснитесь «Сохранить» или ✓.

  9. Необязательно: в разделе «Ширина логотипа на компьютере» воспользуйтесь ползунком, чтобы отрегулировать ширину логотипа в пикселях.

  10. Коснитесь «Сохранить» или ✓.

Добавление иконки сайта

Вы можете добавить иконку избранного, или иконку сайта, которая используется для брендинга вашего интернет-магазина. Иконка сайта отображается в следующих местах:

  • на вкладке веб-браузера
  • в истории веб-браузера
  • значки на рабочем столе
  • рядом с названием вашего интернет-магазина в закладках браузера

Подробнее об иконках сайта.

Шаги:

Компьютер

  1. В панели администратора Shopify перейдите в раздел «Интернет-магазин» > «Темы».

  2. Найдите тему, в которую вы хотите добавить иконку сайта, и нажмите «Настроить».

  3. Нажмите на значок «Настройки темы» Настройки.

  4. В зависимости от версии темы нажмите «Логотип» или «Иконка сайта».

  5. В разделе Изображение иконки сайта нажмите «Выбрать изображение», а затем добавьте новое или существующее изображение:

    • Чтобы выбрать изображение, уже загруженное в панель администратора Shopify, найдите его (воспользовавшись поиском или вручную), а затем отметьте флажком.
    • Чтобы выбрать изображение с вашего компьютера, нажмите «Добавить изображения», откройте нужное изображение, а затем отметьте его флажком.

  6. Нажмите «Готово».

  7. Необязательно: добавьте альтернативный текст к изображению иконки сайта:

    1. В разделе Изображение иконки сайта нажмите «Редактировать».
    2. В поле «Альтернативный текст» введите краткое описание изображения.
    3. Нажмите «Сохранить».

  8. Нажмите «Сохранить».

Мобильное устройство

  1. В приложении Shopify коснитесь значка Меню.

  2. В разделе «Каналы продаж» коснитесь пункта «Интернет-магазин».

  3. Коснитесь пункта «Управлять всеми темами».

  4. Найдите тему, в которую вы хотите добавить иконку сайта, и коснитесь «Настроить».

  5. Коснитесь … или ⋮, а затем коснитесь пункта «Настройки темы».

  6. В зависимости от версии темы коснитесь «Логотип» или «Иконка сайта».

  7. В разделе Изображение иконки сайта коснитесь «Выбрать изображение», а затем добавьте новое или существующее изображение:

    • Чтобы выбрать изображение, уже загруженное в панель администратора Shopify, найдите его (воспользовавшись поиском или вручную), а затем отметьте флажком.
    • Чтобы выбрать изображение с вашего устройства, коснитесь «Добавить изображения», откройте нужное изображение, а затем отметьте его флажком.

  8. Коснитесь «Готово».

  9. Добавьте альтернативный текст к изображению иконки сайта:

    1. В разделе Изображение иконки сайта коснитесь «Редактировать».
    2. В поле «Альтернативный текст» введите краткое описание изображения.
    3. Коснитесь «Сохранить» или ✓.

  10. Коснитесь «Сохранить» или ✓.

Цвета

В настройках темы можно задавать различные цветовые схемы и применять их к разным разделам интернет-магазина с помощью средства выбора цветовой схемы. Цветовая схема — это набор цветов. В вашей теме по умолчанию применён набор цветовых схем, который можно в любой момент изменить в редакторе тем. Вы можете добавить цвета своего бренда, чтобы обеспечить единообразное применение цветовой палитры во всём интернет-магазине.

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

Вы можете создать и настроить до 21 уникальной цветовой схемы и применять их к различным разделам своего интернет-магазина.

Цветовые схемы

Цветовые схемы — это настройка темы, которая наглядно группирует элементы и их цвета. Вы можете назначать разные цвета различным элементам в рамках единой цветовой схемы, которую можно применять в теме везде, где доступно средство выбора цветовой схемы. Можно создать до 21 цветовой схемы. Вы также можете посмотреть, как ваши цвета будут отображаться в окне предварительного просмотра схемы.

Список различных настроек, которые можно применить к цветовым схемам в редакторе тем.
НастройкаОписание
ФонЦвет применяется к фону некоторых разделов и к фону дополнительной кнопки.
Градиент фонаГрадиент цветов применяется к фону некоторых разделов. Где это возможно, градиенты фона заменяют фон.
ТекстЦвет применяется к тексту раздела или блока.
Фон основной кнопкиЦвет применяется к фону основной кнопки.
Текст основной кнопкиЦвет применяется к тексту основной кнопки.
Дополнительная кнопкаЦвет применяется к тексту и рамке дополнительной кнопки.
ТеньЦвет применяется к теням.

Управление цветовой схемой

Цветовая схема и параметры цвета вашего магазина задаются в настройках темы. Для сплошных цветов используйте выбор цвета, чтобы выбрать новый цвет, или введите значение цвета в текстовое поле. Поле цвета принимает следующие названия и значения цветов:

  • Названия цветов, например red, black или blue.
  • Коды цветов RGB.
  • Шестнадцатеричные значения цвета.

Шаги:

  1. В панели администратора Shopify перейдите в раздел «Интернет-магазин» > «Темы».

  2. Нажмите «Настроить» рядом с темой, которую хотите изменить.

  3. Нажмите значок настройки, а затем нажмите «Цвета».

  4. В разделе Схемы нажмите на существующую схему или нажмите «Добавить схему», чтобы создать новую цветовую схему.

  5. Нажмите на образец цвета для того типа контента, цвет которого вы хотите изменить.

  6. Чтобы задать цвет, введите его шестнадцатеричный код или выберите цвет в окне выбора цвета. Чтобы сделать цвет прозрачным, удалите шестнадцатеричный код из текстового поля.

  7. Нажмите «Сохранить».

Применение цветовой схемы

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

Средство выбора цветовой схемы

Градиенты

В некоторых темах можно настраивать градиент цветов для создания визуально интересных вариантов фона. Настройка color_background используется для изменения свойства фона CSS.

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

Настройка градиентов

  1. В панели администратора Shopify перейдите в раздел «Интернет-магазин» > «Темы».

  2. Нажмите «Настроить» рядом с темой, которую хотите изменить.

  3. Нажмите значок настройки, а затем нажмите «Цвета».

  4. В разделе Схемы нажмите на существующую схему, которую вы хотите отредактировать.

  5. Нажмите на вариант образца цвета градиента, например «Градиент фона».

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

  7. Выберите параметры градиента:

  • Выберите линейный или радиальный градиент. Чтобы выбрать нужный стиль, используйте соответствующие кнопки.
  • Задайте угол градиента с помощью стрелок вверх и вниз. Каждое нажатие изменяет значение угла на 5.
  • Чтобы выбрать «Положение» градиента, используйте ползунок или введите в поле числовое значение.
  • Введите HEX-код цвета или выберите оттенок с помощью палитры. Недавно использованные цвета отображаются в нижней части панели настроек градиента.
  • Чтобы настроить прозрачность градиента, используйте ползунок справа. Вы также можете ввести процентное значение в поле рядом с HEX-кодом цвета.
  1. Нажмите «Сохранить».

Палитра градиентов в редакторе тем

Настройка градиентов с помощью CSS

Большинство значений свойства background в CSS можно использовать для задания цвета фона. Это поле можно использовать для сплошных цветов (например, #000000, black, rgb(0,0,0,0), rgba(0,0,0,0), hsl(0, 0%, 0%) и hsla(0, 0%, 0%, 1) — все эти значения создают сплошной чёрный фон) или для градиентов (например, linear-gradient(red, green), radial-gradient(red, green) или conic-gradient(red, green)). Градиенты также можно повторять.

Шаги:

  1. В панели администратора Shopify перейдите в раздел «Интернет-магазин» > «Темы».

  2. Нажмите «Настроить» рядом с темой, которую хотите изменить.

  3. Нажмите значок настройки, а затем нажмите «Цвета».

  4. В разделе Схемы нажмите на существующую схему, которую вы хотите отредактировать.

  5. Нажмите на градиент, который хотите отредактировать.

  6. Нажмите на стрелку рядом с надписью «Градиент», а затем выберите «CSS».

  7. В поле «Код CSS» введите или вставьте код градиента. В окне предварительного просмотра редактора тем ваш градиент будет показан в соответствующем месте.

  8. Нажмите «Сохранить».

Поле «Код CSS градиента» в редакторе тем

Удаление градиента

  1. В панели администратора Shopify перейдите в раздел «Интернет-магазин» > «Темы».

  2. Нажмите «Настроить» рядом с темой, которую хотите изменить.

  3. Нажмите значок настройки, а затем нажмите «Цвета».

  4. В разделе Схемы нажмите на существующую схему, которую вы хотите отредактировать.

  5. Нажмите на градиент, который хотите удалить.

  6. Нажмите «Удалить градиент».

  7. Нажмите «Сохранить».

Типографика

Вы можете настроить стиль и размер шрифта для текста в вашем интернет-магазине. Можно выбрать системный шрифт или добавить пользовательский. Набор шрифтов, доступных в вашей теме, зависит от её разработчика. Во всех бесплатных темах Shopify используются шрифты из библиотеки шрифтов Shopify.

Рекомендуется использовать в магазине системные шрифты, поскольку они уже установлены на компьютере пользователя. Использование системных шрифтов позволяет не загружать новые шрифты на компьютер клиента, что может отрицательно сказаться на скорости загрузки вашего магазина. Отображаемый на компьютере клиента шрифт зависит от его операционной системы.

Настройка типов шрифтов

Список доступных шрифтов см. в библиотеке шрифтов Shopify.

Шаги:

Компьютер

  1. В панели администратора Shopify перейдите в раздел «Интернет-магазин» > «Темы».

  2. Найдите тему, которую хотите отредактировать, и нажмите «Редактировать тему».

  3. Нажмите на значок «Настройки темы» Настройки.

  4. Нажмите «Типографика».

  5. Чтобы изменить шрифт для заголовков или основного текста вашего магазина, нажмите «Изменить» в разделе «Заголовки» или «Основной текст».

  6. Нажмите на название нужного шрифта, а затем нажмите «Выбрать».

  7. Нажмите «Сохранить».

Мобильное устройство

  1. В приложении Shopify коснитесь значка Меню.

  2. В разделе «Каналы продаж» коснитесь пункта «Интернет-магазин».

  3. Коснитесь пункта «Управлять всеми темами».

  4. Найдите тему, которую хотите отредактировать, и коснитесь пункта «Редактировать тему».

  5. Коснитесь … или ⋮, а затем коснитесь пункта «Настройки темы».

  6. Коснитесь «Типографика».

  7. Чтобы изменить шрифт для заголовков или основного текста вашего магазина, коснитесь «Изменить» в разделе «Заголовки» или «Основной текст».

  8. Коснитесь названия нужного шрифта, а затем коснитесь «Готово».

  9. Коснитесь «Сохранить» или ✓.

Настройка размеров шрифтов

Вы можете задать размеры шрифтов по умолчанию для заголовков и основного текста в настройках темы «Типографика».

Минимальный размер шрифта — 100%, максимальный — 150%. Каждый шаг масштабирования увеличивает размер шрифта на 5%. По умолчанию установлено значение 100%.

Шаги:

Компьютер

  1. В панели администратора Shopify перейдите в раздел «Интернет-магазин» > «Темы».

  2. Найдите тему, которую хотите отредактировать, и нажмите «Редактировать тему».

  3. Нажмите на значок «Настройки темы» Настройки.

  4. Нажмите «Типографика».

  5. Чтобы изменить размер шрифта по умолчанию для текста «Заголовки», используйте ползунок «Масштаб размера шрифта» для выбора нужного значения.

  6. Чтобы изменить размер шрифта по умолчанию для основного текста, используйте ползунок «Масштаб размера шрифта» для выбора нужного значения.

  7. Нажмите «Сохранить».

Мобильное устройство

  1. В приложении Shopify коснитесь значка Меню.

  2. В разделе «Каналы продаж» коснитесь пункта «Интернет-магазин».

  3. Коснитесь пункта «Управлять всеми темами».

  4. Найдите тему, которую хотите отредактировать, и коснитесь пункта «Редактировать тему».

  5. Коснитесь … или ⋮, а затем коснитесь пункта «Настройки темы».

  6. Коснитесь «Типографика».

  7. Чтобы изменить размер шрифта по умолчанию для текста «Заголовки», используйте ползунок «Масштаб размера шрифта» для выбора нужного значения.

  8. Чтобы изменить размер шрифта по умолчанию для основного текста, используйте ползунок «Масштаб размера шрифта» для выбора нужного значения.

  9. Коснитесь «Сохранить» или ✓.

Макет

Вы можете задать максимальную ширину отображения вашего интернет-магазина, а также вертикальные и горизонтальные отступы между разделами.

Шаги:

Компьютер

  1. В панели администратора Shopify перейдите в раздел «Интернет-магазин» > «Темы».

  2. Найдите тему, которую хотите отредактировать, и нажмите «Редактировать тему».

  3. Нажмите на значок «Настройки темы» Настройки.

  4. Нажмите «Макет».

  5. С помощью ползунка «Ширина страницы» выберите ширину от 1000 до 1600 пикселей. По умолчанию установлено значение 1600 пикселей.

  6. Дополнительно: с помощью ползунка можно добавить вертикальный «отступ между разделами шаблона» на ваших страницах. Максимальный отступ между разделами — 100 пикселей.

  7. Дополнительно: если у вас макет «Сетка», используйте ползунки «Горизонтальный отступ» и «Вертикальный отступ», чтобы настроить расстояние между элементами сетки на страницах. Горизонтальный отступ добавляет до 40 пикселей пространства между строками контента, а вертикальный — до 40 пикселей между столбцами.

  8. Нажмите «Сохранить».

Мобильное устройство

  1. В приложении Shopify коснитесь значка Меню.

  2. В разделе «Каналы продаж» коснитесь пункта «Интернет-магазин».

  3. Коснитесь пункта «Управлять всеми темами».

  4. Найдите тему, которую хотите отредактировать, и коснитесь пункта «Редактировать тему».

  5. Коснитесь … или ⋮, а затем коснитесь пункта «Настройки темы».

  6. Коснитесь «Макет».

  7. С помощью ползунка «Ширина страницы» выберите ширину от 1000 до 1600 пикселей. По умолчанию установлено значение 1600 пикселей.

  8. Дополнительно: с помощью ползунка можно добавить вертикальный «отступ между разделами шаблона» на ваших страницах. Максимальный отступ между разделами — 100 пикселей.

  9. Дополнительно: если у вас макет «Сетка», используйте ползунки «Горизонтальный отступ» и «Вертикальный отступ», чтобы настроить расстояние между элементами сетки на страницах. Горизонтальный отступ добавляет до 40 пикселей пространства между строками контента, а вертикальный — до 40 пикселей между столбцами.

  10. Коснитесь «Сохранить» или ✓.

Анимация

Анимация позволяет добавить вашему интернет-магазину динамики и визуальной привлекательности. Вы можете включить анимацию постепенного появления разделов магазина при прокрутке, а также эффект наведения для карточек и кнопок.

Шаги:

Компьютер

  1. В панели администратора Shopify перейдите в раздел «Интернет-магазин» > «Темы».

  2. Найдите тему, которую хотите отредактировать, и нажмите «Редактировать тему».

  3. Нажмите на значок «Настройки темы» Настройки.

  4. Нажмите «Анимация».

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

  6. Дополнительно: чтобы добавить эффект анимации при наведении на карточки и кнопки, выберите один из следующих вариантов в настройке «Эффект при наведении»:

    • Вертикальный подъем: когда клиент наводит курсор на карточку или кнопку, элемент смещается вверх.
    • 3D-подъем: когда клиент наводит курсор на карточку или кнопку, элемент выдвигается вперед, создавая 3D-эффект. При этом по элементу пробегает лёгкий блик, добавляя ему объёма.

  7. Нажмите «Сохранить».

Мобильное устройство

  1. В приложении Shopify коснитесь значка Меню.

  2. В разделе «Каналы продаж» коснитесь пункта «Интернет-магазин».

  3. Коснитесь пункта «Управлять всеми темами».

  4. Найдите тему, которую хотите отредактировать, и коснитесь пункта «Редактировать тему».

  5. Коснитесь … или ⋮, а затем коснитесь пункта «Настройки темы».

  6. Коснитесь «Анимация».

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

  8. Дополнительно: чтобы добавить эффект анимации при наведении на карточки и кнопки, выберите один из следующих вариантов в настройке «Эффект при наведении»:

    • Вертикальный подъем: когда клиент наводит курсор на карточку или кнопку, элемент смещается вверх.
    • 3D-подъем: когда клиент наводит курсор на карточку или кнопку, элемент выдвигается вперед, создавая 3D-эффект. При этом по элементу пробегает лёгкий блик, добавляя ему объёма.

  9. Коснитесь «Сохранить» или ✓.

Настройки визуальных элементов

На странице «Настройки темы» вы можете настроить внешний вид таких элементов темы, как кнопки, карточки товаров и варианты. Каждый пункт содержит соответствующие настройки для этого элемента.

Вы можете изменить настройки для следующих элементов вашей темы:

  • Кнопки: сюда относятся кнопки призыва к действию в таких разделах, как «Слайд-шоу» или «Изображение с текстом», а также кнопки в контактной форме, на страницах товаров и страницах корзины.
  • Кнопки вариантов: они позволяют отображать варианты товара на странице товара или в разделе рекомендуемых товаров. Клиенты могут выбрать нужный вариант, чтобы добавить товар в корзину, не покидая текущую страницу. Вы можете настроить то, как кнопки вариантов будут отображаться в вашем интернет-магазине.
  • Поля для ввода: это интерактивные области, в которые клиент вводит данные, например селектор количества, форма подписки по электронной почте или примечания к заказу. Вы можете настроить внешний вид полей для ввода в вашем интернет-магазине.
  • Настройки для карточек товаров, коллекций и записей блога позволяют вам настраивать стиль каждого типа карточек при их отображении в разделах страницы.
    • Карточки товаров: на карточках товаров отображается информация о ваших товарах в разделах темы со списком товаров, например в шаблонах коллекций, разделах коллекций и результатах поиска.
    • Карточки коллекций: на карточках коллекций отображается информация о ваших коллекциях в разделах темы со списком коллекций, например в шаблоне или разделе списка коллекций.
    • Карточки записей блога: на карточках записей блога отображается информация о ваших записях в блоге в разделах темы со списком записей, например в шаблонах и разделах блога, а также в результатах поиска.
  • Контейнеры контента: контейнеры используются для текстовых элементов в разделах с контентом, например для текстового поля в слайд-шоу, на баннере с изображением или в столбцах разделов с несколькими столбцами. Вы можете настроить внешний вид контейнеров контента для своего интернет-магазина.
  • Медиафайлы: медиафайлы — это визуальные компоненты разделов, например медиафайлы товара или изображение в разделе «Изображение с текстом». К медиафайлам можно добавлять рамки и тени.
  • Выпадающие меню и всплывающие окна: вы можете настроить внешний вид выпадающих меню, модальных окон и всплывающих окон корзины в своем интернет-магазине.
  • Выдвижные панели: это скрытые интерактивные контейнеры, которые отображаются при касании или нажатии. Примерами могут служить сворачиваемые меню или параметры фильтрации коллекций. Вы можете настроить рамку и тень для выдвижных панелей в своем интернет-магазине.
  • Значки: значки Распродажа и Продано автоматически добавляются к изображениям ваших товаров, когда вы снижаете цену или когда количество запасов достигает 0. В настройках темы вы можете по отдельности настроить положение, форму и цвет значков Распродажа и Продано. Значки Страница и Блог отображаются в релевантных результатах поиска. Вы можете настроить положение и форму этих значков, но не можете изменить цвет значков Страница и Блог.
  • Информация о бренде: вы можете добавить информацию о своем бренде в интернет-магазин. Выполнив следующие шаги, вы сможете добавить блок «Информация о бренде» в футер вашего интернет-магазина.

Шаги:

Компьютер

  1. В панели администратора Shopify перейдите в раздел «Интернет-магазин» > «Темы».

  2. Нажмите «Редактировать тему» рядом с темой, которую хотите отредактировать.

  3. Нажмите значок настройки.

  4. Нажмите элемент, чтобы открыть настройки.

  5. Настройте любые доступные параметры. Вы можете просмотреть изменения, переходя к разным разделам вашей темы в окне предпросмотра.

  6. Нажмите «Сохранить».

Мобильное устройство

  1. В приложении Shopify коснитесь значка Меню.

  2. В разделе «Каналы продаж» коснитесь пункта «Интернет-магазин».

  3. Коснитесь «Редактировать тему» рядом с темой, которую вы хотите отредактировать.

  4. Коснитесь значка настройки.

  5. Коснитесь элемента, чтобы открыть настройки.

  6. Настройте любые доступные параметры. Вы можете просмотреть изменения, переходя к разным разделам вашей темы в окне предпросмотра.

  7. Коснитесь «Сохранить» или ✓.

Социальные сети

Вы можете добавить ссылки на свои аккаунты в социальных сетях, которые будут отображаться в футере вашего интернет-магазина.

Шаги:

Компьютер

  1. В панели администратора Shopify перейдите в раздел «Интернет-магазин» > «Темы».

  2. Найдите тему, которую хотите отредактировать, и нажмите «Редактировать тему».

  3. Нажмите на значок «Настройки темы» Настройки.

  4. Нажмите «Социальные сети».

  5. Чтобы добавить ссылки на свои аккаунты в социальных сетях, введите их адреса в соответствующие поля «Аккаунты в соцсетях». Необходимо вводить полные ссылки, например https://instagram.com/shopify или https://tiktok.com/@shopify.

  6. Нажмите «Сохранить».

Мобильное устройство

  1. В приложении Shopify коснитесь значка Меню.

  2. В разделе «Каналы продаж» коснитесь пункта «Интернет-магазин».

  3. Коснитесь пункта «Управлять всеми темами».

  4. Найдите тему, которую хотите отредактировать, и коснитесь пункта «Редактировать тему».

  5. Коснитесь … или ⋮, а затем коснитесь пункта «Настройки темы».

  6. Коснитесь «Социальные сети».

  7. Чтобы добавить ссылки на свои аккаунты в социальных сетях, введите их адреса в соответствующие поля «Аккаунты в соцсетях». Необходимо вводить полные ссылки, например https://instagram.com/shopify или https://tiktok.com/@shopify.

  8. Коснитесь «Сохранить» или ✓.

Поведение поиска

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

Чтобы узнать больше о том, как работают поисковые подсказки, обратитесь к статье «Предиктивный поиск».

Вы можете настроить отображение поисковых подсказок для ваших клиентов.

Шаги:

Компьютер

  1. В панели администратора Shopify перейдите в раздел «Интернет-магазин» > «Темы».

  2. Найдите тему, которую хотите отредактировать, и нажмите «Редактировать тему».

  3. Нажмите на значок «Настройки темы» Настройки.

  4. Нажмите «Поведение поиска».

  5. Чтобы включить или выключить поисковые подсказки, установите или снимите флажок «Включить поисковые подсказки».

  6. Необязательно: чтобы показывать или скрывать продавца товара в поисковых подсказках, установите или снимите флажок «Показывать продавца товара».

  7. Необязательно: чтобы показывать или скрывать цену товара в поисковых подсказках, установите или снимите флажок «Показывать цену товара».

  8. Нажмите «Сохранить».

Мобильное устройство

  1. В приложении Shopify коснитесь значка Меню.

  2. В разделе «Каналы продаж» коснитесь пункта «Интернет-магазин».

  3. Коснитесь пункта «Управлять всеми темами».

  4. Найдите тему, которую хотите отредактировать, и коснитесь пункта «Редактировать тему».

  5. Коснитесь … или ⋮, а затем коснитесь пункта «Настройки темы».

  6. Коснитесь «Поведение поиска».

  7. Чтобы включить или выключить поисковые подсказки, установите или снимите флажок «Включить поисковые подсказки».

  8. Необязательно: чтобы показывать или скрывать продавца товара в поисковых подсказках, установите или снимите флажок «Показывать продавца товара».

  9. Необязательно: чтобы показывать или скрывать цену товара в поисковых подсказках, установите или снимите флажок «Показывать цену товара».

  10. Коснитесь «Сохранить» или ✓.

Формат валюты

Вы можете выбрать, отображать ли код валюты рядом с ценами на ваши товары.

Шаги:

Компьютер

  1. В панели администратора Shopify перейдите в раздел «Интернет-магазин» > «Темы».

  2. Найдите тему, которую хотите отредактировать, и нажмите «Редактировать тему».

  3. Нажмите на значок «Настройки темы» Настройки.

  4. Нажмите «Формат валюты».

  5. Чтобы отображать коды валют, установите флажок «Показывать коды валют».

  6. Нажмите «Сохранить».

Мобильное устройство

  1. В приложении Shopify коснитесь значка Меню.

  2. В разделе «Каналы продаж» коснитесь пункта «Интернет-магазин».

  3. Коснитесь пункта «Управлять всеми темами».

  4. Найдите тему, которую хотите отредактировать, и коснитесь пункта «Редактировать тему».

  5. Коснитесь … или ⋮, а затем коснитесь пункта «Настройки темы».

  6. Коснитесь «Формат валюты».

  7. Чтобы отображать коды валют, установите флажок «Показывать коды валют».

  8. Коснитесь «Сохранить» или ✓.

Корзина

Вы можете изменить стиль корзины в своем интернет-магазине. Когда клиент добавляет товар в корзину, она может отображаться в виде выдвижной корзины, страницы или всплывающего уведомления. Чтобы клиент оставался на странице товара, используйте вариант с выдвижной корзиной или всплывающим уведомлением. Чтобы перенаправить клиента на страницу корзины, используйте вариант со страницей. Когда корзина клиента пуста, вы можете отобразить в выдвижной корзине рекомендуемую коллекцию.

Шаги:

Компьютер

  1. В панели администратора Shopify перейдите в раздел «Интернет-магазин» > «Темы».

  2. Найдите тему, которую хотите отредактировать, и нажмите «Редактировать тему».

  3. Нажмите на значок «Настройки темы» Настройки.

  4. Нажмите «Корзина».

  5. В выпадающем меню «Тип корзины» выберите стиль: «Выдвижная корзина», «Страница» или «Всплывающее уведомление».

  6. Необязательно: чтобы отображать продавцов товаров в корзине клиента, установите флажок «Показывать продавца».

  7. Необязательно: чтобы предоставить клиентам текстовое поле для особых пожеланий или дополнительной информации о заказе, установите флажок «Включить примечание к заказу».

  8. Необязательно: если в качестве типа корзины вы выбрали «Выдвижная корзина», то можете настроить отображение коллекции в пустой выдвижной корзине:

    1. В разделе «Выдвижная корзина» нажмите «Выбрать коллекцию».
    2. Нажмите на название коллекции, которую вы хотите отобразить, а затем нажмите «Выбрать».

  9. Необязательно: если в качестве типа корзины вы выбрали «Выдвижная корзина», то можете изменить цветовую схему выдвижной корзины, выполнив следующие действия:

    1. В разделе «Выдвижная корзина» > «Цветовая схема» нажмите «Изменить».
    2. Выберите цветовую схему, которую хотите использовать для выдвижной корзины.

  10. Нажмите «Сохранить».

Мобильное устройство

  1. В приложении Shopify коснитесь значка Меню.

  2. В разделе «Каналы продаж» коснитесь пункта «Интернет-магазин».

  3. Коснитесь пункта «Управлять всеми темами».

  4. Найдите тему, которую хотите отредактировать, и коснитесь пункта «Редактировать тему».

  5. Коснитесь … или ⋮, а затем коснитесь пункта «Настройки темы».

  6. Коснитесь «Корзина».

  7. Выберите тип корзины из следующих вариантов: «Выдвижная», «Страница» или «Всплывающее уведомление».

  8. Необязательно: чтобы отображать продавцов товаров в корзине клиента, установите флажок «Показывать продавца».

  9. Необязательно: чтобы предоставить клиентам текстовое поле для особых пожеланий или дополнительной информации о заказе, установите флажок «Включить примечание к заказу».

  10. Необязательно: если в качестве типа корзины вы выбрали «Выдвижная корзина», то можете настроить отображение коллекции в пустой выдвижной корзине:

    1. В разделе «Выдвижная корзина» коснитесь «Выбрать коллекцию».
    2. Коснитесь названия коллекции, которую хотите отобразить, а затем коснитесь «Готово».

  11. Необязательно: если в качестве типа корзины вы выбрали «Выдвижная корзина», то можете изменить цветовую схему выдвижной корзины, выполнив следующие действия:

    1. В разделе «Выдвижная корзина» > «Цветовая схема» коснитесь «Изменить».
    2. Выберите цветовую схему для выдвижной корзины, а затем коснитесь «Готово».

  12. Коснитесь «Сохранить» или ✓.

Пользовательский CSS

Раздел «Пользовательский CSS» позволяет вводить собственный CSS-код, чтобы, например, настроить внешний вид кнопок интернет-магазина сверх доступных настроек по умолчанию или применить уникальный стиль к определённым текстовым элементам.

Пользовательский CSS в настройках темы влияет на все страницы вашего интернет-магазина, кроме страницы оформления заказа.

Подробнее о добавлении пользовательского CSS в тему.

Стиль темы

Стиль темы — это набор настроек, выбранных её дизайнером. Вы можете применить стиль темы к своему магазину, чтобы придать ему завершённый и эстетичный вид. Во всех темах по умолчанию уже применён какой-либо стиль. Остальные доступные вам варианты стиля зависят от используемой темы.

Когда вы настраиваете тему, вы заменяете её стиль собственными настройками. Применяя к теме новый стиль, вы изменяете текущие настройки, например цвета и типографику.

Шаги:

Компьютер

  1. В панели администратора Shopify перейдите в раздел «Интернет-магазин» > «Темы».

  2. Найдите тему, которую хотите отредактировать, и нажмите «Редактировать тему».

  3. Нажмите на значок «Настройки темы» Настройки.

  4. Нажмите «Стиль темы».

  5. Выберите стиль темы, который хотите использовать, а затем нажмите «Изменить стиль».

  6. Нажмите «Сохранить».

Мобильное устройство

  1. В приложении Shopify коснитесь значка Меню.

  2. В разделе «Каналы продаж» коснитесь пункта «Интернет-магазин».

  3. Коснитесь пункта «Управлять всеми темами».

  4. Найдите тему, которую хотите отредактировать, и коснитесь пункта «Редактировать тему».

  5. Коснитесь … или ⋮, а затем коснитесь пункта «Настройки темы».

  6. Коснитесь «Стиль темы».

  7. Выберите стиль темы, который хотите использовать, а затем коснитесь «Готово».

  8. Коснитесь «Сохранить» или ✓.