Добавление, предпросмотр и покупка тем
Чтобы вы могли начать работу, при открытии аккаунта Shopify на странице «Темы» в панели администратора устанавливается тема по умолчанию. Если вы хотите настроить для своего интернет-магазина другую тему, её необходимо добавить в панель администратора.
Добавить тему можно одним из следующих способов:
- Вы можете описать свой бизнес своими словами и создать бесплатную персонализированную тему с помощью ИИ.
- Вы можете добавить бесплатную тему из панели администратора Shopify.
- Вы можете опробовать платную тему из Shopify Theme Store. Любую тему можно просмотреть и настроить в редакторе тем. Прежде чем опубликовать тему в интернет-магазине, её необходимо купить.
- Если на вашем компьютере уже есть тема в виде ZIP-файла, вы можете загрузить её.
Если вы разработчик или работаете с партнером Shopify или агентством, вы также можете добавить тему в свой магазин следующими способами:
- Вы можете добавить тему, размещённую на GitHub, в свой магазин с помощью интеграции Shopify с GitHub.
- Вы можете отправить тему в свой магазин с помощью Shopify CLI.
Вы можете добавить в свой аккаунт несколько тем, чтобы опробовать новые, сохранять сезонные версии опубликованной темы или тестировать изменения на её копии. Вы можете просматривать любую из этих тем, но в любой момент времени может быть опубликована только одна тема. При переключении на новую тему у вас по-прежнему останется доступ к старой теме на странице «Темы» в Shopify.
После добавления темы вы можете создать ссылку, чтобы поделиться предпросмотром любой неопубликованной темы с другими пользователями. Это может быть полезно, если вы хотите получить обратную связь, прежде чем опубликовать новую тему или запустить свой интернет-магазин. Поделиться предпросмотром опубликованной темы нельзя.
На этой странице
Требования к темам
Ознакомьтесь со следующими требованиями для добавления тем в ваш магазин или организацию:
- Максимальное количество тем, которые можно добавить, зависит от вашего тарифного плана:
- В магазинах на тарифном плане Starter можно добавить только тему Spotlight.
- Магазины и организации на тарифных планах Basic, Grow и Advanced могут добавлять до 20 тем.
- Магазины и организации на тарифном плане Shopify Plus могут добавлять до 100 тем.
Если вы достигли лимита тем для вашего тарифного плана, вам нужно удалить одну из тем, прежде чем добавлять новую. Для каждого действующего дополнительного магазина требуется отдельная лицензия на тему.
Создание бесплатной темы с помощью ИИ
Вы можете использовать ИИ, чтобы создать бесплатную персонализированную тему на странице «Темы» в панели администратора Shopify. Shopify оказывает поддержку по настройке бесплатных тем.
Вы можете использовать ИИ, чтобы создать бесплатную персонализированную тему на странице «Темы» в панели администратора Shopify. Shopify оказывает поддержку по настройке бесплатных тем.
Действия:
На компьютере
В панели администратора Shopify перейдите в раздел «Интернет-магазин» > «Темы».
В разделе «Создайте дизайн своего магазина за секунды» опишите свой бизнес, а затем нажмите «Создать темы», чтобы сгенерировать до 3 бесплатных персонализированных тем.
Выберите интересующую вас тему и нажмите «Попробовать тему», чтобы применить её к своему магазину.
Тема будет добавлена в раздел «Черновики тем» на странице Темы в панели администратора.
На мобильном устройстве
В приложении Shopify коснитесь значка
.
В разделе «Каналы продаж» коснитесь пункта «Интернет-магазин».
Коснитесь пункта «Управление темами».
В разделе «Создайте дизайн своего магазина за секунды» в нижней части страницы опишите свой бизнес и коснитесь пункта «Создать темы», чтобы сгенерировать до 3 бесплатных персонализированных тем.
Коснитесь интересующей вас темы, а затем пункта «Попробовать тему», чтобы применить её к своему магазину.
Тема будет добавлена в раздел «Черновики тем» на странице Темы в панели администратора.
Добавление бесплатной темы из панели администратора
Бесплатные темы разрабатываются Shopify. Поддержку по настройке бесплатных тем оказывает Shopify.
Бесплатные темы разрабатываются Shopify. Поддержку по настройке бесплатных тем оказывает Shopify.
Действия:
На компьютере
В панели администратора Shopify перейдите в раздел «Интернет-магазин» > «Темы».
В разделе Обзор тем в нижней части страницы ознакомьтесь с лучшими бесплатными темами из Shopify Theme Store или нажмите Перейти в Theme Store, чтобы посмотреть все доступные темы.
Нажмите на название темы, чтобы просмотреть подробную информацию о ней в Shopify Theme Store.
Нажмите кнопку Добавить для темы. Тема будет добавлена в раздел «Черновики тем» на странице Темы в панели администратора.
На мобильном устройстве
В приложении Shopify коснитесь значка
.
В разделе «Каналы продаж» коснитесь пункта «Интернет-магазин».
Коснитесь пункта «Управление темами».
В разделе Обзор тем в нижней части страницы ознакомьтесь с лучшими бесплатными темами из Shopify Theme Store или коснитесь Перейти в Theme Store, чтобы посмотреть все доступные темы.
Коснитесь названия темы, чтобы посмотреть подробности о ней в Shopify Theme Store.
Коснитесь кнопки Добавить для темы. Тема будет добавлена в раздел «Черновики тем» на странице Темы в панели администратора.
Как попробовать платную тему из Shopify Theme Store
Прежде чем покупать платную тему, вы можете опробовать её в режиме предпросмотра в своей панели администратора Shopify. С помощью редактора тем можно настроить просматриваемую тему: например, изменить её в соответствии с цветами и стилем вашего бренда, а также добавить товары. Если вы купите тему, все сделанные вами настройки сохранятся.
Вы можете одновременно просматривать до 19 платных тем, что позволяет сравнивать их перед покупкой. Платные темы, которые вы пробуете, отмечены этикеткой «Пробное использование темы».
Чтобы получить поддержку по платной теме, свяжитесь с её разработчиком.
Действия:
- Посетите Shopify Theme Store и выберите платную тему.
- Нажмите «Попробовать тему», чтобы добавить её в свой интернет-магазин.
- В панели администратора Shopify нажмите «Интернет-магазин» > «Темы».
- В разделе Черновики тем нажмите кнопку
, чтобы открыть меню действий рядом с темой, которую вы хотите предварительно просмотреть.
- Нажмите «Предпросмотр».
Вы можете настраивать параметры темы во время её предпросмотра. Если тема вам понравится, вы можете её купить. Все внесённые в тему настройки сохранятся. Редактировать код темы или использовать генератор кода на базе ИИ во время пробного периода нельзя.
Покупка темы в Shopify Theme Store
Купить тему в Shopify Theme Store могут только пользователи, у которых есть все следующие разрешения на уровне магазина:
- Темы
- Управление и установка приложений и каналов
- Подтверждение списаний за приложения
После того как вы опробуете платную тему в своём интернет-магазине, вы можете её купить. Вы можете публиковать темы в своем интернет-магазине только после того, как вы их приобрели. При покупке темы в Shopify Theme Store она лицензируется исключительно для того магазина, в котором была совершена покупка. Если вы хотите использовать тему в другом магазине, у вас может быть возможность её перенести.
Платные темы создаются сторонними разработчиками. Общую поддержку и обновления для сторонних тем предоставляет разработчик темы. Если вам нужны расширенные настройки, но у вас нет опыта разработки сайтов с использованием HTML, CSS и JavaScript, вы можете нанять партнёра Shopify.
Действия:
В панели администратора Shopify перейдите в раздел «Интернет-магазин» > «Темы».
Нажмите «Добавить темы» > «Посетить Theme Store».
Найдите тему, которую хотите купить, и нажмите «Попробовать тему».
В разделе Черновики тем нажмите Купить на теме, которую вы хотите приобрести, чтобы начать транзакцию.
Загрузка файла темы с компьютера
Если у вас на компьютере есть тема в виде ZIP-архива, вы можете загрузить её на страницу «Темы» в своей панели администратора Shopify.
Перед загрузкой убедитесь, что файлы вашей темы сжаты в один ZIP-архив.
После загрузки ZIP-архива тема будет добавлена на страницу «Темы» в вашей панели администратора Shopify.
Действия:
На компьютере
В панели администратора Shopify перейдите в раздел «Интернет-магазин» > «Темы».
В разделе Черновики тем нажмите Импортировать тему > Загрузить zip-файл.
В диалоговом окне «Импорт темы» нажмите «Выбрать файл», чтобы выбрать ZIP-архив для загрузки.
Нажмите «Загрузить».
На мобильном устройстве
В приложении Shopify коснитесь значка
.
В разделе «Каналы продаж» коснитесь пункта «Интернет-магазин».
Коснитесь пункта «Управление темами».
В разделе Черновики тем коснитесь Импортировать тему > Загрузить zip-файл.
В диалоговом окне «Импорт темы» коснитесь «Выбрать файл», чтобы выбрать ZIP-архив для загрузки.
Коснитесь «Загрузить».
Смена тем
Когда вы добавляете новые темы в свой магазин, они отображаются в разделе Черновики тем на странице Темы в Shopify. Вы можете переключиться на новую тему, опубликовав ее в своем интернет-магазине. Когда вы публикуете новую тему, старая тема остается доступной в черновиках тем (и вы можете переключиться обратно на нее при желании).
Если вы обновляете тему вручную, обновленная версия вашей темы отображается как отдельная версия в черновиках тем. При переключении на обновленную версию старая версия темы остается доступной в черновиках тем. Для получения дополнительной информации см. раздел Обновление тем.
Подготовка к смене тем
Когда вы добавляете тему в черновики тем, вы можете настроить ее перед тем, как опубликовать. Это отличная возможность проверить новую тему и адаптировать настройки и контент под свой бизнес до замены текущей темы. Вы также можете переключаться между несколькими подготовленными темами без необходимости настраивать их заново.
Товары, коллекции, меню, страницы и записи в блоге вашего магазина не изменяются и не удаляются при переключении на новую тему, поскольку они управляются в панели администратора, отдельно от темы. Однако контент и настройки, управляемые с помощью редактора тем, редактора кода темы и языкового редактора, являются уникальными для каждой загружаемой вами темы и её версии.
Следующие элементы вашего интернет-магазина связаны с темой. Вы должны настраивать эти элементы для каждой темы, которую хотите использовать:
- Настройки, применяемые к разделам и блокам в вашем магазине
- Глобальные настройки темы, включая цвета и шрифты, применяемые в вашем интернет-магазине
- Текст и формулировки
- Настройки кода, включая настройки кода, добавленные приложением
- Доступные шаблоны тем
Не все темы поддерживают все функции Shopify. Изучите список возможностей темы, чтобы убедиться, что в ней есть всё необходимое.
Предпросмотр темы
Вы можете предварительно просмотреть любую тему в разделе «Темы» вашего интернет-магазина. При этом просматриваемая тема будет показана в отдельной вкладке браузера с панелью предпросмотра интернет-магазина.
На панели предпросмотра интернет-магазина отображается следующая информация о вашей теме:
- Название темы.
- Статус темы. У опубликованной темы статус «Активна». У неопубликованных тем — статус «Черновик».
Вы можете настроить предпросмотр, выполнив следующие действия:
- В разделе
«Просмотр как» вы можете выбрать другую страну или язык для предпросмотра. Узнайте больше о международных рынках и добавлении в тему других языков.
- Нажмите кнопку
, чтобы поделиться предпросмотром темы.
- Нажмите «Закрыть предпросмотр» , чтобы закрыть предпросмотр и отобразить опубликованную тему.
- Нажмите «Редактировать тему», чтобы открыть редактор тем и настроить тему.
- Нажмите на верхнюю часть панели предпросмотра, чтобы её свернуть. Чтобы развернуть панель, нажмите на неё ещё раз.
Общий доступ к предпросмотру темы
Если вы собираетесь запустить интернет-магазин или планируете изменить его, опубликовав новую тему, вы можете запросить обратную связь, поделившись предпросмотром темы.
Вы можете создать ссылку для доступа к предпросмотру любой темы, добавленной в панели администратора Shopify. Темой можно поделиться, даже если она не опубликована.
Существует два типа предпросмотра темы:
- Предпросмотр для посетителей: такой предпросмотр доступен любому пользователю, у которого есть URL-адрес, и не требует аутентификации. Срок действия таких ссылок истекает через 2 дня после создания. URL-адреса для предпросмотра посетителями имеют следующий формат:
https://<token>-<shop_id>.shopifypreview.com. - Предпросмотр для продавцов: такой предпросмотр требует аутентификации в панели администратора и предоставляет доступ к оформлению заказов. Срок действия таких ссылок истекает через 30 дней после создания. URL-адреса для предпросмотра продавцами используют формат вашего основного домена с параметром токена.
Когда вы нажимаете «Предпросмотр» для темы, в адресной строке браузера отображается URL-адрес для предпросмотра продавцами. Чтобы создать ссылку для предпросмотра посетителями и поделиться ею, нажмите кнопку на панели предпросмотра. Вы можете создавать новые ссылки сколько угодно раз, при этом создание новой ссылки не повлияет на старые.
Действия:
На компьютере
В панели администратора Shopify перейдите в раздел «Интернет-магазин» > «Темы».
Для темы, которой вы хотите поделиться, нажмите кнопку
, чтобы открыть меню действий, а затем нажмите «Предпросмотр».
Необязательно: чтобы изменить предпросмотр, выберите другую страну и (или) язык.
Нажмите кнопку
, чтобы скопировать ссылку в буфер обмена.
На мобильном устройстве
В приложении Shopify коснитесь значка
.
В разделе «Каналы продаж» коснитесь пункта «Интернет-магазин».
Коснитесь пункта «Управление темами».
Для темы, которой вы хотите поделиться, коснитесь кнопки
, чтобы открыть меню действий, а затем коснитесь «Предпросмотр».
Необязательно: чтобы изменить предпросмотр, выберите другую страну и (или) язык.
Коснитесь
, чтобы скопировать ссылку в буфер обмена.
Поиск неисправностей при предпросмотре темы
Существуют различные обстоятельства, из-за которых предпросмотр темы или панель предпросмотра могут отображаться некорректно. Если после ознакомления с инструкциями в этом руководстве проблемы с темой не исчезли, возможно, вам потребуется обратиться в команду поддержки вашей темы. Подробнее о получении поддержки для тем.
Панель предпросмотра отображается в вашем активном магазине
Обычно это происходит, когда ваша тема некорректно добавляет параметр preview_theme_id в URL-адреса вашего интернет-магазина. Этот параметр предназначен только для внутреннего предпросмотра, но если он есть в URL-адресах активного магазина, то панель предпросмотра будет отображаться у всех посетителей.
Перейдите в свой интернет-магазин и проверьте, есть ли в адресной строке браузера параметр preview_theme_id. Вы также можете попросить клиентов переслать вам ссылку на страницу, где у них отображается панель предпросмотра.
Если URL-адрес вашего интернет-магазина содержит параметр preview_theme_id, обратитесь за поддержкой к разработчику темы и объясните проблему.
Если вы умеете редактировать код темы, вы можете найти в её файлах preview_theme_id и удалить код, который добавляет этот параметр в URL-адреса. Такой код чаще всего находится в файлах макета и файлах с Javascript (с расширением .js). Редактируйте код темы, только если вы знакомы с HTML и CSS и имеете базовое представление о языке шаблонов Shopify Liquid, а также о JSON и Javascript.
Об этой проблеме сообщалось в связи с темами, приобретёнными за пределами Shopify Theme Store, например с темой Lumia на ThemeForest.
При предпросмотре черновика темы происходит перенаправление на текущую тему
Если при нажатии «Предпросмотр» для неопубликованной темы вас перенаправляет на текущую тему, это почти всегда связано с кешированием Cloudflare.
Если вы используете Cloudflare для своего магазина Shopify, возможно, ваши настройки кеширования мешают работе механизма предпросмотра Shopify. Shopify тоже использует Cloudflare для кеширования, и эти уровни иногда могут конфликтовать. Мы упоминаем о возможных конфликтах с внешним кешированием в нашей документации.
Чтобы панель предпросмотра работала корректно, отключите в Cloudflare кеширование для всех запросов к Shopify.
Панель предпросмотра полностью отсутствует
Если при предпросмотре темы панель предпросмотра не отображается, это, скорее всего, связано с пользовательским кодом или сторонним приложением, которое изменяет скрипты темы по умолчанию.
Эта проблема, скорее всего, вызвана изменениями, которые влияют на объект Liquid. Он обычно находится в файле `theme.liquid` в папке макета вашей темы. Скрипт панели предпросмотра требует, чтобы этот объект загружался корректно. Изменение этого объекта может помешать загрузке скрипта, что приведёт к отсутствию панели предпросмотра и другим проблемам с функциями и приложениями Shopify.
Вы можете проверить тему и приложения, чтобы найти источник изменений. Узнайте, как устранять неполадки в теме.