Помощь
Войти

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

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

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

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

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

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

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

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

Шаги:

Компьютер

  1. From your Shopify admin, go to Online Store.

  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. From your Shopify admin, go to Online Store.

  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. Коснитесь «Сохранить» или ✓.

Цвета

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

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

Управление цветовыми палитрами

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

Цветовая палитра в редакторе тем

Шаги:

Компьютер

  1. From your Shopify admin, go to Online Store.

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

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

  4. В разделе Цвета нажмите +, чтобы выбрать цвет для добавления в палитру.

  5. Дополнительно: чтобы удалить цвет, который вам больше не нужен в вашей палитре:

    1. Нажмите на цвет, а затем нажмите Удалить цвет.
    2. Выберите цвет для замены удаленного цвета везде, где он используется в вашей теме.
    3. Нажмите Подтвердить.

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

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

  1. В приложении Shopify нажмите Меню, а затем нажмите Настройки Настройки.

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

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

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

  5. Нажмите Горизонтальное меню или Вертикальное меню, а затем нажмите Настройки темы.

  6. Нажмите Цвета.

  7. В разделе Цвета нажмите +, чтобы выбрать цвет для добавления в палитру.

  8. Дополнительно: чтобы удалить цвет, который вам больше не нужен в вашей палитре:

    1. Нажмите на цвет, а затем нажмите Удалить цвет.
    2. Выберите цвет для замены удаленного цвета везде, где он используется в вашей теме.
    3. Нажмите Подтвердить.

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

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

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

Шаги:

  1. From your Shopify admin, go to Online Store.

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

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

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

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

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

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

Типографика

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

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

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

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

Шаги:

Компьютер

  1. From your Shopify admin, go to Online Store.

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

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

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

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

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

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

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

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

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

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

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

  5. Нажмите Горизонтальное меню или Вертикальное меню, а затем нажмите Настройки темы.

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

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

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

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

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

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

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

Шаги:

Компьютер

  1. From your Shopify admin, go to Online Store.

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

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

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

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

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

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

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

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

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

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

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

  5. Нажмите Горизонтальное меню или Вертикальное меню, а затем нажмите Настройки темы.

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

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

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

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

Макет

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

Шаги:

Компьютер

  1. From your Shopify admin, go to Online Store.

  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. From your Shopify admin, go to Online Store.

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

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

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

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

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

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

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

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

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

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

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

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

  5. Нажмите Горизонтальное меню или Вертикальное меню, а затем нажмите Настройки темы.

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

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

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

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

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

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

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

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

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

Шаги:

Компьютер

  1. From your Shopify admin, go to Online Store.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Шаги:

Компьютер

  1. From your Shopify admin, go to Online Store.

  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. From your Shopify admin, go to Online Store.

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

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

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

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

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

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

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

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

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

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

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

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

  5. Нажмите Горизонтальное меню или Вертикальное меню, а затем нажмите Настройки темы.

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

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

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

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

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

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

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

Шаги:

Компьютер

  1. From your Shopify admin, go to Online Store.

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

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

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

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

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

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

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

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

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

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

  5. Нажмите Горизонтальное меню или Вертикальное меню, а затем нажмите Настройки темы.

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

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

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

Корзина

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

Шаги:

Компьютер

  1. From your Shopify admin, go to Online Store.

  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. From your Shopify admin, go to Online Store.

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

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

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

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

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

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

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

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

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

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

  5. Нажмите Горизонтальное меню или Вертикальное меню, а затем нажмите Настройки темы.

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

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

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