Shopify. Как найти и редактировать любой текст

Из этого туториала Вы узнаете, как найти и редактировать любой текст в Shopify.

Shopify. Как найти и редактировать любой текст

1. Для того чтобы найти фрагмент текста, исследуйте элемент при помощи Firebug (inspect the element with Firebug) или инструмента разработчика браузера по-умолчанию (нажмите F12):

   

   В открывшемся окне Вы увидите классы, закреплённые за фрагментом текста. Это будет Вам подсказкой, где задан текст:

   

   Например, в нашем случае, Вы можете видеть, что текст задан в Демонстрационном блоке 1 (showcase 1), в который Вы можете внести изменения во вкладке Интернет-магазин > Темы > Настроить тему > Пользовательские блоки > Демонстрационная позиция > Пользовательский демонстрационный блок #1 (Online Store > Themes > Customize theme > Custom blocks > Showcase position > Custom showcase block #1):

   

2. Текст на странице product/collection следует редактировать в разделе product/collection во вкладке Товары > Товары (Products > Products) или Товары > Коллекции (Products > Collections) в админ панели.

3. Для того чтобы внести изменения в текст по-умолчанию (edit the default text), такой как Товары со скидкой, Сортировать по…, Коллекции (Featured Products, Sort by, Collections) и т. д., следуйте таким инструкциям:

   1. Экспортируйте файлы темы во вкладке Интернет-магазин > Темы > … > Скачать файлы темы (Online Store > Themes > … > Download theme file). Эти файлы будут автоматически отправлены на ваш ящик электронной почты:

      

   2. После того как Вы скачали тему на компьютер, разархивируйте архив и найдите нужный фрагмент кода:

      1. При помощи Total Commander, используя комбинацию клавиш Alt F7 введите текст в поле Найти текст (Find text):

         

         или

      2. откройте любой файл при помощи Notepad++, нажмите Ctrl F, введите нужный текст, выберите папку темы, которую Вы скачали на ваш компьютер, в поле Папка (Directory) и нажмите на кнопку Ввести (Enter):

         

   3. Вы увидите, в каких файлах есть искомое слово, откройте их один за одним в редакторе кода и найдите нужный фрагмент. Пропускайте файлы .css.liquid, так как в них находятся лишь определения стилей .css.

   4. Когда Вы нашли нужный фрагмент, Вы можете внести в него изменения через админ панель во вкладке Темы > Настоить тему > Редактировать HTML/CSS (Themes > Customize theme > Edit HTML/CSS).

      Например, для того чтобы изменить текст «Товары со скидкой» (Featured Products), откройте Темы > Настроить тему > Редактировать HTML/CSS > Шаблоны > index.liquid (Themes > Customize theme > Edit HTML/CSS > Templates > index.liquid). Убедитесь, что Вы сохранили изменения:

      

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

Shopify. Как найти и редактировать любой текст