Categories

Новые шаблоны

Shopify. Как изменить файлы html/css

Roger Cunningham Февраль 9, 2017
Rating: 5.0. From 2 votes.
Please wait...

Из этого туториала Вы узнаете, как получить доступ к файлам HTML/CSS в шаблонах Shopify.

Изменение существующих файлов

  1. Войдите в вашу админ панель Shopify и нажмите на Интернет-магазин (Online Store) во вкладке Каналы продаж (Sales Channels);

    shopify_how_to_edit_htmlcss_files
  2. Во вкладке Интернет-магазин (Online Store) выберите ‘themes’. Справа, нажмите на ссылку (...) и выберите Редактировать HTML и CSS (Edit HTML/CSS);

    shopify_how_to_edit_htmlcss_files_1
  3. Выберите файл, который Вы хотите изменить слева, примените изменения к файлу, используя встроенный редактор Shopify, и нажмите на кнопку Сохранить (Save) в правом верхнем углу;

    shopify_how_to_edit_htmlcss_files_2

Создание файлов

  1. Вы увидите структуру файла шаблона во вкладке Редактировать HTML и CSS (Edit HTML/CSS);

    • Папка шаблона Layout; папка макетов отображается как папка «Макеты» в админ панели. Она содержит шаблоны макета шаблона, которые по умолчанию находятся в файле theme.liquid. Все шаблоны Liquid внутри папки шаблонов отображаются внутри файла theme.liquid;

    • Папка Templates отображается в админ панели как папка Шаблоны (Templates). Она содержит страницы шаблона (категории, Корзина, и т.д.);

    • Папка Snippets отображается в админ панели как папка Сниппеты (Snippets). Она содержит все Файлы сниппетов Liquid шаблона (theme's Liquid snippet files), которые являются фрагментами кода, на которые можно ссылаться в других шаблонах темы. Используйте включение тега, для того чтобы загрузить сниппет в ваш шаблон;

    • Папка Assets отображается как папка Ресурсы (Assets) в админ панели. Она содержит все свойства, использованные в шаблоне, включая изображения, файлы стилей и файлы javascript. Используйте фильтр asset_url, для того чтобы сослаться на ресурс темы в вашем шаблоне.;

    • Папка configs отображается как папка Настройки (Configs) в админ панели. Она включает файл settings_schema.json и файл settings_data.json. Файл settings_schema.json можно использовать для отображения формы Настройки шаблона (Theme Settings) во время изменения внешнего вида магазина. Эта папка также содержит файл settings_data.json, который хранит Предпочтения продавца в Настройках шаблона (merchant’s Theme Settings preferences);

    • Папка Locales отображается как папка Локали (Locales) в админ панели. Она содержит файлы локализации шаблона, которые используются для предоставления переведённого содержимого шаблона;

  2. Для того чтобы создать новый файл ресурса asset, нажмите на ссылку Добавить новый ресурс (Add new asset);

    shopify_how_to_edit_htmlcss_files_3
  3. Shopify предоставляет как функцию обновления файла, так и функцию создания пустого файла в админ панели;

  4. Выберите, например, Создать пустой файл (create a blank file), назовите ваш файл и выберите расширение.

    shopify_how_to_edit_htmlcss_files_4

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

Shopify. Как работать с файлами html/css
Шаблоны Shopify
Эта запись была размещена в Shopify туториалы и помечена как css, edit, files, HTML, Shopify. Добавьте в закладки постоянную ссылку.

Submit a ticket

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